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

:root {
    --ob-custom-logo-filter: brightness(80);
    /*Fonts*/
    --theme-font-family: "Ubuntu", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #080D24;
    --ob-nav-bg-color: #F2C14E;
    --ob-nav-list-active-bg-color: #080D24;
    --ob-nav-list-active-text-color: #ffffff;
    /*color primary*/
    --theme-primary-50: #FEF8ED;
    --theme-primary-100: #FDF0D2;
    --theme-primary-200: #FBE6B5;
    --theme-primary-300: #F8DB97;
    --theme-primary-400: #F5CF73;
    --theme-primary-500: #F2C14E;
    --theme-primary-600: #E6B23C;
    --theme-primary-700: #D8A027;
    --theme-primary-800: #C98E13;
    --theme-primary-900: #B37B00;

    --theme-primary-A100: #FDF0D2;
    --theme-primary-A200: #FBE6B5;
    --theme-primary-A400: #F5CF73;
    --theme-primary-A700: #D8A027;

    --theme-primary-contrast-50: #080D24;
    --theme-primary-contrast-100: #080D24;
    --theme-primary-contrast-200: #080D24;
    --theme-primary-contrast-300: #080D24;
    --theme-primary-contrast-400: #080D24;
    --theme-primary-contrast-500: #080D24;
    --theme-primary-contrast-600: #080D24;
    --theme-primary-contrast-700: #080D24;
    --theme-primary-contrast-800: #FFFFFF;
    --theme-primary-contrast-900: #FFFFFF;
    --theme-primary-contrast-A100: #080D24;
    --theme-primary-contrast-A200: #080D24;
    --theme-primary-contrast-A400: #080D24;
    --theme-primary-contrast-A700: #080D24;
}

/********* 
INDEX
1 - NAVBAR
2 - CARDS & BILLBOARD
3 - FOOTER
4 - CALENDAR & SESSION SELECTOR / AVAILABILITY HIGHLIGHTS & BADGES
5 - CALENDAR & SESSION SELECTOR / MULTI-LANGUAGE PROMO BANNERS
6 - EVENT INFORMATION & PROMOTIONS SECTION
7 - HIDDEN ELEMENTS
8 - FLEXIBLE TICKET BANNER WITH BUTTON (CUSTOM FOOTER)
9 - CHANGE THE BOUY INFORMATION TICKET IN ALL EVENT SESSIONS
*********/

/********* 
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: #7d7d7d61;
}

/********* 
2 - CARDS & BILLBOARD
*********/

/*Fondo cartelera*/
section.main-container {
    background: transparent;
}

/*Fondo cartelera*/
body ob-page-events {
    background: url("https://client-dists-resources.s3.amazonaws.com/channels-client/eventos_proactiv/img/bg.jpg") center/cover no-repeat;
    background-attachment: fixed;
}

/*Cards personalizada*/
ob-page-events ob-catalog-card {
    background-color: #ffffff;
    border-radius: 16px;
    /*Bordes redondeados*/
    padding: 2rem;
    border: 3px solid #F2C14E;
}

/********* 
3 - FOOTER
*********/

/*Footer*/
#desktop-footer {
    background-color: #080D24;
}

/*Footer en movil*/
footer.flex.justify-between.gap-3.flex-col.tablet\:flex-row.tablet\:items-center {
    background-color: #080D24;
}

/*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: #ffffff !important;
}

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

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

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

/*==========================================================================
   4 - CALENDAR & SESSION SELECTOR / AVAILABILITY HIGHLIGHTS & BADGES
==========================================================================*/

