.elementor-kit-78{--e-global-color-primary:#0E2351;--e-global-color-secondary:#008AF1;--e-global-color-text:#0E2351;--e-global-color-accent:#FFB020;--e-global-color-f080941:#00B8FD;--e-global-color-0a2fee6:#2ED3B7;--e-global-color-236fa1f:#F7FAFC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-78 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Azul_profundo_KaDan:#0E2351; --Azul_vivo_KaDan:#008AF1; --Ciano_KaDan:#00B8FD; --Verde_menta_KaDan:#2ED3B7; --Ambar_KaDan:#FFB020; --Branco_gelo_KaDan:#F7FAFC; --Fonte_principal_KaDan:Manrope; --Titulo_H1_Desktop:56px; --Titulo_H1_Tablet:46px; --Titulo_H1_Mobile:36px; --Titulo_H2_Desktop:42px; --Titulo_H2_Tablet:36px; --Titulo_H2_Mobile:30px; --Titulo_H3_Desktop:30px; --Titulo_H3_Tablet:28px; --Titulo_H3_Mobile:24px; --Titulo_H4:22px; --Texto_Destaque:20px; --Texto_Corpo_Grande:18px; --Texto_Corpo:16px; --Texto_Pequeno:14px; --Legenda:13px; --Overline_Selo:12px; --Menu_Desktop:15px; --Botao_CTA:16px; }
/* Start custom CSS *//* =========================================
   KADAN — CABEÇALHO DINÂMICO
   ========================================= */


/* =========================================
   CABEÇALHO FIXO / STICKY
   ========================================= */

/*
 * O Elementor envolve o cabeçalho em:
 * header.elementor-location-header
 *
 * O sticky precisa ser aplicado nesse wrapper,
 * pois ele é o elemento que acompanha a página.
 */
header.elementor-location-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100%;
}


/* =========================================
   CABEÇALHO VISUAL KADAN
   ========================================= */

/* Cabeçalho base */
.kadan-header {
    position: relative;
    width: 100%;
    background-color: #0E2351 !important;
    transition: background-color .3s ease, box-shadow .3s ease;
}


/* -----------------------------------------
   ESTADO INICIAL — TOPO DA PÁGINA
   ----------------------------------------- */

/* Logo colorida escondida */
.kadan-header .kadan-logo-colorida {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
}

/* Logo branca visível */
.kadan-header .kadan-logo-branca {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .3s ease, visibility .3s ease;
}

/* Menu branco */
.kadan-header .kadan-menu a {
    color: #FFFFFF !important;
    transition: color .3s ease;
}

/* Hambúrguer branco no topo */
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-menu-toggle,
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-menu-toggle i,
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-menu-toggle svg,
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-menu-toggle svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Carrinho branco */
.kadan-header .kadan-cart,
.kadan-header .kadan-cart i,
.kadan-header .kadan-cart svg,
.kadan-header .kadan-cart svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    transition: color .3s ease, fill .3s ease, stroke .3s ease;
}

/* Minha Conta branca */
.kadan-header .kadan-account,
.kadan-header .kadan-account i,
.kadan-header .kadan-account svg,
.kadan-header .kadan-account svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    transition: color .3s ease, fill .3s ease, stroke .3s ease;
}

/* Contador do carrinho */
.kadan-header .elementor-button-icon-qty {
    background-color: #FFB020 !important;
    color: #0E2351 !important;
}

/* Hover */
.kadan-header .kadan-menu a:hover,
.kadan-header .kadan-account:hover,
.kadan-header .kadan-account:hover i,
.kadan-header .kadan-account:hover svg,
.kadan-header .kadan-account:hover svg path,
.kadan-header .kadan-cart:hover,
.kadan-header .kadan-cart:hover i,
.kadan-header .kadan-cart:hover svg,
.kadan-header .kadan-cart:hover svg path {
    color: #008AF1 !important;
    fill: #008AF1 !important;
    stroke: #008AF1 !important;
}


/* -----------------------------------------
   ESTADO APÓS ROLAGEM
   A classe is-scrolled é adicionada
   automaticamente pelo JavaScript
   ----------------------------------------- */

