/* =========================================
   1. REDEFINIÇÃO DE VARIÁVEIS GLOBAIS (THEME KIT)
   Substitui o tema Azul pelo novo tema Amarelo/Teal
   ========================================= */

.elementor-kit-6 {
    /* Cores Principais */
    --e-global-color-primary: #C9A227;    /* Amarelo Principal */
    --e-global-color-secondary: #FFFFFF;  /* Branco */
    --e-global-color-text: #212121;       /* Texto Escuro */
    --e-global-color-accent: #C9A227;     /* Acento */
    
    /* Mapeamento da Paleta Personalizada */
    --e-global-color-b9c33d4: #0B1F3A; /* Dark Teal (Substitui Azul Escuro Profundo) */
    --e-global-color-f359a96: #FFFFFF; /* Branco Fundo */
    --e-global-color-122f3bc: #F77B00; /* Laranja (Substitui Vermelho em alguns casos) */
    --e-global-color-924b942: #0B1F3A; /* Darker Blue */
    --e-global-color-e10bc8e: #C9A227; /* Novo Verde */
    --e-global-color-b498f88: #0076C0; /* Medium Blue */
    
    /* Variavel CRÍTICA: Esta era a cor azul principal (#15346E) nos arquivos antigos */
    --e-global-color-91b55f9: #0B1F3A; /* Novo Fundo Principal (Dark Teal) */
    
    /* Outras cores de suporte */
    --e-global-color-b1434b1: #5A2D19; /* Marrom */
    --e-global-color-2271a58: #0076C0; 
    --e-global-color-78dd5a9: #0B1F3A;
    --e-global-color-fb332c5: #C9A227; /* Verde Botão */
    --e-global-color-6879c31: #006D5C; /* Teal (Usado em sombras/bordas) */
    
    /* Manter tipografia original */
    --e-global-typography-primary-font-family: "Montserrat";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Montserrat";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Montserrat";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Montserrat";
    --e-global-typography-accent-font-weight: 500;
    
    background-color: var(--e-global-color-f359a96);
}

/* =========================================
   2. CORREÇÕES DE ELEMENTOS ESPECÍFICOS (OVERRIDES)
   Força a mudança de cor onde o CSS estava "chumbado" (Hardcoded)
   ========================================= */

/* Substitui fundos que usavam o azul #15346E explicitamente */
.elementor-6217 .elementor-element.elementor-element-9f0667f:not(.elementor-motion-effects-element-type-background), 
.elementor-6217 .elementor-element.elementor-element-9f0667f > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-6217 .elementor-element.elementor-element-d73a70c:not(.elementor-motion-effects-element-type-background), 
.elementor-6217 .elementor-element.elementor-element-d73a70c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: linear-gradient(180deg, var(--ap-dourado-claro), var(--ap-dourado)) !important;
}

/* Formulários e Botões - Fundo Normal */
.elementor-5936 .elementor-element.elementor-element-ab24280 .e-form__buttons__wrapper__button-next,
.elementor-5936 .elementor-element.elementor-element-ab24280 .elementor-button[type="submit"],
.elementor-5936 .elementor-element.elementor-element-ab24280 .e-form__buttons__wrapper__button-previous {
    background-color: #0B1F3A !important; /* Dark Teal */
    color: #FFFFFF !important;
}

/* Formulários e Botões - Hover */
.elementor-5936 .elementor-element.elementor-element-ab24280 .e-form__buttons__wrapper__button-next:hover,
.elementor-5936 .elementor-element.elementor-element-ab24280 .elementor-button[type="submit"]:hover,
.elementor-5936 .elementor-element.elementor-element-ab24280 .e-form__buttons__wrapper__button-previous:hover {
    background-color: #006D5C !important; /* Teal mais claro no hover */
    color: #FFFFFF !important;
}

/* Botões específicos que eram verdes ou tinham cor fixa */
.elementor-5936 .elementor-element.elementor-element-fc99ec4 .elementor-button,
.elementor-5936 .elementor-element.elementor-element-33a72bf .elementor-button,
.elementor-5936 .elementor-element.elementor-element-582fd6d .elementor-button,
.elementor-5936 .elementor-element.elementor-element-945f55c .elementor-button {
    background-color: #C9A227 !important; /* Novo Verde */
}

