@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ======================================================== */
/* ÍNDICE                                                   */
/* 1. GERAL E RESETS                                        */
/* 2. CABEÇALHO E MENU (DESKTOP)                            */
/* 3. BANNERS GERAIS                                        */
/* 4. SEÇÕES DE TEXTO E TÍTULOS                             */
/* 5. CARDS DE COMBOS (INGRESSOS)                           */
/* 6. CARDS "VOCÊ JÁ ESTÁ PERTINHO"                         */
/* 7. FORMULÁRIO ZOHO                                       */
/* 8. GALERIA DE FOTOS                                      */
/* 9. RODAPÉ (FOOTER)                                       */
/* 10. RESPONSIVO (TABLET / MOBILE LAGO - 992PX)            */
/* 11. RESPONSIVO (MOBILE PEQUENO - 767PX)                  */
/* ======================================================== */


/* ======================================================== */
/* 1. GERAL E RESETS                                        */
/* ======================================================== */
* {
    font-family: 'Poppins', sans-serif !important;
}

html,
body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* FORÇA A SEÇÃO INTEIRA A QUEBRAR O GRID DO ZOHO E ENCOSTAR NAS BORDAS DO NAVEGADOR */
[data-element-id="elm_OvxoxZ-EK1MBpbc1HmQ95Q"].zpsection {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    border: none !important;
}

/* ZERA OS CONTAINERS INTERNOS PARA NÃO ATRAPALHAREM O ESPAÇO TOTAL */
[data-element-id="elm_OvxoxZ-EK1MBpbc1HmQ95Q"] .zpcontainer-fluid,
[data-element-id="elm__qAxp6mv0JxbD5-BA5hTkQ"],
[data-element-id="elm_Mzv0mHEKCb3HxHYgatXj_g"],
[data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] .zpimage-container,
[data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] figure,
[data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] span.zpimage-anchor,
[data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] picture {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* ======================================================== */
/* 2. CABEÇALHO E MENU (DESKTOP)                            */
/* ======================================================== */
.custom-hp-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #06319b !important;
    padding: 15px 50px !important;
    position: relative !important;
    z-index: 999 !important;
}

.hp-logo img {
    max-height: 55px !important;
    width: auto !important;
}

.hp-nav {
    display: flex !important;
    gap: 35px !important;
    align-items: center !important;
}

.hp-nav a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    transition: opacity 0.3s !important;
}

.hp-nav a:hover {
    opacity: 0.8 !important;
}

.hp-btn-compre {
    background-color: #00bcf2 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    transition: background-color 0.3s !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    letter-spacing: 0.5px !important;
}

.hp-btn-compre:hover {
    background-color: #0098c7 !important;
}

