/*import*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /*Fonts*/
    --theme-font-family: "Roboto Condensed", sans-serif;
    /*Top bar: internal section*/
    --ob-custom-nav-text-color: #1a1a1a;
    --ob-custom-nav-bg-color: #FFF;
    /*Sidenav*/
    --ob-nav-text-color: #FFF;
    --ob-nav-bg-color: #1a1a1a;
    /*Active button in sidenav*/
    --ob-nav-list-active-text-color: #FFF;
    --ob-nav-list-active-bg-color: #1B78B1;

    /* Nueva gama de colores basada en #56D6B4 */
    --theme-primary-50: #E8F3FA;
    --theme-primary-100: #C5E0F2;
    --theme-primary-200: #9FCAE9;
    --theme-primary-300: #79B3E0;
    --theme-primary-400: #5B9FD9;
    --theme-primary-500: #1B78B1;
    --theme-primary-600: #1B7BB9;
    --theme-primary-700: #166BA4;
    --theme-primary-800: #125A8C;
    --theme-primary-900: #0C3F66;
    --theme-primary-A100: #B3D8FF;
    --theme-primary-A200: #80C0FF;
    --theme-primary-A400: #4DA8FF;
    --theme-primary-A700: #339CFF;

    --theme-primary-50-contrast: #1a1a1a;
    --theme-primary-100-contrast: #1a1a1a;
    --theme-primary-200-contrast: #1a1a1a;
    --theme-primary-300-contrast: #1a1a1a;
    --theme-primary-400-contrast: #1a1a1a;
    --theme-primary-500-contrast: #FFFFFF;
    --theme-primary-600-contrast: #FFFFFF;
    --theme-primary-700-contrast: #FFFFFF;
    --theme-primary-800-contrast: #FFFFFF;
    --theme-primary-900-contrast: #FFFFFF;
    --theme-primary-A100-contrast: #1a1a1a;
    --theme-primary-A200-contrast: #1a1a1a;
    --theme-primary-A400-contrast: #1a1a1a;
    --theme-primary-A700-contrast: #1a1a1a;
    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}

/*============================================================
    INDEX
    1) OB Footer
    2) Customer Footer
    3) Presale
============================================================*/

/*------------------------------------------------------------
    1) OB Footer
-------------------------------------------------------------*/

/*Background subfooter*/
ob-footer.main-footer {
    background-color: #1B78B1 !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
    color: #fff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #fff !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #fff !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
    color: #fff;
}

/*------------------------------------------------------------
    2) Customer Footer
-------------------------------------------------------------*/

/* Footer container */
.footers-container {
    background-color: #fff;
}

/* Footer spacing */
.channel-footer {
    margin-top: 4rem;
}

/* Footer internal padding */
.channel-footer-content {
    padding: 1.2rem;
}

/* Sponsor row */
.row-custom {
    margin: 1.5rem;
}

/* Remove underline from sponsor links */
.row-custom a {
    text-decoration: none;
}

/* Title separator */
.title-custom {
    border-bottom: 2px solid #1E86C8;
    margin-bottom: 1rem;
}

/* Title text */
.title-custom-text {
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

/* Footer links color */
footer .ob-link {
    color: #fff;
}

/* Sponsor logos container */
.sponsors-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

/* Sponsor logos */
.sponsors-img img {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Logos muy horizontales */
.sponsors-img img.logo-horizontal {
    height: auto;
    max-width: 120px;
}

/* Mobile behaviour */
@media only screen and (max-width: 40.063em) {
    .channel-footer {
        display: none;
    }
}




/*------------------------------------------------------------
    3) Presale
-------------------------------------------------------------*/

/*Background pre sale*/
.background-blur {
    background-image: url(https://client-dists-resources.oneboxtds.com/channels-client/caproigfestival/img/background.webp);
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(80%);
}