/*Light yellow-green background for session dates "Dies Príncep"*/
/*19 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795042800000 span.mat-calendar-body-cell-content,
/*23 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795388400000 span.mat-calendar-body-cell-content,
/*24 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795474800000 span.mat-calendar-body-cell-content,
/*25 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795561200000 span.mat-calendar-body-cell-content,
/*26 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795647600000 span.mat-calendar-body-cell-content,
/*30 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795993200000 span.mat-calendar-body-cell-content {
    background-color: #f7ffd4;
}

/*Light mint-green background for session dates "Dies de tarifa general"*/
/*20 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795129200000 span.mat-calendar-body-cell-content,
/*21 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795215600000 span.mat-calendar-body-cell-content,
/*22 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795302000000 span.mat-calendar-body-cell-content,
/*27 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795734000000 span.mat-calendar-body-cell-content,
/*28 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795820400000 span.mat-calendar-body-cell-content,
/*29 noviembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1795906800000 span.mat-calendar-body-cell-content,
/*4 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796338800000 span.mat-calendar-body-cell-content,
/*5 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796425200000 span.mat-calendar-body-cell-content,
/*6 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796511600000 span.mat-calendar-body-cell-content,
/*7 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796598000000 span.mat-calendar-body-cell-content,
/*8 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796684400000 span.mat-calendar-body-cell-content,
/*11 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796943600000 span.mat-calendar-body-cell-content,
/*12 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797030000000 span.mat-calendar-body-cell-content,
/*13 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797116400000 span.mat-calendar-body-cell-content,
/*18 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797548400000 span.mat-calendar-body-cell-content,
/*19 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797634800000 span.mat-calendar-body-cell-content,
/*20 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797721200000 span.mat-calendar-body-cell-content,
/*21 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797807600000 span.mat-calendar-body-cell-content,
/*22 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797894000000 span.mat-calendar-body-cell-content,
/*23 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797980400000 span.mat-calendar-body-cell-content,
/*25 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798153200000 span.mat-calendar-body-cell-content,
/*26 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798239600000 span.mat-calendar-body-cell-content,
/*27 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798326000000 span.mat-calendar-body-cell-content,
/*28 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798412400000 span.mat-calendar-body-cell-content,
/*29 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798498800000 span.mat-calendar-body-cell-content,
/*30 diciembre 2026*/
button.mat-calendar-body-cell.session-MONTH-1798585200000 span.mat-calendar-body-cell-content,
/*1 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1798758000000 span.mat-calendar-body-cell-content,
/*2 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1798844400000 span.mat-calendar-body-cell-content,
/*3 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1798930800000 span.mat-calendar-body-cell-content {
    background-color: #e0fce5;
}

/*Light blue background for session dates "Dies de tarifa reduïda"*/
/*1 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796079600000 span.mat-calendar-body-cell-content,
/*2 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796166000000 span.mat-calendar-body-cell-content,
/*3 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796252400000 span.mat-calendar-body-cell-content,
/*9 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796770800000 span.mat-calendar-body-cell-content,
/*10 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1796857200000 span.mat-calendar-body-cell-content,
/*14 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797202800000 span.mat-calendar-body-cell-content,
/*15 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797289200000 span.mat-calendar-body-cell-content,
/*16 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797375600000 span.mat-calendar-body-cell-content,
/*17 diciemebre 2026*/
button.mat-calendar-body-cell.session-MONTH-1797462000000 span.mat-calendar-body-cell-content,
/*4 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799017200000 span.mat-calendar-body-cell-content,
/*6 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799190000000 span.mat-calendar-body-cell-content,
/*7 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799276400000 span.mat-calendar-body-cell-content,
/*8 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799362800000 span.mat-calendar-body-cell-content,
/*9 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799449200000 span.mat-calendar-body-cell-content,
/*10 enero 2026*/
button.mat-calendar-body-cell.session-MONTH-1799535600000 span.mat-calendar-body-cell-content {
    background-color: #a8deff;
}

/*SESSION ICON BADGE INJECTION (EVENT & LOCATION PAGES)*/

ob-page-event,
ob-page-select-locations {

    /*Inject crown icon overlay on target session date cells "Dies Príncep"*/
    .session-MONTH-1795042800000,
    .session-MONTH-1795388400000,
    .session-MONTH-1795474800000,
    .session-MONTH-1795561200000,
    .session-MONTH-1795647600000,
    .session-MONTH-1795993200000 {
        .mat-focus-indicator::after {
            content: "";
            position: absolute;
            top: 2px;
            right: 4px;
            width: 20px;
            height: 20px;
            background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/eventos_proactiv/assets/crown_64dp.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 10;
        }
    }

    /*Mobile responsive adjustments for injected session icons*/
    @media (max-width: 768px) {

        .session-MONTH-1795042800000,
        .session-MONTH-1795388400000,
        .session-MONTH-1795474800000,
        .session-MONTH-1795561200000,
        .session-MONTH-1795647600000,
        .session-MONTH-1795993200000 {
            .mat-focus-indicator::after {
                top: 1px;
                right: 1px;
                width: 10px !important;
                height: 10px !important;
            }
        }
    }
}

/*==========================================================================
   5 - CALENDAR & SESSION SELECTOR / MULTI-LANGUAGE PROMO BANNERS
   ==========================================================================*/

/*Calendar container display override*/
mat-calendar.mat-calendar.ob-calendar {
    display: block;
}