/* ======================================================== */
/* 3. BANNERS GERAIS                                        */
/* ======================================================== */
/* A IMAGEM DO BANNER PRINCIPAL PREENCHE O ESPAÇO LIBERADO */
[data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] img {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* BANNER MÊS DAS CRIANÇAS - ZERA TUDO DA SEÇÃO DE CONTAINERS */
[data-element-id="elm_GeSyK8Jwrwt1ApIb2kimuA"],
[data-element-id="elm_GeSyK8Jwrwt1ApIb2kimuA"] .zpcontainer-fluid,
[data-element-id="elm_vttXYEPvQrF9oYO0RT35zw"],
[data-element-id="elm_lhFHsOgEnHGAOuIzcvkVug"] {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* NAVEGADOR IGNORA CAIXAS INVISÍVEIS DA ZOHO NO BANNER 2 */
[data-element-id="elm_madP7-jMpW7oBRE0AA1V9w"] .zpimage-container,
[data-element-id="elm_madP7-jMpW7oBRE0AA1V9w"] figure,
[data-element-id="elm_madP7-jMpW7oBRE0AA1V9w"] span.zpimage-anchor,
[data-element-id="elm_madP7-jMpW7oBRE0AA1V9w"] picture {
    display: contents !important;
}

[data-element-id="elm_madP7-jMpW7oBRE0AA1V9w"] img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ======================================================== */
/* 4. SEÇÕES DE TEXTO E TÍTULOS                             */
/* ======================================================== */
/* SURPREENDENTE POR NATUREZA */
[data-element-id="elm_z54Cc1PquI14bINnpu7zKw"].zpsection {
    padding: 1em 8em 0em 8em;
}

[data-element-id="elm_hUIDPqyvQ3qa37vOoiYLRQ"] h2 span {
    font-size: 1.5em !important;
}

/* TÍTULO COMPRE AGORA */
div[data-element-id="elm_1Op0daM6YyrTIpHuOhO0rw"] {
    margin: -3em !important;
}

/* TÍTULO "VOCÊ JÁ ESTÁ PERTINHO" - AJUSTE GERAL (DESKTOP) */
[data-element-id="elm_0WrDz6x3Bcsur7xhNFZbQQ"] h2,
[data-element-id="elm_0WrDz6x3Bcsur7xhNFZbQQ"] h2 span {
    text-align: center !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
}

/* ======================================================== */
/* 5. CARDS DE COMBOS (INGRESSOS)                           */
/* ======================================================== */
div[data-element-id="elm_pPGgvt3FFAvhDPTTXxE32Q"],
div[data-element-id="elm_ifrOCFNaXXfTiGdEXQlmsg"],
div[data-element-id="elm_dLw5M4y0Sc3DjVCIJGYYeQ"],
div[data-element-id="elm_Qzpt7VNT3aizAdGIUudWOA"],
div[data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] {
    border: none !important;
    box-shadow: none !important;
}

/* FORÇA A CENTRALIZAÇÃO DOS PREÇOS E TÍTULOS NOS CARDS */
[data-element-id="elm_pPGgvt3FFAvhDPTTXxE32Q"] .zptext div,
[data-element-id="elm_ifrOCFNaXXfTiGdEXQlmsg"] .zptext div,
[data-element-id="elm_dLw5M4y0Sc3DjVCIJGYYeQ"] .zptext div,
[data-element-id="elm_Qzpt7VNT3aizAdGIUudWOA"] .zptext div,
[data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] .zptext div,
[data-element-id="elm_pPGgvt3FFAvhDPTTXxE32Q"] .zpheading,
[data-element-id="elm_ifrOCFNaXXfTiGdEXQlmsg"] .zpheading,
[data-element-id="elm_dLw5M4y0Sc3DjVCIJGYYeQ"] .zpheading,
[data-element-id="elm_Qzpt7VNT3aizAdGIUudWOA"] .zpheading,
[data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] .zpheading {
    text-align: center !important;
    width: 100% !important;
}

/* GARANTE QUE O LINK DO PREÇO TAMBÉM SE COMPORTE E FIQUE CENTRALIZADO */
[data-element-id="elm_pPGgvt3FFAvhDPTTXxE32Q"] .zptext a,
[data-element-id="elm_ifrOCFNaXXfTiGdEXQlmsg"] .zptext a,
[data-element-id="elm_dLw5M4y0Sc3DjVCIJGYYeQ"] .zptext a,
[data-element-id="elm_Qzpt7VNT3aizAdGIUudWOA"] .zptext a,
[data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] .zptext a {
    display: inline-block !important;
    text-align: center !important;
}

/* CENTRALIZAÇÃO DO CARD DE COMBO 40% (ÚLTIMO CARD) */
[data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] {
    position: relative !important;
    padding-bottom: 500px !important;
}

[data-element-id="elm_NQ7mdFP-dXRLZa9GmC4iOw"] {
    position: static !important;
}

[data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 255px !important;
    z-index: 10 !important;
}

/* ESTILO DOS BOTÕES DE COMBOS GERAIS */
[data-element-id="elm_3XFNLyB3_Hj-nM39gZb2aw"] a.zpbutton.zpbutton-type-primary {
    background-color: #26BFF8 !important;
    border-radius: 32px !important;
    box-shadow: 0 1px 5px #9e9e9e33, 0 2px 2px #9e9e9e24, 0 3px 1px -2px #9e9e9e1f !important;
}

/* ALINHAMENTO DO BOTÃO "REGRAS E CONDIÇÕES" */
[data-element-id="elm_EpbPHEic2VeaaprXLuLy5g"].zpelem-button {
    margin-block-start: 20px !important;
}

/* ======================================================== */
/* 6. CARDS "VOCÊ JÁ ESTÁ PERTINHO" (HOTÉIS)                */
/* ======================================================== */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] {
    gap: 25px !important;
    justify-content: center !important;
}

[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-col {
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    min-height: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    background-color: transparent !important;
    margin: 0 !important;
}

/* IMAGEM COBRINDO 100% DO CARD E SERVINDO DE ÂNCORA */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    margin: 0 !important;
}

[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpimage-container,
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] figure,
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] span.zpimage-anchor,
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] picture {
    display: contents !important;
}

