/* ============================================================
   FILBB 2026 – pages.css
   Estilos para páginas internas: Stand, Aportes, Ediciones,
   Cronograma individual.
   ============================================================ */

/* ── STAND ───────────────────────────────────────────────── */
.filbb-stand {
    padding: var(--gap-xl) var(--contenedor-pad);
}
.filbb-stand__intro {
    max-width:     800px;
    margin-bottom: var(--gap-lg);
    font-size:     var(--text-md);
    line-height:   1.65;
}
.filbb-stand__plano {
    text-align: center;
    margin:     var(--gap-lg) 0;
}
.filbb-stand__imagen {
    max-width:    100%;
    border-radius:var(--radio-md);
    box-shadow:   var(--sombra-lg);
}
.filbb-stand__contenido { margin-top: var(--gap-xl); }

/* ── EDICIONES ANTERIORES ─────────────────────────────────── */
.filbb-ediciones { padding: var(--gap-xl) var(--contenedor-pad); }

.filbb-ediciones__grid {
    display:               grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap:                   var(--gap-lg);
}

.filbb-ediciones__tarjeta {
    border-radius: var(--radio-md);
    overflow:      hidden;
    box-shadow:    var(--sombra-sm);
    background:    var(--filbb-blanco);
    border:        1px solid var(--filbb-gris-borde);
    transition:    transform var(--transicion), box-shadow var(--transicion);
}
.filbb-ediciones__tarjeta:hover {
    transform:  translateY(-4px);
    box-shadow: var(--sombra-md);
}

.filbb-ediciones__enlace {
    display:  block;
    color:    inherit;
    text-decoration: none;
}