/*Promotional top banner inject relative to calendar container*/
mat-calendar.mat-calendar.ob-calendar::before {
    content: "";
    display: block;
    width: 100%;
    height: 24px;
    margin-top: 8px;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
}

@media (max-width: 768px) {

    /*Promotional top banner inject relative to calendar container*/
    mat-calendar.mat-calendar.ob-calendar::before {
        height: 16px;
    }
}

/*Availability legend component spacing resets*/
ob-availability-legend {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/*PROMOTIONAL BANNER ASSET OVERRIDES BY LANGUAGE*/

/*Spanish localization banner asset*/
html[lang="es"] mat-calendar.mat-calendar.ob-calendar::before {
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/eventos_proactiv/assets/es.png");
}

/*English localization banner asset*/
html[lang="en"] mat-calendar.mat-calendar.ob-calendar::before {
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/eventos_proactiv/assets/en.png");
}

/*Catalan localization banner asset*/
html[lang="ca"] mat-calendar.mat-calendar.ob-calendar::before {
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/eventos_proactiv/assets/ca.png");
}

/*==========================================================================
   6 - EVENT INFORMATION & PROMOTIONS SECTION
   ==========================================================================*/

/*Main wrapper layout*/
.event-info-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/*Block section structure*/
.info-block {
    margin-bottom: 8px;
}

.info-block-title {
    font-size: 16px;
    font-weight: 600 !important;
    color: #866319;
    margin-bottom: 12px !important;
    border-bottom: 2px solid var(--theme-lightest-gray, #F1F1F1);
    padding-bottom: 4px;
}

/*Clean list styling*/
.info-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.info-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    line-height: 1.5;
    color: #414141;
    font-size: 14px !important;
}

.info-list li::before {
    content: "\2022";
    color: #866319;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/*Promos & Tickets grid layout*/
.promo-grid,
.pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

/*Generic card styling*/
.card-ticket {
    background-color: #f6f8fd;
    border: 1px solid #e2e5ee;
    border-radius: 8px;
    padding: 16px;
}

.card-ticket h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #866319;
}

.card-ticket p {
    margin: 0;
    font-size: 14px;
    color: #414141;
}

/*CHILD TICKET HIGHLIGHT CARD*/

.highlight-child-card {
    background-color: #fafafa;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}

.child-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}

.child-icon-img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
}

.child-title {
    font-weight: 700 !important;
    color: #252525 !important;
    margin: 0 !important;
    font-size: 16px !important;
}

.child-text {
    margin: 0 !important;
    font-size: 14px !important;
    color: #252525;
}

/*PROMOCIONES (COMPACTAS Y SECUNDARIAS)*/

/*Layout por defecto (Mobile)*/
.promo-block .promo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*Grid de 2 columnas*/
    gap: 10px;
}

.promo-block .card-ticket {
    background-color: #fafafa;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px 12px;
    box-sizing: border-box;
}

/*El primer contenedor (Pack 4 Entrades) ocupa toda la fila superior en mobile*/
.promo-block .card-ticket:nth-child(1) {
    grid-column: span 2;
}

.promo-block .card-ticket h4 {
    margin: 0 0 4px 0 !important;
    font-size: 14px !important;
    font-weight: 600;
    color: #64748b !important;
}

.promo-block .card-ticket p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4;
    color: #475569 !important;
}

.promo-block .card-ticket p a {
    word-break: break-all;
    /*Evita desbordamiento del email en móvil*/
}

/*Layout Desktop (>= 768px): Vuelve a 3 columnas horizontales*/
@media (min-width: 768px) {
    .promo-block .promo-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /*Resetea la primera tarjeta para que ocupe solo 1 columna*/
    .promo-block .card-ticket:nth-child(1) {
        grid-column: span 1;
    }
}

/*PISTA DE HIELO (DESTACADA CON AZUL)*/

.ice-rink-block {
    margin-top: 8px;
}

/* El fondo azul pasa al contenedor interno */
.ice-rink-block .ice-rink-content {
    background-color: #e3e9ff47;
    border-radius: 8px;
    padding: 18px;
}

.ice-rink-block .pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.ice-rink-block .card-ticket {
    background-color: #3d4a7e0f;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #3d4a7e1f;
}

.ice-rink-block .card-ticket h4 {
    margin: 0 0 6px 0 !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #182050 !important;
}

.ice-rink-block .card-ticket p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #182050 !important;
}