[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] img.zpimage {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 1 !important;
}

/* CAIXA DE TEXTO (DEGRADÊ) */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-box,
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zplight-section-bg {
    position: relative !important;
    z-index: 2 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%) !important;
    width: 100% !important;
    padding: 40px 20px 40px 20px !important;
    margin: 0 !important;
    border: none !important;
}

/* ESTILO DO TÍTULO (NOME DO HOTEL) */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-heading h3,
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-heading h3 span {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* BADGE DE DESCONTO E TEXTOS */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-text .zptext {
    text-align: left !important;
    position: relative !important;
}

[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-text p {
    display: inline-block !important;
    background-color: #1a5b88 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    margin: 0 !important;
    text-align: left !important;
}

/* TEXTO EXTRA DE CUPOM ("com cupom HOTPARKS") */
[data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-text p:nth-child(2) {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 6px !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    display: block !important;
}

/* LAYOUT GRID RESPONSIVO PARA OS CARDS "PERTINHO" */
@media (min-width: 992px) {
    [data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-col {
        width: calc(25% - 19px) !important;
        flex: 0 0 calc(25% - 19px) !important;
        max-width: calc(25% - 19px) !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    [data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-col {
        width: calc(50% - 13px) !important;
        flex: 0 0 calc(50% - 13px) !important;
        max-width: calc(50% - 13px) !important;
    }
}

/* ======================================================== */
/* 7. FORMULÁRIO ZOHO                                       */
/* ======================================================== */
input[type="reset"] {
    display: none !important;
}

#crmWebToEntityForm.zcwf_lblLeft {
    background: #ffffff !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

.zcwf_title {
    font-size: 0 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.zcwf_title::after {
    content: "Preencha o formulário e aproveite!" !important;
    font-size: 22px !important;
    color: #333 !important;
    display: block !important;
}

.zcwf_lblLeft .zcwf_row {
    margin: 0 0 15px 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.zcwf_lblLeft .zcwf_col_lab {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
}

.zcwf_lblLeft .zcwf_col_lab label {
    color: #666 !important;
    font-size: 14px !important;
}

.zcwf_lblLeft .zcwf_col_fld {
    width: 100% !important;
    padding: 0 !important;
}

.zcwf_lblLeft .zcwf_col_fld input[type="text"],
.zcwf_lblLeft .zcwf_col_fld input[ftype="email"],
.zcwf_lblLeft .zcwf_col_fld input[type="email"] {
    width: 100% !important;
    padding: 14px 15px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    background: #fff !important;
}

/* CHECKBOX E TERMOS DE PRIVACIDADE */
.zcwf_privacy {
    display: flex !important;
    align-items: flex-start !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.zcwf_privacy input[type="checkbox"] {
    margin: 2px 10px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

.zcwf_lblLeft .zcwf_privacy_txt {
    width: 100% !important;
    font-size: 13px !important;
    color: #444 !important;
    line-height: 1.4 !important;
}

/* BOTÃO ENVIAR */
input#formsubmit {
    display: block !important;
    width: 100% !important;
    height: 55px !important;
    background-color: #005bb5 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    margin-top: 15px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease !important;
    position: static !important;
}

input#formsubmit:hover {
    background-color: #004494 !important;
}

/* ======================================================== */
/* 8. GALERIA DE FOTOS                                      */
/* ======================================================== */
/* ZERA TODOS OS ESPAÇAMENTOS DOS CONTAINERS PAIS */
[data-element-id="elm_0wHfIvRmsJ0p89zCshBw4g"],
[data-element-id="elm_0wHfIvRmsJ0p89zCshBw4g"] .zpcontainer-fluid,
[data-element-id="elm_Lj5l1b4grsbyOBD6ea-qOg"],
[data-element-id="elm_4hYjtXwSZWAj-54YZeJEkg"] {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* FORÇA A GALERIA A ESTICAR DE PONTA A PONTA IGNORANDO LIMITES DA PÁGINA */
[data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    display: block !important;
}

[data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"].zpelem-gallery {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* ======================================================== */
/* 9. RODAPÉ (FOOTER)                                       */
/* ======================================================== */
/* ALINHAMENTO DA COLUNA "EXPLORAR" */
[data-element-id="elm_Yq9xCMsV-2ZZly_j-5f3Vg"] {
    display: flex !important;
    justify-content: flex-end !important;
}

[data-element-id="elm_xxzBXz2yRVmXxlGJTS2mLw"] .zptext {
    text-align: left !important;
    display: inline-block !important;
    width: auto !important;
}

[data-element-id="elm_xxzBXz2yRVmXxlGJTS2mLw"] p {
    margin-bottom: 8px !important;
}

/* LINHA SEPARADORA E ENDEREÇO */
[data-element-id="elm_pXYyoP73cFcoqdPXKpv5uQ"] {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-top: 25px !important;
}

[data-element-id="elm_SKudhRw3UAiu9FR6wBBjWQ"] .zpdivider-common {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

[data-element-id="elm_SKudhRw3UAiu9FR6wBBjWQ"] .zpdivider-container::before,
[data-element-id="elm_SKudhRw3UAiu9FR6wBBjWQ"] .zpdivider-container::after {
    display: none !important;
}

/* ESPAÇAMENTO LATERAL GERAL DO FOOTER NO DESKTOP */
[data-element-id="elm_mNd1kh2-GKiYgMN4yfOmgg"] .zpcontainer-fluid {
    padding-left: 8% !important;
    padding-right: 8% !important;
}

/* BLOCO OCULTO */
[data-element-id="elm_GeSyK8Jwrwt1ApIb2kimuA"] {
    display: none !important;
}

/* ======================================================== */
/* 10. RESPONSIVO (TABLET / MOBILE LARGO - 992PX)           */
/* ======================================================== */
@media (max-width: 992px) {

    /* CABEÇALHO PERSONALIZADO */
    .custom-hp-header {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 20px !important;
        text-align: center !important;
    }

    .hp-nav {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    /* MENU HAMBÚRGUER */
    [data-element-id="upLCD_RpZKm1KTA1KHjyIg"] {
        /* Corrige âncora */
        position: relative !important;
    }

    [data-element-id="topband_button"] {
        margin-right: 50px !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] {
        position: absolute !important;
        right: 15px !important;
        top: -72px !important;
        z-index: 999999 !important;
        margin-block-start: 0 !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext {
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }

    /* LIMPA ESPAÇOS FANTASMAS NOS LINKS */
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a:first-child span span,
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a:last-child span {
        display: none !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext::before {
        content: "" !important;
        display: block !important;
        width: 32px !important;
        height: 4px !important;
        background-color: #ffffff !important;
        box-shadow: 0 -10px 0 0 #ffffff, 0 10px 0 0 #ffffff !important;
        border-radius: 2px !important;
        padding: 0 !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) {
        display: none !important;
        font-size: 0 !important;
    }

    /* DROPDOWN DO MENU HAMBÚRGUER */
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"]:hover .zptext p:nth-child(2),
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"]:active .zptext p:nth-child(2),
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext:hover p:nth-child(2),
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext:active p:nth-child(2) {
        display: flex !important;
        flex-direction: column !important;
        background-color: #003DA5 !important;
        position: absolute !important;
        top: 55px !important;
        right: 0 !important;
        padding: 10px 25px !important;
        border-radius: 8px !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important;
        min-width: 200px !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a {
        display: block !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        text-align: right !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        margin: 0 !important;
        text-decoration: none !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a span,
    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a strong {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }

    [data-element-id="elm_Idsdebs3xK8Cci97HNXWQw"] .zptext p:nth-child(2) a:last-child {
        border-bottom: none !important;
    }

    /* SUBSTITUI A IMAGEM HORIZONTAL PELA VERTICAL NO BANNER */
    [data-element-id="elm_CtJMbt2HFnWfdYoTtiX0Cg"] img {
        content: url('https://aviva.zoholandingpage.com/Turbilh%C3%A3o/mobile_2.png') !important;
        width: 100vw !important;
        height: auto !important;
        min-height: 500px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    /* SEÇÃO "SURPREENDENTE POR NATUREZA" */
    [data-element-id="elm_z54Cc1PquI14bINnpu7zKw"].zpsection {
        padding: 40px 20px 20px 20px !important;
    }

    [data-element-id="elm_hUIDPqyvQ3qa37vOoiYLRQ"] h2,
    [data-element-id="elm_hUIDPqyvQ3qa37vOoiYLRQ"] h2 span {
        text-align: left !important;
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    [data-element-id="elm_kfwyVR2gBbD5SiMg-yBYPQ"] .zptext,
    [data-element-id="elm_kfwyVR2gBbD5SiMg-yBYPQ"] .zptext p,
    [data-element-id="elm_kfwyVR2gBbD5SiMg-yBYPQ"] .zptext span {
        text-align: left !important;
        font-size: 16px !important;
    }

    /* SEÇÃO "COMPRE AGORA" */
    div[data-element-id="elm_1Op0daM6YyrTIpHuOhO0rw"] {
        margin: 0 auto !important;
        padding: 0 20px !important;
        width: 100% !important;
    }

    [data-element-id="elm_1Op0daM6YyrTIpHuOhO0rw"] h2,
    [data-element-id="elm_1Op0daM6YyrTIpHuOhO0rw"] h2 span {
        font-size: 26px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* TÍTULO "VOCÊ JÁ ESTÁ PERTINHO" */
    [data-element-id="elm_0WrDz6x3Bcsur7xhNFZbQQ"] h2,
    [data-element-id="elm_0WrDz6x3Bcsur7xhNFZbQQ"] h2 span {
        font-size: 24px !important;
        text-align: center !important;
    }

    /* CARDS "VOCÊ JÁ ESTÁ PERTINHO" - EMPURRA DAS BORDAS */
    [data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] {
        padding-left: 25px !important;
        padding-right: 25px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    [data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        min-height: 480px !important;
        margin-bottom: 25px !important;
    }

    /* SEÇÃO "DESTAQUES DO MÊS DAS CRIANÇAS" (MÓDULO ZOHO) */
    [data-element-id="elm_bSkUeNI2YyZ-Hrg4svoRcg"] h2 {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    [data-element-id="elm_VTphPGKXhI6qauiJFlDcDg"] .zpelem-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 40px !important;
        width: 100% !important;
    }

    [data-element-id="elm_VTphPGKXhI6qauiJFlDcDg"] .zpelem-image img {
        width: 160px !important;
        height: auto !important;
        margin: 0 auto 15px auto !important;
        display: block !important;
    }

    [data-element-id="elm_VTphPGKXhI6qauiJFlDcDg"] .zptext div,
    [data-element-id="elm_VTphPGKXhI6qauiJFlDcDg"] .zptext section {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
    }

    [data-element-id="elm_VTphPGKXhI6qauiJFlDcDg"] .zptext {
        text-align: center !important;
        padding: 0 20px !important;
    }

    /* GALERIA MOBILE - OPERAÇÃO BAZUCA À PROVA DE JAVASCRIPT */
    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] .hb-grid-gallery {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] .hb-grid-item,
    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] .hb-grid-item[style] {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] .hb-grid-item img,
    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"] .hb-grid-item picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    [data-element-id="elm_GsJDF2INPaLdwRnBCaeyGQ"].zpelem-gallery {
        margin-block-start: 40px !important;
    }

    /* RODAPÉ (FOOTER) MOBILE */
    [data-element-id="elm_zrxSxGn-QFwRidWsCzF43A"],
    [data-element-id="elm_AFGojcBXQSmlx_BmBQVhig"] {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* LOGO DO RODAPÉ */
    [data-element-id="elm_LiFEU2QF8A98gxSrcKcYKQ"] .zpimage-container {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    [data-element-id="elm_LiFEU2QF8A98gxSrcKcYKQ"] figure,
    [data-element-id="elm_LiFEU2QF8A98gxSrcKcYKQ"] span.zpimage-anchor,
    [data-element-id="elm_LiFEU2QF8A98gxSrcKcYKQ"] picture {
        display: inline-block !important;
        max-width: 80px !important;
    }

    [data-element-id="elm_LiFEU2QF8A98gxSrcKcYKQ"] img {
        width: 80px !important;
        max-width: 80px !important;
        height: auto !important;
        margin: 0 !important;
        display: block !important;
    }

    /* ALINHAMENTOS DO RODAPÉ */
    [data-element-id="elm_6pBAjqqpX84MNntndqAoQg"] .zptext,
    [data-element-id="elm_xxzBXz2yRVmXxlGJTS2mLw"] .zptext {
        text-align: left !important;
    }

    [data-element-id="elm_xxzBXz2yRVmXxlGJTS2mLw"] .zptext p {
        margin-bottom: 12px !important;
    }

    [data-element-id="elm_pXYyoP73cFcoqdPXKpv5uQ"].zpelem-col {
        margin-block-start: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
        padding-top: 25px !important;
    }

    [data-element-id="elm_SKudhRw3UAiu9FR6wBBjWQ"] .zpdivider-container {
        justify-content: center !important;
    }

    [data-element-id="elm_SKudhRw3UAiu9FR6wBBjWQ"] .zpdivider-common {
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }
}

/* ======================================================== */
/* 11. RESPONSIVO (MOBILE PEQUENO - 767PX)                  */
/* ======================================================== */
@media (max-width: 767px) {

    /* CORREÇÃO DO CARD DE COMBO 40% NO CELULAR */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] {
        padding-bottom: 0 !important;
    }

    [data-element-id="elm_NQ7mdFP-dXRLZa9GmC4iOw"] {
        position: relative !important;
    }

    [data-element-id="elm_0gYhqfOdKB88emCTVhk4bQ"] {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 20px auto !important;
        width: 100% !important;
        max-width: 415px !important;
    }

    /* CARDS "VOCÊ JÁ ESTÁ PERTINHO" */
    [data-element-id="elm_sFBmlN9_T4wzGnLoKkqang"] .zpelem-col {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 25px !important;
    }

    /* AJUSTES FINAIS DO RODAPÉ */
    [data-element-id="elm_Yq9xCMsV-2ZZly_j-5f3Vg"] {
        justify-content: flex-start !important;
        margin-top: 30px !important;
    }

    [data-element-id="elm_pXYyoP73cFcoqdPXKpv5uQ"] {
        margin-top: 20px !important;
    }

    [data-element-id="elm_mNd1kh2-GKiYgMN4yfOmgg"] .zpcontainer-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* CORREÇÕES */
    /* 1. MATA O BURACO DE 96PX NO FUNDO DA SEÇÃO DE TEXTO */
    [data-element-id="elm_f73HPw6LVD40XLW8HGVbaA"].zpsection {
        padding-block-end: 5px !important;
        /* Pode testar com 10px ou 0px se quiser mais colado */
        padding-bottom: 5px !important;
    }

    /* 2. ZERA O ESPAÇO NO TOPO DA SEÇÃO DOS CARDS */
    [data-element-id="elm_3XFNLyB3_Hj-nM39gZb2aw"].zpsection {
        padding-block-start: 0px !important;
        padding-top: 0px !important;
    }

    /* ======================================================== */
    /* REDUZ O ESPAÇAMENTO INTERNO DOS CARDS DE COMBO (MOBILE)  */
    /* ======================================================== */

    /* 1. Sobrescreve as margens externas invisíveis de todos os blocos do card */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpelement {
        margin-top: 5px !important;
        margin-block-start: 5px !important;
        margin-bottom: 5px !important;
    }

    /* 2. Zera as margens internas e junta as quebras de linha (<br>) */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zptext p,
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zptext div,
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zptext h3,
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpheading h4 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
        /* Aproxima as linhas quebradas */
    }

    /* 3. Esconde os elementos "Spacer" (espaçadores) do Zoho no celular */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpelem-spacer {
        display: none !important;
    }

    /* 4. Dá um respiro um pouquinho maior apenas em cima do botão para não grudar no texto */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpelem-button {
        margin-top: 15px !important;
        margin-block-start: 15px !important;
    }

    /* ======================================================== */
    /* CORREÇÃO DO ESPAÇAMENTO "O TURBILHÃO DE EMOÇÕES..."      */
    /* ======================================================== */

    [data-element-id="elm_hUIDPqyvQ3qa37vOoiYLRQ"] h1,
    [data-element-id="elm_hUIDPqyvQ3qa37vOoiYLRQ"] h1 span {
        line-height: 34px !important;
        /* Força os 34px de altura ignorando o span fantasma de 40px */
        display: inline !important;
    }

    /* ======================================================== */
    /* CARROSSEL HORIZONTAL DOS CARDS DE COMBO (MOBILE)         */
    /* ======================================================== */

    /* 1. Transforma a linha principal num container de scroll (deslizar para o lado) */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        /* Faz o card "encaixar" ao parar de deslizar */
        -webkit-overflow-scrolling: touch !important;
        /* Deixa o deslizar macio no iPhone */
        padding-bottom: 20px !important;
        padding-top: 10px !important;
        gap: 15px !important;
        width: 100% !important;
    }

    /* Oculta a barra de rolagem feia do navegador, mas mantém o "arrastar" funcionando */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"]::-webkit-scrollbar {
        display: none !important;
    }

    /* 2. "Mata" as colunas originais do Zoho para os cards ficarem soltos na linha horizontal */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpelem-col {
        display: contents !important;
    }

    /* 3. Formata cada card para ser um item do carrossel */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"] .zpelem-box {
        flex: 0 0 75% !important;
        /* Cada card vai ocupar 75% da tela (assim o usuário vê que tem outro do lado) */
        max-width: 75% !important;
        scroll-snap-align: center !important;
        /* Para exatamente no meio da tela */
        margin: 0 !important;

        /* Anula a posição absoluta do card "Social" que usamos no Desktop */
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* 4. Cria "almofadas" invisíveis nas pontas para o primeiro e último card não grudarem na borda da tela */
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"]::before,
    [data-element-id="elm_ehYH9n6BNW7qKoFtFN9U6Q"]::after {
        content: '' !important;
        flex: 0 0 5% !important;
    }

}

/* ======================================================== */
/* COR DOS LINKS DO BLOCO EXPLORAR                          */
/* ======================================================== */

.zptext a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    /* Opcional: remove o sublinhado do link */
    transition: opacity 0.3s ease !important;
    /* Opcional: deixa o efeito hover mais suave */
}

/* Opcional: Efeito quando passar o mouse por cima */
.zptext a:hover {
    opacity: 0.8 !important;
    /* Deixa o link levemente transparente ao passar o mouse */
}