.elementor-5936 .elementor-element.elementor-element-fc99ec4 .elementor-button:hover, 
.elementor-5936 .elementor-element.elementor-element-fc99ec4 .elementor-button:focus,
.elementor-5936 .elementor-element.elementor-element-33a72bf .elementor-button:hover,
.elementor-5936 .elementor-element.elementor-element-33a72bf .elementor-button:focus,
.elementor-5936 .elementor-element.elementor-element-582fd6d .elementor-button:hover, 
.elementor-5936 .elementor-element.elementor-element-582fd6d .elementor-button:focus,
.elementor-5936 .elementor-element.elementor-element-945f55c .elementor-button:hover, 
.elementor-5936 .elementor-element.elementor-element-945f55c .elementor-button:focus {
    background-color: #006D5C !important; /* Teal no hover */
}

/* Ícones e Badges que usavam a variável global antiga de forma fixa */
.elementor-5936 .elementor-element.elementor-element-4962e56 .ekit-badge,
.elementor-5936 .elementor-element.elementor-element-774c977 .ekit-badge,
.elementor-5936 .elementor-element.elementor-element-0efda7c .ekit-badge {
    background-color: #0B1F3A;
}

/* Hover das Infoboxes */
.elementor-5936 .elementor-element.elementor-element-4962e56 .elementskit-infobox:hover,
.elementor-5936 .elementor-element.elementor-element-774c977 .elementskit-infobox:hover,
.elementor-5936 .elementor-element.elementor-element-0efda7c .elementskit-infobox:hover {
    background-color: #0B1F3A;
}

/* Menu de Navegação - Itens Ativos */
.elementor-6217 .elementor-element.elementor-element-43f9482 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-6217 .elementor-element.elementor-element-43f9482 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after,
.elementor-6217 .elementor-element.elementor-element-84ac13b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-6217 .elementor-element.elementor-element-84ac13b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #C9A227; /* Amarelo para sublinhados/indicadores */
}

/* Toggle do Menu Mobile */
.elementor-6217 .elementor-element.elementor-element-079a380 .elementor-menu-toggle {
    background-color: #0B1F3A; /* Fundo do menu hamburguer */
}
.elementor-6217 .elementor-element.elementor-element-079a380 .elementor-nav-menu--dropdown {
    background-color: #0B1F3A; /* Fundo do dropdown */
}
.elementor-6217 .elementor-element.elementor-element-079a380 .elementor-nav-menu--dropdown a:hover,
.elementor-6217 .elementor-element.elementor-element-079a380 .elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: #FFFFFF;
    color: #0B1F3A;
}

/* Rodapé e Copyright */
.elementor-6217 .elementor-element.elementor-element-e04c47d:not(.elementor-motion-effects-element-type-background), 
.elementor-6217 .elementor-element.elementor-element-e04c47d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #0B1F3A; /* Fundo da barra */
}

/* =========================================
   3. FLUXO GERAL E AJUSTES FINAIS
   Mantendo as estruturas de layout originais
   ========================================= */

html {
    overflow-x: hidden;
}

/* Ocultar scroll to top se necessário (herdado do original) */
#scroll-top {
    display: none !important;
}

/* Botão Scroll to Top do Elementor (caso reativado) */
.ha-scroll-to-top-wrap .ha-scroll-to-top-button {
    background-color: #0B1F3A;
}
.ha-scroll-to-top-wrap .ha-scroll-to-top-button:hover {
    background-color: #C9A227;
}

/* Swiper Buttons (Carrossel) */
.elementor-5936 .elementor-element.elementor-element-4084362 .elementor-swiper-button.elementor-swiper-button-prev, 
.elementor-5936 .elementor-element.elementor-element-4084362 .elementor-swiper-button.elementor-swiper-button-next {
    background: #006D5C; /* Teal para botões de navegação */
    color: #FFFFFF;
}

/* Ajustes de Bordas e Sombras que usavam roxo/azul */
.elementor-6217 .elementor-element.elementor-element-9f0667f {
    border-color: #006D5C;
}

/* Video Popup Button */
.elementor-5936 .elementor-element.elementor-element-591b2c9 .ekit-video-popup-btn {
    background-color: #0B1F3A;
    color: #FFFFFF;
}
.elementor-5936 .elementor-element.elementor-element-591b2c9 .ekit-video-popup-btn:hover {
    color: #C9A227;
}