.filbb-ediciones__imagen {
    height:   220px;
    overflow: hidden;
}
.filbb-ediciones__imagen--placeholder {
    background: var(--filbb-celeste);
    display:    flex;
    align-items:center;
    justify-content:center;
    font-size:  4rem;
}
.filbb-ediciones__foto {
    width:      100%;
    height:     100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.filbb-ediciones__tarjeta:hover .filbb-ediciones__foto { transform: scale(1.04); }

.filbb-ediciones__info { padding: var(--gap-md); }
.filbb-ediciones__anio {
    display:        block;
    font-size:      var(--text-3xl);
    font-weight:    700;
    color:          var(--filbb-naranja);
    line-height:    1;
    margin-bottom:  .25rem;
}
.filbb-ediciones__titulo {
    font-size:     var(--text-md);
    color:         var(--filbb-oscuro);
    margin-bottom: var(--gap-xs);
}
.filbb-ediciones__resumen {
    font-size:     var(--text-sm);
    color:         var(--filbb-texto-suave);
    margin-bottom: var(--gap-sm);
}
.filbb-ediciones__vacio {
    text-align: center;
    color:      var(--filbb-texto-suave);
    font-size:  var(--text-lg);
    padding:    var(--gap-2xl) 0;
}

/* ── CRONOGRAMA INDIVIDUAL ───────────────────────────────── */
.filbb-crono-header {
    padding: var(--gap-xl) 0;
    background: var(--filbb-naranja);
}
.filbb-crono-header__inner {
    display:     flex;
    align-items: center;
    gap:         var(--gap-lg);
}
.filbb-crono-header__icono {
    flex-shrink: 0;
    width:  90px;
    height: 97px;
}
.filbb-crono-header__titulo {
    font-size: var(--text-2xl);
    color:     var(--filbb-blanco);
    text-transform: uppercase;
}
.filbb-crono-header__fecha,
.filbb-crono-header__lugar {
    color:     rgba(255,255,255,.85);
    font-size: var(--text-md);
    margin-top:.25rem;
}

.filbb-crono-contenido { padding: var(--gap-xl) 0; }
.filbb-crono-contenido__inner { max-width: 820px; }

.filbb-crono-nav {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    margin-top:      var(--gap-xl);
    padding-top:     var(--gap-lg);
    border-top:      2px solid var(--filbb-gris-borde);
    flex-wrap:       wrap;
    gap:             var(--gap-sm);
}
.filbb-crono-nav__item {
    color:      var(--filbb-naranja);
    font-weight:700;
    font-size:  var(--text-sm);
    transition: color var(--transicion);
}
.filbb-crono-nav__item:hover { color: var(--filbb-naranja-osc); }
.filbb-crono-nav__item--home {
    color:          var(--filbb-texto-suave);
    font-weight:    400;
}
.filbb-crono-nav__item--home:hover { color: var(--filbb-oscuro); }

/* ── SISTEMA DE APORTES ──────────────────────────────────── */
.filbb-aportes__hero {
    background:  var(--filbb-celeste);
    padding:     var(--gap-lg) 0;
}
.filbb-aportes__hero-inner {
    display:     flex;
    align-items: center;
    gap:         var(--gap-xl);
}
.filbb-aportes__logo .custom-logo { height: 70px; width: auto; }
.filbb-aportes__fechas,
.filbb-aportes__lugar-txt {
    color:     var(--filbb-blanco);
    font-size: var(--text-md);
    font-weight:700;
    margin:    .25rem 0;
}

/* Qué es */
.filbb-aportes__que-es {
    padding:   var(--gap-xl) var(--contenedor-pad);
    max-width: 820px;
    margin-inline: auto;
}
.filbb-aportes__que-es-titulo {
    font-size:     var(--text-xl);
    color:         var(--filbb-naranja);
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom: var(--gap-md);
}

/* Stats */
.filbb-aportes__stats {
    background: var(--filbb-gris-claro);
    padding:    var(--gap-lg) 0;
}
.filbb-aportes__stats-grid {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   var(--gap-md);
    text-align:            center;
}
.filbb-aportes__stat-bloque {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .25rem;
    padding:        var(--gap-md);
}
.filbb-aportes__stat-num {
    font-size:   var(--text-3xl);
    font-weight: 700;
    color:       var(--filbb-naranja);
    line-height: 1;
}
.filbb-aportes__stat-desc {
    font-size:  var(--text-sm);
    color:      var(--filbb-texto-suave);
    line-height:1.4;
}

/* Impacto */
.filbb-aportes__impacto {
    padding: var(--gap-xl) var(--contenedor-pad);
}
.filbb-aportes__impacto-titulo {
    text-align:    center;
    font-size:     var(--text-2xl);
    color:         var(--filbb-azul-acc);
    text-transform:uppercase;
    letter-spacing:.15em;
    margin-bottom: var(--gap-xl);
}
.filbb-aportes__impacto-cols {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   var(--gap-lg);
    text-align:            center;
}
.filbb-aportes__impacto-item {
    padding:       var(--gap-lg) var(--gap-md);
    border:        2px solid var(--filbb-gris-borde);
    border-radius: var(--radio-md);
}
.filbb-aportes__impacto-item--destacado {
    border-color:  var(--filbb-naranja);
    position:      relative;
    top:           -8px;
    box-shadow:    var(--sombra-md);
}
.filbb-aportes__impacto-icono { font-size: 2.5rem; display: block; margin-bottom: var(--gap-sm); }
.filbb-aportes__impacto-item h3 {
    font-size:     var(--text-sm);
    text-transform:uppercase;
    letter-spacing:.06em;
    color:         var(--filbb-naranja);
    margin-bottom: var(--gap-xs);
}
.filbb-aportes__impacto-item p { font-size: var(--text-sm); color: var(--filbb-texto-suave); margin: 0; }

/* ODS */
.filbb-aportes__ods {
    background:    var(--filbb-naranja);
    color:         var(--filbb-blanco);
    text-align:    center;
    padding:       var(--gap-md) var(--gap-lg);
    border-radius: var(--radio-md);
    margin-top:    var(--gap-xl);
    font-size:     var(--text-sm);
    line-height:   1.5;
}
.filbb-aportes__ods strong { display: block; margin-top: .25rem; font-size: var(--text-md); }

/* Niveles */
.filbb-aportes__niveles {
    background: var(--filbb-gris-claro);
    padding:    var(--gap-xl) 0;
}
.filbb-aportes__niveles-titulo {
    text-align:    center;
    font-size:     var(--text-2xl);
    color:         var(--filbb-oscuro);
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom: var(--gap-xl);
}
.filbb-aportes__niveles-grid {
    display:               grid;
    grid-template-columns: repeat(5, 1fr);
    gap:                   var(--gap-sm);
}
.filbb-aportes__nivel {
    background:    var(--filbb-blanco);
    border-radius: var(--radio-md);
    overflow:      hidden;
    box-shadow:    var(--sombra-sm);
    display:       flex;
    flex-direction:column;
}
.filbb-aportes__nivel-header {
    background:  var(--nivel-color, var(--filbb-naranja));
    color:       var(--filbb-blanco);
    padding:     var(--gap-sm);
    text-align:  center;
}
.filbb-aportes__nivel-nombre {
    display:        block;
    font-size:      var(--text-sm);
    font-weight:    700;
    letter-spacing: .1em;
}
.filbb-aportes__nivel-num {
    display:   block;
    font-size: var(--text-xs);
    opacity:   .8;
    margin-top:.15rem;
}
.filbb-aportes__nivel-beneficios {
    list-style: none;
    padding:    var(--gap-sm);
    margin:     0;
    flex:       1;
}
.filbb-aportes__nivel-item {
    font-size:   var(--text-xs);
    padding:     .3rem .25rem;
    border-bottom: 1px solid var(--filbb-gris-borde);
    color:       var(--filbb-texto);
    line-height: 1.3;
}
.filbb-aportes__nivel-item:last-child { border-bottom: none; }
.filbb-aportes__nivel-item--si  { color: var(--filbb-azul-acc); font-weight: 600; }
.filbb-aportes__nivel-item--no  { color: var(--filbb-gris-borde); }
.filbb-aportes__nivel-precio {
    text-align:  center;
    padding:     var(--gap-sm);
    color:       var(--filbb-blanco);
    font-size:   var(--text-md);
    font-weight: 700;
    letter-spacing:.02em;
}
.filbb-aportes__niveles-nota {
    text-align: center;
    font-size:  var(--text-xs);
    color:      var(--filbb-texto-suave);
    margin-top: var(--gap-lg);
}

/* Anteriores */
.filbb-aportes__anteriores {
    padding: var(--gap-xl) var(--contenedor-pad);
}
.filbb-aportes__anteriores-titulo {
    font-size:     var(--text-xl);
    color:         var(--filbb-oscuro);
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom: var(--gap-md);
}
.filbb-aportes__anteriores-lista {
    font-size: var(--text-md);
    color:     var(--filbb-texto-suave);
    line-height:1.8;
}

/* CTA Final */
.filbb-aportes__cta-final {
    background: var(--filbb-oscuro);
    padding:    var(--gap-xl) 0;
}
.filbb-aportes__cta-final-inner {
    display:     flex;
    align-items: flex-start;
    gap:         var(--gap-xl);
}
.filbb-aportes__cta-titulo {
    font-size:      clamp(2rem, 5vw, 3.5rem);
    color:          var(--filbb-blanco);
    text-transform: uppercase;
    line-height:    1;
    font-weight:    900;
}
.filbb-aportes__cta-sub {
    color:     rgba(255,255,255,.7);
    font-size: var(--text-md);
    margin-top:var(--gap-sm);
}
.filbb-aportes__cta-contacto { min-width: 280px; }
.filbb-aportes__cta-contacto-titulo {
    font-size:     var(--text-sm);
    letter-spacing:.1em;
    color:         rgba(255,255,255,.5);
    text-transform:uppercase;
    margin-bottom: var(--gap-sm);
}
.filbb-aportes__cta-dato {
    display:     block;
    color:       rgba(255,255,255,.8);
    font-size:   var(--text-sm);
    margin-bottom:.4rem;
    transition:  color var(--transicion);
}
.filbb-aportes__cta-dato:hover { color: var(--filbb-blanco); }
.filbb-aportes__cta-btn {
    margin-top: var(--gap-md);
    display:    inline-block;
}