/*
Theme Name: Hello Elementor Child
Description: Variáveis CSS globais do tema — toda a CSS modular está em css/
Author: Daniel Cambría + Warp AI
Version: 2.2.1
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");


/* ==========================================================================
   1. ELEMENTOR GLOBAL COLORS
   Sincronizado com: Elementor Kit ID 2553
   Última atualização: 2025-12-01

   As cores são definidas em: Elementor > Site Settings > Global Colors
   Os nomes das variáveis correspondem aos títulos definidos no painel.
   ========================================================================== */

:root {
    /* =========================================
       SYSTEM COLORS (Elementor Default)
       ========================================= */
    --main-color   : var(--e-global-color-primary);   /* Main color    #900042 */
    --offwhite     : var(--e-global-color-secondary); /* Offwhite      #DEDDD1 */
    --accent-color : var(--e-global-color-accent);    /* Accent color  #F0C400 */
    --text         : var(--e-global-color-text);      /* Text          #900042 */

    /* =========================================
       CORES BASE
       ========================================= */
    --color-extra-1       : var(--e-global-color-96a86ed); /* Color Extra 1       #F0C400 */
    --color-extra-2       : var(--e-global-color-6f8d79f); /* Color Extra 2       #D1D591 */
    --color-extra-3       : var(--e-global-color-1de5509); /* Color Extra 3       #660044 */
    --txt-invertido       : var(--e-global-color-d06d81a); /* txt invertido       #FFFFFF */
    --background-invertido: var(--e-global-color-bbe749d); /* Background invertido #C02975 */
    --background-offwhite : var(--e-global-color-e03d05f); /* Background Offwhite #DEDDD1 */
    --white               : var(--e-global-color-f589ade); /* White               #FFFFFF */
    --black               : var(--e-global-color-f7de0e8); /* Black               #000000 */

    /* =========================================
       BOTÕES - NORMAL
       ========================================= */
    --btn-normal-bg        : var(--e-global-color-bfeecce); /* btn normal bg        #DEDDD1 */
    --btn-normal-txt       : var(--e-global-color-195c11b); /* btn normal txt       #900042 */
    --btn-normal-bdr       : var(--e-global-color-e978a34); /* btn normal BDR       #900042 */
    --btn-normal-icn       : var(--e-global-color-70ad25c); /* btn normal ICN       #900042 */
    --btn-normal-bg-hv     : var(--e-global-color-1a29b29); /* btn normal bg HV     #900042 */
    --btn-normal-txt-hv    : var(--e-global-color-5376d26); /* btn normal txt HV    #DEDDD1 */
    --btn-normal-border-hv : var(--e-global-color-fcf9248); /* btn normal border HV #900042 */
    --btn-normal-icon-hv   : var(--e-global-color-bb00ea4); /* btn normal icon HV   #DEDDD1 */

    /* =========================================
       BOTÕES - INVERTIDO
       ========================================= */
    --btn-invertido-bg     : var(--e-global-color-32d8d3f); /* btn invertido bg     #DEDDD1 */
    --btn-invertido-txt    : var(--e-global-color-2ab85f4); /* btn invertido txt    #900042 */
    --btn-invertido-bdr    : var(--e-global-color-bd1b734); /* btn invertido BDR    #900042 */
    --btn-invertido-icn    : var(--e-global-color-ea51a4f); /* btn invertido ICN    #900042 */
    --btn-invertido-hv-bg  : var(--e-global-color-b60173c); /* btn invertido HV bg  #900042 */
    --btn-invertido-hv-txt : var(--e-global-color-1d51d48); /* btn invertido HV txt #DEDDD1 */
    --btn-invertido-hv-bdr : var(--e-global-color-4ad591c); /* btn invertido HV BDR #900042 */
    --btn-invertido-hv-icn : var(--e-global-color-7b38f65); /* btn invertido HV ICN #DEDDD1 */

    /* =========================================
       BOTÕES - SLIDER BANNER
       ========================================= */
    --btn-slider-banner-bg     : var(--e-global-color-c639634); /* Btn slider banner BG     #C02975 */
    --btn-slider-banner-txt    : var(--e-global-color-2854dc7); /* Btn slider banner TXT    #FFFFFF */
    --btn-slider-banner-icn    : var(--e-global-color-75dce5f); /* Btn slider banner ICN    #FFFFFF */
    --btn-slider-banner-bdr    : var(--e-global-color-26aa749); /* Btn slider banner BDR    #FFFFFF */
    --btn-slider-banner-bg-hv  : var(--e-global-color-ef329fa); /* Btn slider banner BG HV  #FFFFFF */
    --btn-slider-banner-txt-hv : var(--e-global-color-d2bf309); /* Btn slider banner TXT HV #C02975 */
    --btn-slider-banner-icn-hv : var(--e-global-color-8ad9cb6); /* Btn slider banner ICN HV #C02975 */
    --btn-slider-banner-bdr-hv : var(--e-global-color-b6697c3); /* Btn slider banner BDR HV #C02975 */

    /* =========================================
       ESPIRAL
       ========================================= */
    --espiral-o-que-somos: var(--e-global-color-a3fcda9); /* Espiral O que somos #FFFFFF */
    --espiral-ciclo-1    : var(--e-global-color-5818b63); /* espiral [ciclo 1]   #900042 */
    --espiral-ciclo-2    : var(--e-global-color-ad96ee3); /* espiral [ciclo 2]   #900042 */

    /* =========================================
       HEADER
       ========================================= */
    --header-background               : var(--e-global-color-603dd02); /* Header Background               #900042 */
    --header-background-submenu-cultura: var(--e-global-color-4a4a8de); /* Header Background Submenu Cultura #F0C400 */
    --header-background-submenu       : var(--e-global-color-fb4dbf2); /* Header Background Submenu       #900042 */
    --header-txt                      : var(--e-global-color-bcf690c); /* header txt                      #FFFFFF */
    --header-txt-hover                : var(--e-global-color-95160ae); /* header txt hover                #F0C400 */
    --header-txt-active               : var(--e-global-color-cbf4f1c); /* header txt active               #F0C400 */
    --header-icon                     : var(--e-global-color-1fff4a8); /* header icon                     #FFFFFF */
    --header-icon-hover               : var(--e-global-color-b262c8c); /* header icon hover               #F0C400 */
    --header-menu-mobile-bg           : var(--e-global-color-784a92e); /* header menu-mobile bg           #000000 */
    --header-menu-mobile-txt          : var(--e-global-color-8d6d024); /* header menu-mobile txt          #000000 */
    --header-mega-cultura-txt         : var(--e-global-color-3e69eb5); /* header-mega cultura txt         #2C2C2A */

    /* =========================================
       EVENTOS
       ========================================= */
    --eventos-bg           : var(--e-global-color-1056812); /* eventos bg           #FFFFFF */
    --evento-tag-bg        : var(--e-global-color-e750255); /* evento tag bg        #00456C */
    --eventos-passados-bg  : var(--e-global-color-091b1c5); /* eventos passados bg  #FFFFFF */
    --evento-passado-tag-bg: var(--e-global-color-f4e9724); /* evento passado tag bg #FFFFFF */
    --evento-data-bg       : var(--e-global-color-a29627a); /* evento data bg       #000000 */

    /* =========================================
       FORMULÁRIOS
       ========================================= */
    --form-botao      : var(--e-global-color-1e2de0e); /* form [botão]       #FFFFFF */
    --form-botao-hover: var(--e-global-color-acf4884); /* form [botão:hover] #000000 */
    --form-placeholder: var(--e-global-color-a910fcf); /* form [placeholder] #656568 */
    --form-border     : var(--e-global-color-9e25231); /* form [border]      #FFFFFF */
    --form-texto      : var(--e-global-color-ce3a7e4); /* form [texto]       #00456C */

    /* =========================================
       UI ELEMENTS
       ========================================= */
    --focus-outline-color : var(--e-global-color-3091f92); /* focus: outline-color  #C02975 */
    --scroll-handle-hover : var(--e-global-color-44d5626); /* scroll [handle:hover] #C02975 */
    --scroll-track        : var(--e-global-color-f1d8cc9); /* scroll [track]        #C02975 */

    /* =========================================
       PAGINAÇÃO
       ========================================= */
    --pagination-text          : var(--e-global-color-15a7cb4); /* pagination [text]          #FFFFFF */
    --pagination-text-invertido: var(--e-global-color-5d15942); /* pagination [text invertido] #C02975 */
    --pagination-bg            : var(--e-global-color-ed15391); /* pagination [bg]            #FFFFFF */
    --pagination-bg-invertido  : var(--e-global-color-a469a3e); /* pagination [bg invertido]  #C02975 */
    --pagination-bg-hover      : var(--e-global-color-7af83f7); /* pagination [bg:hover]      #C02975 */
    --pagination-bg-current    : var(--e-global-color-31f423a); /* pagination [bg:current]    #4AA521 */

    /* =========================================
       TAGS
       ========================================= */
    --tag-normal-bg          : var(--e-global-color-ec6250c); /* tag normal bg           #000000 */
    --tag-normal-txt         : var(--e-global-color-bd4fd6f); /* tag normal txt          #FFFFFF */
    --tag-normal-border      : var(--e-global-color-9ca7650); /* tag normal border       #000000 */
    --tag-normal-bg-hover    : var(--e-global-color-66b635f); /* tag normal bg hover     #FFFFFF */
    --tag-normal-txt-hover   : var(--e-global-color-a67be25); /* tag normal txt hover    #000000 */
    --tag-normal-border-hover: var(--e-global-color-88a5bb5); /* tag normal border hover #FFFFFF */

    /* =========================================
       NAVEGAÇÃO
       ========================================= */
    --navigation-icon      : var(--e-global-color-189d99c); /* navigation icon       #FFFFFF */
    --navigation-bg        : var(--e-global-color-bd58f97); /* navigation bg         #818180 */
    --navigation-icon-hover: var(--e-global-color-7ad475b); /* navigation icon hover #FFFFFF */
    --navigation-bg-hover  : var(--e-global-color-5c7f233); /* navigation bg hover   #F0C400 */

    /* =========================================
       OUTROS
       ========================================= */
    --news-single-lateral  : var(--e-global-color-85f2876); /* news single lateral   #3A2E2A */
    --dropdown-bg          : var(--e-global-color-7b0a793); /* dropdown bg           #F4F4F2 */
    --popup-btn            : var(--e-global-color-9f90efa); /* popup btn             #000000 */
    --popup-bg             : var(--e-global-color-00554d5); /* popup bg              #F4F4F2 */
    --footer-logo          : var(--e-global-color-774f1bc); /* footer logo           #FFFFFF */
    --footer-cadastre-se   : var(--e-global-color-eebdb92); /* Footer Cadastre-se    #900042 */
    --thumbnails-bg        : var(--e-global-color-40feb06); /* thumbnails bg         #FFFFFF */
    --menuflip-bg          : var(--e-global-color-82f2da3); /* menuflip bg           #000000 */
    --ico-espiral          : var(--e-global-color-3889a68); /* ico espiral           #FFFFFF */
    --mapa-artistas-bg     : var(--e-global-color-67488b5); /* mapa artistas bg      #E1E1D5 */
    --tratamento-de-erros  : var(--e-global-color-32e74e2); /* Tratamento de Erros   #C84747 */

    /* =========================================
       BREAKNEWS
       ========================================= */
    --breaknews-bg       : var(--e-global-color-b2cd905); /* breaknews bg        #C86F47 */
    --breaknews-txt      : var(--e-global-color-938e171); /* breaknews txt       #FFFFFF */
    --breaknews-txt-hover: var(--e-global-color-794b9f6); /* breaknews txt hover #191919 */

    /* =========================================
       ALIASES DE COMPATIBILIDADE (legado)
       Use as variáveis acima para novos estilos
       ========================================= */
    --ucpa-color-main        : var(--main-color);
    --ucpa-color-offwhite    : var(--offwhite);
    --ucpa-color-accent      : var(--accent-color);
    --ucpa-color-text        : var(--text);
    --ucpa-color-text-invert : var(--txt-invertido);
    --ucpa-color-home-espiral: var(--background-invertido);
    --ucpa-color-white       : var(--white);
    --ucpa-color-black       : var(--black);
    --ucpa-color-1           : var(--main-color);
    --ucpa-color-1-dark      : color-mix(in lab, var(--main-color) 75%, black 35%);
    --ucpa-color-2           : var(--offwhite);
    --ucpa-color-3           : var(--color-extra-2);
    --ucpa-color-4           : var(--accent-color);
    --ucpa-color-5           : var(--background-invertido);
    --ucpa-color-6           : var(--white);
    --ucpa-color-7           : var(--main-color);
    --ucpa-color-8           : var(--main-color);
    --ucpa-color-links       : var(--main-color);
    --ucpa-color-header-bg   : var(--header-background);
    --ucpa-color-header-bg-submenu        : var(--header-background-submenu);
    --ucpa-color-header-bg-submenu-cultura: var(--header-background-submenu-cultura);

    /* =========================================
       ALIASES LEGADO (compatibilidade)
       Apontam para Global Colors via variaveis
       ========================================= */
    --ucpa-color-sage: var(--color-extra-2);  /* Color Extra 2 - usado em destaque de estudos */

    /* Aliases de paleta - apontam para Global Colors */
    --plum-shadow    : var(--color-extra-3);       /* Color Extra 3 */
    --crimson-orchid : var(--main-color);          /* Primary */
    --magenta-bloom  : var(--background-invertido);/* Background invertido */
    --amber-glow     : var(--accent-color);        /* Accent */
    --stone-sand     : var(--offwhite);            /* Secondary */
    --sage-mist      : var(--color-extra-2);       /* Color Extra 2 */

    /* =========================================
       TRANSIÇÕES E ASSETS
       ========================================= */
    --ucpa-transition-timing-function: cubic-bezier(1.000, -0.125, 0.310, 1.460);
    --ucpa-transition-duration       : 200ms;
    --ucpa-lupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:100px;height:auto;fill:%237c6451' viewBox='0 0 12.7 12.93'%3E%3Cpath d='M5.5 11.01c-3.03 0-5.5-2.47-5.5-5.5C0 2.47 2.47 0 5.51 0c3.04 0 5.51 2.47 5.51 5.51 0 3.04-2.47 5.5-5.51 5.5ZM5.5.58C2.79.58.58 2.79.58 5.51c0 2.71 2.21 4.92 4.92 4.92s4.93-2.21 4.93-4.92C10.43 2.79 8.22.59 5.5.59Z' class='cls-1'/%3E%3Cpath d='M12.41 12.93c-.07 0-.15-.03-.21-.09L8.96 9.6c-.11-.11-.11-.3 0-.41.11-.11.3-.11.41 0l3.24 3.24c.11.11.11.3 0 .41-.06.06-.13.09-.21.09Z' /%3E%3C/svg%3E");

    /* =========================================
       VARIÁVEIS DO MENU
       ========================================= */
    --submenu-texto                  : var(--e-global-color-6f8d79f, #D6F395);
    --submenu-cultura-texto          : var(--e-global-color-6f8d79f, #D6F395);
    --submenu-block-size             : 85px;
    --submenu-gap                    : 0rem;
    --submenu-background             : var(--header-background-submenu, #900042);
    --submenu-cultura-background     : var(--header-background-submenu-cultura, #F0C400);
    --menu-mobile-background         : var(--main-color, #900042);
    --menu-mobile-cultura-background : var(--header-background-submenu-cultura, #F0C400);
    --menu-mobile-cultura-text       : var(--main-color, #900042);
    --menu-mobile-background-hover   : color-mix(in lab, var(--header-background-submenu, #900042) 80%, black 20%);
    --menu-mobile-background-text    : var(--white, #FFFFFF);
}

/* =============================================================================
   Footer — Formulário de inscrição (ambos os subsites)
   Garante herança de Franie Bold do kit global para labels.
   Cancela text-transform: uppercase que o kit Primary herda para labels
   (Primary é para headings; labels de form não devem ser uppercase).
   ============================================================================= */
.elementor-89361 .elementor-element-5b3f4378 .elementor-field-subgroup label,
.elementor-89361 .elementor-element-5b3f4378 .elementor-field-group label,
.elementor-location-footer .elementor-field-group label,
.elementor-location-footer .elementor-field-subgroup label {
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: none;
}