/* =========================================
   ESTILOS EXCLUSIVOS PARA O FORMULÁRIO DE PROPOSTA (ALPHA PARK)
   ========================================= */

/* --- Container do formulário --- */
#proposal-form {
    background: transparent !important;
    padding: 0 !important;
    font-family: var(--ap-font-body);
}

/* --- Campos --- */
#proposal-form .elementor-field-group {
    margin-bottom: 18px;
}

#proposal-form .elementor-field-label {
    font-weight: 500;
    color: var(--ap-azul-marinho);
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}

#proposal-form .elementor-field {
    background: #ffffff;
    border: 1px solid rgba(11, 31, 58, 0.15);
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--ap-grafite);
    transition: border-color 0.3s, box-shadow 0.3s;
    width: 100%;
}

#proposal-form .elementor-field:focus {
    border-color: var(--ap-dourado);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
    outline: none;
}

#proposal-form .elementor-field::placeholder {
    color: #aaa;
    font-weight: 300;
}

/* --- Radio groups --- */
#proposal-form .radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 6px;
}

#proposal-form .radio-group label {
    font-size: 14px;
    color: var(--ap-grafite);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

#proposal-form .radio-group input[type="radio"] {
    accent-color: var(--ap-dourado);
    width: 16px;
    height: 16px;
    margin: 0;
}

/* --- Barra de progresso --- */
.progress-container {
    margin-bottom: 30px;
}

.progress-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 8px;
}

.progress-step {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e8e8e8;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ap-font-display);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

.progress-step.active {
    background: var(--ap-dourado);
    color: var(--ap-azul-marinho);
    box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.2);
}

.progress-step.completed {
    background: var(--ap-azul-marinho);
    color: #fff;
}

.progress-bar-container {
    width: 100%;
    height: 4px;
    background: #e8e8e8;
    border-radius: 4px;
    overflow: hidden;
    margin-top: -18px;
    position: relative;
    z-index: 1;
}

.progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--ap-dourado-claro), var(--ap-dourado));
    border-radius: 4px;
    transition: width 0.5s ease;
}

/* --- Etapas --- */
.form-step {
    display: none;
    animation: fadeStep 0.4s ease;
}

.form-step.active {
    display: block;
}

@keyframes fadeStep {
    0% { opacity: 0; transform: translateY(8px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- Botões --- */
#proposal-form .button-group {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#proposal-form .next-step,
#proposal-form .prev-step,
#proposal-form .send-proposal {
    font-family: var(--ap-font-display);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 30px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

#proposal-form .next-step,
#proposal-form .send-proposal {
    background: linear-gradient(180deg, var(--ap-dourado-claro), var(--ap-dourado));
    color: var(--ap-azul-marinho);
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.3);
}

#proposal-form .next-step:hover,
#proposal-form .send-proposal:hover {
    background: linear-gradient(180deg, var(--ap-dourado), var(--ap-dourado-hover));
    box-shadow: 0 4px 14px rgba(201, 162, 39, 0.4);
    transform: translateY(-2px);
}

#proposal-form .prev-step {
    background: transparent;
    color: var(--ap-azul-marinho);
    border: 1px solid var(--ap-azul-marinho);
}

#proposal-form .prev-step:hover {
    background: var(--ap-azul-marinho);
    color: #fff;
}

/* --- Mensagem de confirmação --- */
#form-confirmation {
    margin-top: 20px;
    padding: 16px 20px;
    border-radius: 8px;
    font-family: var(--ap-font-body);
    font-size: 15px;
    text-align: center;
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

#form-confirmation.show {
    display: block;
    opacity: 1;
}

#form-confirmation.success {
    background: rgba(201, 162, 39, 0.10);
    border-left: 5px solid var(--ap-dourado);
    color: var(--ap-azul-marinho);
}

#form-confirmation.error {
    background: rgba(200, 50, 50, 0.08);
    border-left: 5px solid #c0392b;
    color: #c0392b;
}

/* --- Campos com erro --- */
.field-error .elementor-field {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.2);
}

/* --- Responsivo --- */
@media (max-width: 768px) {
    #proposal-form .radio-group {
        flex-direction: column;
        gap: 8px;
    }
    #proposal-form .button-group {
        flex-direction: column;
        align-items: stretch;
    }
    #proposal-form .next-step,
    #proposal-form .prev-step,
    #proposal-form .send-proposal {
        text-align: center;
        padding: 14px;
    }
}