.disclaimer-text {
    font-size: 12px;
    font-style: italic;
    color: #182050;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

.disclaimer-text a {
    color: #182050 !important;
    font-weight: 700;
}

/*Remove bottom padding from main container for event ID 59691*/
div#eventId-59691 .main-container {
    padding-bottom: 0;
}

/*==========================================================================
   7 - HIDDEN ELEMENTS
   ==========================================================================*/

/*Hide session month grouping headers in calendar and session lists*/
h3.sessions-month-header {
    display: none;
}

/*Oculta de forma tajante en el evento 60383*/
html:has(#eventId-60383) .channel-footer,
html:has(ob-page-select-locations) .channel-footer,
html:has(ob-page-payment-success) .channel-footer,
html:has(ob-page-full-checkout) .channel-footer,
#eventId-60383~channel-footer,
#eventId-60383~.channel-footer {
    display: none !important;
}

/*Hide the availability badge inside the zone selection title*/
.ob-pz-selection-title ob-availability-badge {
    display: none !important;
}

/*==========================================================================
   8 - FLEXIBLE TICKET BANNER WITH BUTTON (CUSTOM FOOTER)
   ==========================================================================*/

/*Layout Mobile (Base)*/
.flexible-banner-card {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.flexible-banner-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.flexible-banner-subtitle {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #414141 !important;
    margin: 0 !important;
}

.flexible-banner-text-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.flexible-banner-text {
    font-size: 14px !important;
    color: #414141 !important;
    line-height: 1.5;
    margin: 0 !important;
}

.flexible-banner-highlight {
    font-size: 14px !important;
    font-weight: 600;
    color: #414141 !important;
    margin: 0 !important;
}

/*Botó d'acció principal*/
.flexible-banner-action {
    display: flex;
    align-items: center;
    width: 100%;
}

.btn-flexible-ticket {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-primary-500, #F2C14E);
    color: var(--theme-primary-contrast-500, #080D24) !important;
    font-size: 14px !important;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 6px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.btn-flexible-ticket:hover {
    background-color: var(--theme-primary-700, #D8A027);
    color: var(--theme-primary-contrast-500, #080D24);
}

/*Add top margin to the Ice Rink section specifically for event ID 60383*/
div#eventId-60383 .info-block.ice-rink-block {
    margin-top: 36px;
}

/*DESKTOP / TABLET (>= 768px)*/

@media (min-width: 768px) {
    .flexible-banner-card {
        max-width: 806px !important;
        margin-left: 130px !important;
        margin-right: 0 !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-radius: 0px !important;
    }

    .flexible-banner-content {
        max-width: 70% !important;
    }

    .flexible-banner-action {
        width: auto !important;
        flex-shrink: 0 !important;
    }

    .btn-flexible-ticket {
        width: auto !important;
    }

    /*Add top margin to the Ice Rink section specifically for event ID 60383*/
    div#eventId-60383 .info-block.ice-rink-block {
        margin-top: 0;
    }
}

/*LARGE DISPLAY OVERRIDES (32" / ULTRA-WIDE MONITORS >= 2560PX)*/
@media (min-width: 1920px) {
    .flexible-banner-card {
        margin-left: 330px !important;
    }
}


/*==========================================================================
   9 - CHANGE THE BOUY INFORMATION TICKET IN ALL EVENT SESSIONS
   ==========================================================================*/
ob-not-graphic-selection.event_59691 .item-rate-102306.ob-selection-item p.ob-message-box.info {
    font-size: 0px;
    gap: 4px;
}

html[lang="ca"] ob-not-graphic-selection.event_59691 .item-rate-102306.ob-selection-item p.ob-message-box.info:after {
    font-size: 14px;
    content: 'Preu unitari. Has de seleccionar 4 entrades per aplicar el pack.';
}

html[lang="es"] ob-not-graphic-selection.event_59691 .item-rate-102306.ob-selection-item p.ob-message-box.info:after {
    font-size: 14px;
    content: 'Precio unitario. Tienes que seleccionar 4 entradas para aplicar el pack.';
}

html[lang="en"] ob-not-graphic-selection.event_59691 .item-rate-102306.ob-selection-item p.ob-message-box.info:after {
    font-size: 14px;
    content: 'Unit price. You must select 4 tickets to apply the package.';
}

/*==========================================================================
   CODE MAINTAINED BY DESIGN
   ==========================================================================
   This stylesheet is strictly organized by categories to keep the code 
   clean, modular, and easy to maintain. 
   
   If you need to add new CSS rules, please consult Design Ops to identify the 
   correct section before inserting your code.
   
   Always sign your additions:
   - Code by [Your Name]
   ==========================================================================*/