/* ==========================================================================
   STYLES.CSS - VERSÃO FINAL E COMPLETA
   ========================================================================== */

/* -------------------------------------------------- */
/* 1. CONFIGURAÇÕES GLOBAIS                           */
/* -------------------------------------------------- */
:root {
    --color-primary: #0284c7;       /* Azul Principal */
    --color-primary-dark: #0369a1;    /* Azul para Hover */
    --color-text-dark: #1e293b;     /* Cor de texto escura (slate-800) */
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

/* -------------------------------------------------- */
/* 2. CABEÇALHO FLUTUANTE                             */
/* -------------------------------------------------- */
header.sticky {
    position: fixed !important;
    z-index: 9999 !important;
    top: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 2rem);
    max-width: 1200px;
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 10px;
    box-shadow: 0 8px 32px 0 rgba(15, 23, 42, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all 0.3s ease;
}

header.sticky .container {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    max-width: 95%;
    margin: 0 auto;
}

/* Cores do texto do menu */
header.sticky .container > div:first-child { color: var(--color-primary); }
header.sticky nav a { color: var(--color-primary); font-weight: 500; transition: color 0.2s ease; }
header.sticky nav a:hover { color: var(--color-primary-dark); }

/* Consistência no menu mobile */
#mobileMenu { background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top: 1px solid rgba(255, 255, 255, 0.18); }
#mobileMenu a { color: var(--color-primary); font-weight: 500; }
#mobileMenu a:hover { background-color: rgba(2, 132, 199, 0.1) !important; }
header.mobile-menu-open { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

/* -------------------------------------------------- */
/* 3. HERO SECTION E CARROSSEL                        */
/* -------------------------------------------------- */
#hero {
    height: 100vh !important;
    position: relative;
}

#carousel {
    z-index: 1 !important;
}

/* -------------------------------------------------- */
/* 4. BOTÃO 'VOLTAR AO TOPO'                          */
/* -------------------------------------------------- */
#back-to-top-btn { position: fixed; bottom: 2rem; right: 2rem; width: 50px; height: 50px; z-index: 999; background-color: var(--color-primary); color: #fff; border-radius: 50%; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); opacity: 0; visibility: hidden; transform: scale(0.5) translateY(50px); }
#back-to-top-btn.visible { opacity: 1; visibility: visible; transform: scale(1) translateY(0); }
#back-to-top-btn:hover,
#back-to-top-btn:focus-visible { background-color: var(--color-primary-dark); transform: scale(1.1) translateY(-5px) !important; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); outline: none; }
#back-to-top-btn i { font-size: 1.2rem; line-height: 1; }

/* -------------------------------------------------- */
/* 5. BOTÃO 'COMPRE ONLINE' (Desktop)                 */
/* -------------------------------------------------- */
header.sticky a[href*="loja.thermasclub.com.br"] {
    border-radius: 10px !important;
}

/* -------------------------------------------------- */
/* 6. TRANSIÇÕES DE ONDA E CORES DE FUNDO             */
/* -------------------------------------------------- */
section[id] {
    position: relative;
    z-index: 1;
}
#promocao-especial > div.absolute {
    display: none;
}
section[id]::after {
    content: ''; 
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1; 
}
#depoimentos {
    background-color: #f0f9ff !important;
}
#hero::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23FBBF24' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    z-index: 2; 
}
#promocao-especial::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#how-to-buy::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#why-buy::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#impact-numbers::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#atracoes::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#tarifario::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#depoimentos::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#cta-intermediario::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#galeria::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#faq::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%230369a1' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}
#contato::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%230369a1' fill-opacity='1' d='M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,176C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}

/* -------------------------------------------------- */
/* 7. AJUSTE NA SEÇÃO DE PREÇOS                       */
/* -------------------------------------------------- */
#price-table-container > div {
    background-color: #ffffff !important;
}

/* -------------------------------------------------- */
/* 8. AJUSTES RESPONSIVOS (MOBILE)                    */
/* -------------------------------------------------- */
/* Esconde o botão 'Compre Online' especificamente no menu mobile. */
#mobileMenu a[href*="loja.thermasclub.com.br"] {
    display: none !important;
}