/*
 * Landing "Navidad en el Alfoz"
 * Se apoya en bootstrap.min.css + style.min.css del tema alfoz-child.
 * Aquí solo va lo específico de la sección de Navidad.
 *
 * Tipografías: se usan las mismas familias del tema (Titling Gothic FB y Austin),
 * redeclaradas con ruta local porque el servidor no envía cabeceras CORS para las fuentes.
 * Equivalencias con el diseño XD:
 *   HarrietDisplay Thin (cursiva) -> Austin-Light-Italic
 *   NeuePlak SemiBold             -> TitlingGothicFBNormal-Regular
 *   NeuePlak Regular              -> TitlingGothicFBNormal-Light
 *   NeuePlak Light                -> TitlingGothicFBNarrow-Light
 *   NeuePlak Extended Regular     -> TitlingGothicFBExtended-Regular
 *   NeuePlak Extended SemiBold    -> TitlingGothicFBExtended-Medium
 *   Pitch (monoespaciada)         -> Courier New (el tema no tiene monoespaciada)
 */

@font-face{font-family:TitlingGothicFBExtended-Light;src:url(../fonts/TitlingGothicFBExt-Light.otf)}
@font-face{font-family:TitlingGothicFBExtended-Stand;src:url(../fonts/TitlingGothicFBExt-Stand.otf)}
@font-face{font-family:TitlingGothicFBExtended-Medium;src:url(../fonts/TitlingGothicFBExt-Med.otf)}
@font-face{font-family:TitlingGothicFBExtended-Regular;src:url(../fonts/TitlingGothicFBExt-Reg.otf)}
@font-face{font-family:TitlingGothicFBExtended-Bold;src:url(../fonts/TitlingGothicFBExt-Bold.otf)}
@font-face{font-family:TitlingGothicFBNarrow-Light;src:url(../fonts/TitlingGothicFBNar-Light.otf)}
@font-face{font-family:TitlingGothicFBNarrow-Regular;src:url(../fonts/TitlingGothicFBNar-Reg.otf)}
@font-face{font-family:TitlingGothicFBNormal-Light;src:url(../fonts/TitlingGothicFBNor-Light.otf)}
@font-face{font-family:TitlingGothicFBNormal-Regular;src:url(../fonts/TitlingGothicFBNor-Reg.otf)}
@font-face{font-family:TitlingGothicFBNormal-Bold;src:url(../fonts/TitlingGothicFBNor-Bold.otf)}
@font-face{font-family:Austin-Light;src:url(../fonts/Austin-Light.otf)}
@font-face{font-family:Austin-Light-Italic;src:url(../fonts/Austin-LightItalic.otf)}

#navidad-landing{
    --nav-oro:#c2b088;
    --nav-oro-30:rgba(194,176,136,.3);
    --nav-oro-50:rgba(194,176,136,.5);
    --nav-texto:#242424;
    --nav-gris:#a89f99;
    --nav-verde:#005844;
    --nav-verde-oscuro:#002923;
    --nav-etiqueta:#ececec;

    --f-titulo:Austin-Light-Italic, Georgia, serif;
    --f-bold:TitlingGothicFBNormal-Regular, Helvetica, Arial, sans-serif;
    --f-regular:TitlingGothicFBNormal-Light, Helvetica, Arial, sans-serif;
    --f-light:TitlingGothicFBNarrow-Light, Helvetica, Arial, sans-serif;
    --f-ext:TitlingGothicFBExtended-Regular, Helvetica, Arial, sans-serif;
    --f-ext-medium:TitlingGothicFBExtended-Medium, Helvetica, Arial, sans-serif;
    --f-mono:"Courier New", Courier, monospace;

    color:var(--nav-texto);
    padding-top:5.5rem;
    margin-bottom:5rem;
}

#navidad-landing .navidad-wrap{
    max-width:800px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:content-box;
}

/* Título */
#navidad-landing .navidad-title{
    font-family:var(--f-titulo);
    font-weight:normal;
    font-size:60px;
    line-height:73px;
    color:var(--nav-oro);
    text-align:center;
    margin:0 0 63px;
}

#navidad-landing .navidad-heading{
    font-family:var(--f-bold);
    font-weight:normal;
    font-size:20px;
    line-height:30px;
    color:var(--nav-texto);
    margin:0 0 18px;
}

#navidad-landing .navidad-block + .navidad-block{margin-top:69px}
#navidad-landing .navidad-grupos{margin-top:125px !important}

/* Horarios */
#navidad-landing .navidad-dias{
    display:grid;
    grid-template-columns:repeat(5, 100px);
    justify-content:space-between;
    padding:0 50px;
    margin:0;
}

#navidad-landing .dia{text-align:center}

#navidad-landing .dia-mes{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    font-family:var(--f-regular);
    font-size:12px;
    line-height:18px;
    padding-bottom:2px;
    border-bottom:1px solid var(--nav-texto);
    text-align:left;
}

#navidad-landing .dia-anio{font-size:10px;line-height:14px}

#navidad-landing .dia-num{
    width:44px;
    height:44px;
    margin:20px auto 10px;
    border:1px solid var(--nav-gris);
    border-radius:50%;
    font-family:var(--f-bold);
    font-size:20px;
    line-height:42px;
    color:var(--nav-gris);
}

