@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*MabryMono*/
@font-face {
    font-family: 'MabryMono';
    src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/ferugby_espana_femenino/assets/typography/MabryMono-Bold-Pro.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /*Fonts*/
    --theme-font-family: "Roboto", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #E60000;
    /*color primary*/
    --theme-primary-50: #FCE3E3;
    --theme-primary-100: #F7B9B9;
    --theme-primary-200: #F08A8A;
    --theme-primary-300: #E85A5A;
    --theme-primary-400: #E23333;
    --theme-primary-500: #E60000;
    --theme-primary-600: #CF0000;
    --theme-primary-700: #B30000;
    --theme-primary-800: #960000;
    --theme-primary-900: #6B0000;
    --theme-primary-A100: #F7B9B9;
    --theme-primary-A200: #F08A8A;
    --theme-primary-A400: #E23333;
    --theme-primary-A700: #B30000;

    /* CONTRASTES */
    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #212121;
    --theme-primary-contrast-300: #212121;
    --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: #212121;
    --theme-primary-contrast-A200: #212121;
    --theme-primary-contrast-A400: #FFFFFF;
    --theme-primary-contrast-A700: #FFFFFF
}

/********* 
INDEX
0 - GENERAL
1 - NAVBAR
2 - BILLBOARD
3 - FOOTER
4 - LAYOUT
5 - CHECKOUT
*********/

/********* 
0 - GENERAL
*********/
/*Titles MabryMono*/
h1,
h2,
h3,
h4 {
    font-family: 'MabryMono', monospace !important;
}

h4 {
    font-weight: 700;
    font-size: 18px !important;
    color: #E60000 !important;
    text-transform: uppercase;
}

/********* 
1 - NAVBAR
*********/
/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color: #b1b1b161;
}

/*logo mas grande*/
mat-toolbar.mat-toolbar img.logo.ng-star-inserted {
    height: 3rem;
}

/*ADHOC*/
/*evento destacado header cartelera*/
.img-blur {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/ferugby_espana_femenino/assets/img/banner.jpeg') !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

/********* 
2 - BILLBOARD
*********/
ob-page-event ob-catalog-item-card .mat-mdc-card-header-text {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/ferugby_espana_femenino/assets/img/banner-event.jpg') !important;
    background-position: -50px -2px !important;
    background-repeat: no-repeat;
    background-size: cover;
}

ob-event-header#event-header .page-header-blur.flex.with-image {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/ferugby_espana_femenino/assets/banner-event.jpg');
    height: 320px;
    background-position: 100% 15%;
    background-repeat: no-repeat;
    background-size: cover;
}

ob-page-event mat-card-title.mat-mdc-card-title.ng-star-inserted img {
    display: none !important;
}

@media (max-width: 768px) {
    ob-page-event header.event-main-header mat-icon.mat-icon.notranslate.ob-icon.mat-icon-rtl-mirror.material-symbols-outlined.mat-icon-no-color.ng-star-inserted {
        background-color: #fff !important;
        color: #E60000 !important;
        border-radius: 30px;
        margin: 10rem -5rem;
    }

    ob-page-event mat-card-title.mat-mdc-card-title img {
        display: block !important;
    }

    ob-page-event header.event-main-header h2 {
        display: none;
    }

    ob-page-event header.event-main-header:after {
        content: 'España vs Sudáfrica XV Fem';
        background-color: #E60000 !important;
        padding: 1rem;
        display: flex;
        font-size: 22px;
        line-height: 28px;
        font-weight: 500;
    }

    ob-page-event header.event-main-header .flex.flex-col.titles-container.justify-content-end {
        display: none;
    }

    ob-page-event mat-card-title.mat-mdc-card-title img {
        display: block !important;
    }

    ob-event-header#event-header .page-header-blur.flex.with-image {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/ferugby_espana_femenino/assets/banner-event.jpg');
    height: 320px;
    background-position: 78% 15%;
    background-repeat: no-repeat;
    background-size: cover;
}
}

.page-header-blur .flex.flex-col.gap-2.flex-grow.text-contents-container.justify-center {
    padding: 0rem !important;
}

ob-event-header#event-header .image-container {
    display: none !important;
}

/********* 
3 - FOOTER
*********/
/*Force powered by fever*/
.fever-logo {
    display: block !important;
}

.onebox-logo {
    display: none;
}

/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
    background-color: #18000A !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;
}

/*Powered by*/
/*Logo ONEBOX*/
ob-footer.main-footer img {
    filter: brightness(20) !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
    color: #fff;
}

/*Text footer adhoc*/
ob-footer.main-footer a,
ob-footer.main-footer span {
    font-weight: 400 !important;
}

ob-event-header#event-header .image-container.ng-star-inserted {
    display: none !important;
}

/*quitar logo footer powered by completo*/
ob-footer#desktop-footer span.flex.items-center.gap-1,
ob-footer#mobile-footer span.flex.items-center.gap-1 {
    display: none;
}

/*Anadir el powered by fever*/
footer:after {
    content: url('https://client-dists.oneboxtds.com/channels-client/default/assets/powered-by-fever.svg');
    width: 10rem;
    filter: invert(1);
    padding: 0.6rem 0rem 0rem 0rem;
}

/*logo footer mobile*/
@media (max-width: 768px) {
    footer:after {
        width: 7rem;
    }
}

/********* 
4 - LAYOUT
*********/
.content-general,
.content-abono-2,
.content-abono-3 {
    border-bottom: #e8e8e8 1px solid;
    padding-bottom: 1rem !important;
}

.main-block-content div {
    margin: 24px 0px 0px 0px;
}

.main-block-content h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 24px !important;
}

.main-block-content h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px !important;
}

p.main-body {
    font-size: 16px;
    line-height: 22px;
}

img.section-img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 8px 0px 0px 0px !important;
}

/*Columnas imagen*/
section-description-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/*Responsive Mobile*/
@media (max-width: 768px) {

    section-description-1 {
        grid-template-columns: 1fr;
        gap: 8px !important;
    }
}

.section-description-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

p.text-italic {
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal;
}

.main-block-content .info-edad {
    background-color: #F1F1F1;
    padding: 16px;
    border-radius: 8px;
}

/*@media (max-width: 768px) {
    .section-description-1 {
        display: flex;
        flex-direction: column;
    }
}*/

.info-edad p.text-italic {
    margin: 4px !important;
}

/*Icono "ENTRADAS INFANTILES DISPONIBLES DE 3 A 14 EDAD"*/
.info-edad .title-info::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: -3px;
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/ferugby_espana_femenino/assets/icon/kid-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Title "ENTRADAS INFANTILES DISPONIBLES DE 3 A 14 EDAD*/
p.text-italic,
.title-info {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
}

/********* 
5 - CHECKOUT
*********/
ob-page-full-checkout ob-channels-checkout-agreements::after {
    content: url('https://client-dists.oneboxtds.com/channels-client/default/assets/powered-by-fever.svg');
    display: block;
    float: right;
    width: 115px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 10px;
    opacity: 0.5;
}

ob-cart-summary .ob-cart-summary-bottom-bar:after {
    content: url('https://client-dists.oneboxtds.com/channels-client/default/assets/powered-by-fever.svg');
    display: block;
    width: 115px;
    height: 25px;
    background-image: url('URL_DE_TU_IMAGEN');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    margin-left: auto;
    /* Empuja el bloque hacia la derecha */
    margin-top: 10px;
    opacity: 0.5;
}