/* http://mcg.mbitson.com/#!?palette=%23e51a51 */
/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /*Text*/
    --theme-text-2: #252525;
    --theme-text-1: #252525;
    /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
    /*Navbar Colors*/
    --ob-nav-text-color: #005CFF;
    --ob-nav-bg-color: #fff;
    /*Color primary*/
    --theme-primary-50: #e0ebff;
    --theme-primary-100: #b3ceff;
    --theme-primary-200: #80aeff;
    --theme-primary-300: #4d8dff;
    --theme-primary-400: #2674ff;
    --theme-primary-500: #005cff;
    --theme-primary-600: #0054ff;
    --theme-primary-700: #004aff;
    --theme-primary-800: #0041ff;
    --theme-primary-900: #0030ff;
    --theme-primary-A100: #ffffff;
    --theme-primary-A200: #f8faff;
    --theme-primary-A400: #c5d6ff;
    --theme-primary-A700: #abc4ff;
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --theme-primary-contrast-300: #000000;
    --theme-primary-contrast-400: #ffffff;
    --theme-primary-contrast-500: #ffffff;
    --theme-primary-contrast-600: #ffffff;
    --theme-primary-contrast-700: #ffffff;
    --theme-primary-contrast-800: #ffffff;
    --theme-primary-contrast-900: #ffffff;
    --theme-primary-contrast-A100: #000000;
    --theme-primary-contrast-A200: #000000;
    --theme-primary-contrast-A400: #000000;
    --theme-primary-contrast-A700: #000000;
    /*Fuente cliente*/
    --theme-font-family: "Montserrat", sans-serif;
}

/*==============================================================
    INDEX
    1) Buttons
    2) Top Bar
    3) OB Footer
    4) Integration description event - WAH
================================================================*/

/*---------------------------------------------
    1) Buttons
---------------------------------------------*/

/*General button*/
button.mdc-button {
    border-radius: 50px !important;
}

/*color de texto de compra interna dentro del portal*/
button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted:hover {
    color: #fff;
}


/*---------------------------------------------
    2) Top Bar
---------------------------------------------*/
/*navbar de color*/
mat-toolbar.mat-toolbar.ob-top-bar.flex.justify-between.mat-toolbar-single-row {
    background-color: #fff;
}

/*---------------------------------------------
    3) Ob Footer
---------------------------------------------*/
/*Dark version subfooter*/
/*Background subfooter*/
/*Color links subfooter & copyright*/

ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
    color: #2674ff !important;
}

ob-footer.main-footer {
    border: 1px solid #2674ff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #2674ff !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #2674ff !important;
}

/*COLOR SUBFOOTER*/
ob-footer.main-footer {
    background-color: #fff !important;
}


/*---------------------------------------------
    4) 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;
    }
}