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

:root {
    /*Fonts*/
    --theme-font-family: "Roboto", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #212121;
    --ob-nav-bg-color: #fff;
    /* Nueva gama de colores basada en #579F72 */
    --theme-primary-50: #D4E8DB;
    --theme-primary-100: #A8D0B7;
    --theme-primary-200: #7BB99A;
    --theme-primary-300: #4FA77D;
    --theme-primary-400: #3B925D;
    --theme-primary-500: #579F72;
    /* Color principal */
    --theme-primary-600: #4B8A65;
    --theme-primary-700: #3D7B58;
    --theme-primary-800: #2F6B4A;
    --theme-primary-900: #1A4B32;
    --theme-primary-A100: #A2FFD7;
    --theme-primary-A200: #6DFFC4;
    --theme-primary-A400: #38FFA3;
    --theme-primary-A700: #1FF98C;
    /* Colores de contraste */
    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #212121;
    --theme-primary-contrast-300: #ffffff;
    --theme-primary-contrast-400: #ffffff;
    --theme-primary-contrast-500: #ffffff;
    /* Contraste para color principal */
    --theme-primary-contrast-600: #ffffff;
    --theme-primary-contrast-700: #ffffff;
    --theme-primary-contrast-800: #ffffff;
    --theme-primary-contrast-900: #ffffff;
    --theme-primary-contrast-A100: #212121;
    --theme-primary-contrast-A200: #212121;
    --theme-primary-contrast-A400: #212121;
    --theme-primary-contrast-A700: #212121;

}
/*==============================================================
    INDEX
    1) Custom Footer
    2) Hidden elements
    3) Integration description event - WAH
================================================================*/

/*FOOTER*/
.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.footer img {
    height: 4rem !important;
    margin: 2rem;
}
/*---------------------------------------------
   2) Hidden elements
---------------------------------------------*/

/*Esconder PRESHOW zona de precio ---EVENTO 45581 HOUDINI--*/
.eventId-45581 ob-pricezone-box.filter-pz.interactive:last-child{
    display:none;
}

/*---------------------------------------------
   3) Integration description event - WAH
---------------------------------------------*/
.custom-contact-block {
    width: 100%;
    text-align: left;
}

/*Titles*/
.title-custom-contact {
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.2rem;
    font-family: "adineuePRO-Bold", sans-serif !important;
}

/*CTA container*/
.contact-cta-box {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*Grey module (icon + text)*/
.contact-module-text {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 1;
}

/*Icon box*/
.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 8px;
    flex-shrink: 0;
}

/*Icon*/
.cta-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*Text box*/
.text-box {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 7px 12px;
    flex: 1;
}

/*Text*/
.text-box p {
    margin: 0;
    line-height: 1.5;
}

/*CTA button*/
.cta-call-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #CC1424;
    color: #fff;
    border-radius: 3px;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}
.cta-call-button:hover {
    background-color: #D54248;
}

/*CTA icon*/
.cta-icon-cta {
    width: 16px;
    height: 16px;
}

.contact-cta-box .text-box,
.contact-cta-box .icon-box {
    background-color: #FAE3E5;
}

/*Links*/
.contact-link {
    color: #CC1424;
}

/*Mobile*/
@media (max-width: 768px) {
    .contact-cta-box {
        flex-direction: column;
    }

    .cta-call-button {
        width: 100%;
        justify-content: center;
    }
}