#navidad-landing .dia--cerrado .dia-num{
    background:var(--nav-gris);
    color:#fff;
}

#navidad-landing .dia-estado{
    font-family:var(--f-bold);
    white-space:nowrap;
    font-size:14px;
    line-height:20px;
}

#navidad-landing .dia-estado--horario{font-family:var(--f-regular)}

#navidad-landing .dia-nota{
    font-family:var(--f-regular);
    font-size:9px;
    line-height:12px;
    letter-spacing:.05em;
    text-transform:uppercase;
    margin-top:4px;
}

/* Fila con fecha + etiqueta */
#navidad-landing .navidad-fila{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding-bottom:7px;
    border-bottom:1px solid var(--nav-texto);
    font-size:14px;
    line-height:20px;
}

#navidad-landing .fila-fecha{display:flex;align-items:center}

#navidad-landing .fila-punto{
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--nav-oro);
    margin-right:10px;
    flex:none;
}

#navidad-landing .fila-dia{font-family:var(--f-regular)}

#navidad-landing .fila-nombre{
    font-family:var(--f-bold);
    font-weight:normal;
    margin-left:16px;
}

#navidad-landing .fila-etiqueta{
    font-family:var(--f-mono);
    font-weight:bold;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.05em;
    background:var(--nav-etiqueta);
    border-radius:4px;
    padding:3px 8px;
    text-align:right;
}

#navidad-landing .fila-mono{
    font-family:var(--f-mono);
    font-size:12px;
    line-height:15px;
    text-align:right;
}

#navidad-landing .navidad-fila--simple{padding-bottom:6px}

/* Botones de menú */
#navidad-landing .navidad-menus{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:40px;
    margin-top:41px;
}

#navidad-landing .btn-menu{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:66px;
    padding:0 40px 0 20px;
    border:1px solid var(--nav-oro);
    border-radius:8px;
    background:#fff;
    color:var(--nav-texto);
    font-size:16px;
    line-height:24px;
    transition:background-color .3s ease;
}

#navidad-landing .btn-menu:hover,
#navidad-landing .btn-menu:focus{
    background:var(--nav-oro-30);
    color:var(--nav-texto);
}

#navidad-landing .btn-menu-texto{min-width:0}
#navidad-landing .btn-menu-nombre{font-family:var(--f-regular)}
#navidad-landing .btn-menu-desc{font-family:var(--f-light);margin-left:4px}
#navidad-landing .btn-menu-ver{font-family:var(--f-ext);font-size:14px;flex:none;margin-left:1rem}

#navidad-landing .btn-menu--verde{
    margin-top:41px;
    background:var(--nav-verde);
    color:var(--nav-oro);
}

#navidad-landing .btn-menu--verde:hover,
#navidad-landing .btn-menu--verde:focus{
    background:var(--nav-verde-oscuro);
    color:var(--nav-oro);
}

/* Texto reserva */
#navidad-landing .navidad-cta{
    text-align:center;
    margin-top:40px;
}

#navidad-landing .navidad-reserva-texto{
    margin:0;
    font-family:var(--f-ext-medium);
    font-size:13px;
    letter-spacing:.02em;
    line-height:24px;
    color:var(--nav-texto);
}

/* Móvil (diseño XD a 393px) */
@media (max-width: 768px){
    #navidad-landing{padding-top:4.5rem}

    #navidad-landing .navidad-wrap{padding:0 35px;box-sizing:border-box}

    #navidad-landing .navidad-title{
        font-size:40px;
        line-height:49px;
        margin-bottom:49px;
    }

    #navidad-landing .navidad-heading{
        font-size:16px;
        line-height:24px;
        margin-bottom:19px;
    }

    #navidad-landing .navidad-block + .navidad-block{margin-top:56px}
    #navidad-landing .navidad-grupos{margin-top:80px !important}

    #navidad-landing .navidad-dias{
        grid-template-columns:repeat(2, 100px);
        justify-content:space-around;
        row-gap:45px;
        padding:0;
    }

    #navidad-landing .navidad-fila{
        flex-direction:column;
        align-items:stretch;
        border-bottom:0;
        padding-bottom:0;
    }

    #navidad-landing .fila-etiqueta{
        text-align:left;
        padding:3px 12px;
    }

    #navidad-landing .navidad-reyes .navidad-fila{
        padding-bottom:16px;
        border-bottom:1px solid var(--nav-texto);
    }

    #navidad-landing .navidad-fila--simple{
        flex-direction:row;
        align-items:center;
        padding-bottom:6px;
        border-bottom:1px solid var(--nav-texto);
    }

    #navidad-landing .navidad-menus{
        grid-template-columns:minmax(0, 1fr);
        gap:16px;
        margin-top:29px;
    }

    #navidad-landing .btn-menu{
        padding:0 20px;
        font-size:14px;
        line-height:20px;
    }

    #navidad-landing .btn-menu-ver{font-size:13px}


    #navidad-landing .navidad-cta{margin-top:24px}

    #navidad-landing .btn-menu--verde{margin-top:28px}
}