.kadan-header.is-scrolled {
    background-color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(14, 35, 81, 0.10);
}

/* Troca de logos */
.kadan-header.is-scrolled .kadan-logo-colorida {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.kadan-header.is-scrolled .kadan-logo-branca {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Menu azul profundo */
.kadan-header.is-scrolled .kadan-menu a {
    color: #0E2351 !important;
}

/* Carrinho azul profundo */
.kadan-header.is-scrolled .kadan-cart,
.kadan-header.is-scrolled .kadan-cart i,
.kadan-header.is-scrolled .kadan-cart svg,
.kadan-header.is-scrolled .kadan-cart svg path {
    color: #0E2351 !important;
    fill: #0E2351 !important;
    stroke: #0E2351 !important;
}

/* Minha Conta azul profundo */
.kadan-header.is-scrolled .kadan-account,
.kadan-header.is-scrolled .kadan-account i,
.kadan-header.is-scrolled .kadan-account svg,
.kadan-header.is-scrolled .kadan-account svg path {
    color: #0E2351 !important;
    fill: #0E2351 !important;
    stroke: #0E2351 !important;
}

/* Hover após rolagem */
.kadan-header.is-scrolled .kadan-menu a:hover,
.kadan-header.is-scrolled .kadan-account:hover,
.kadan-header.is-scrolled .kadan-account:hover i,
.kadan-header.is-scrolled .kadan-account:hover svg,
.kadan-header.is-scrolled .kadan-account:hover svg path,
.kadan-header.is-scrolled .kadan-cart:hover,
.kadan-header.is-scrolled .kadan-cart:hover i,
.kadan-header.is-scrolled .kadan-cart:hover svg,
.kadan-header.is-scrolled .kadan-cart:hover svg path {
    color: #008AF1 !important;
    fill: #008AF1 !important;
    stroke: #008AF1 !important;
}


/* =========================================
   AJUSTE PARA USUÁRIOS LOGADOS NO WORDPRESS
   ========================================= */

/*
 * Quando a barra administrativa do WordPress
 * estiver visível, desloca o wrapper sticky.
 */
body.admin-bar header.elementor-location-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.elementor-location-header {
        top: 46px !important;
    }
}


/* =========================================
   MENU MOBILE
   ========================================= */

/* Hambúrguer azul profundo após rolagem */
.kadan-header.is-scrolled .kadan-menu .elementor-menu-toggle,
.kadan-header.is-scrolled .kadan-menu .elementor-menu-toggle svg,
.kadan-header.is-scrolled .kadan-menu .elementor-menu-toggle svg path {
    color: #0E2351 !important;
    fill: #0E2351 !important;
    stroke: #0E2351 !important;
}

/* Menu mobile — item ativo após rolagem */
.kadan-header.is-scrolled .kadan-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    background-color: transparent !important;
    color: #0E2351 !important;
}

/* Menu mobile no topo — links visíveis no dropdown branco */
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-nav-menu--dropdown .elementor-item:not(.elementor-item-active) {
    color: #0E2351 !important;
}

/* Menu mobile no topo — item ativo */
.kadan-header:not(.is-scrolled) .kadan-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    background-color: transparent !important;
    color: #0E2351 !important;
}


/* =========================================
   AJUSTES DE SVG
   ========================================= */

.elementor-kit-78 svg,
.elementor-kit-78 svg path {
    fill: none !important;
}

/* Mantém visíveis os SVGs usados como ícones de botões */
.elementor-kit-78 .elementor-button svg,
.elementor-kit-78 .elementor-button svg path {
    fill: currentColor !important;
}

/* =========================================
   OCULTA O TÍTULO NATIVO DAS PÁGINAS
   ========================================= */

/*
 * As páginas da KaDan já possuem títulos e heros
 * personalizados no Elementor.
 *
 * O escopo body.page evita interferir em posts,
 * produtos e outros tipos de conteúdo.
 */
body.page .page-header {
    display: none !important;
}/* End custom CSS */