/* Eventos · CSS extra (requiere css/edutic.css) */
.pg-eventos > * + * { margin-top: 1.75rem; }

/* Hero */
.pg-eventos .pg-eventos__hero-body { padding: 0 0 0 2.5rem; grid-template-columns: 1fr minmax(0, 50%); gap: 2rem; align-items: stretch; min-height: 340px; }
.pg-eventos .pg-eventos__hero-txt { padding: 2rem 0; align-self: center; gap: .875rem; }
.pg-eventos .edu-hero h1.edu-h1 { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); line-height: 1.1; }
.pg-eventos .edu-hero .edu-lead { font-size: .9375rem; line-height: 1.55; }
.pg-eventos__foto { position: relative; min-height: 340px; }
.pg-eventos__foto--vacia { background: #e6e8e6; }
.pg-eventos__foto-aviso { position: absolute; top: 1.5rem; left: 1.25rem; right: 1.25rem; text-align: center; color: #5c6560; font-size: .875rem; font-weight: 600; }
.pg-eventos__foto > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-eventos__heronums { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-top: .875rem; border-top: 1px solid var(--edu-green-line); }
.pg-eventos__heronums .edu-num { font-size: 2.125rem; }
.pg-eventos__heronums span { display: block; margin-top: .25rem; font-size: .75rem; color: var(--edu-text); }
.pg-eventos__heronums--plain { border-top: 0; padding-top: 0; }
.pg-eventos__next { position: absolute; left: 1.25rem; bottom: 1.25rem; width: min(320px, calc(100% - 2.5rem)); display: flex; flex-direction: column; gap: .5rem; padding: 1rem 1.125rem; background: var(--edu-white); border-radius: 14px; box-shadow: 0 10px 28px rgba(15, 23, 42, .18); }
.pg-eventos__next-t { margin: 0; font-size: 1rem; line-height: 1.3; font-weight: 700; color: var(--edu-ink); }
.pg-eventos__count { font-size: .75rem; font-weight: 700; color: var(--edu-green-dark); }
.pg-eventos__quick { display: flex; flex-wrap: wrap; gap: .5rem; }
.pg-eventos__quick a { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .75rem; background: var(--edu-white); border: 1px solid var(--edu-border); border-radius: 12px; text-decoration: none; text-align: center; font-size: .75rem; font-weight: 700; color: var(--edu-text-2); }
.pg-eventos__quick a:hover { border-color: var(--edu-green); }
.pg-eventos__quick i { font-size: 1rem; color: var(--edu-green-dark); }

/* Leyenda de formatos */
.pg-eventos__fmt { display: flex; flex-direction: column; gap: .25rem; padding-top: .75rem; border-top: 3px solid var(--edu-green); }
.pg-eventos__fmt b { font-size: .875rem; color: var(--edu-ink); }
.pg-eventos__fmt span { font-size: .75rem; line-height: 1.5; color: var(--edu-text); }

/* Webinar Series */
.pg-eventos__webinar { padding: 2rem 2.25rem; background: var(--edu-white); border: 2px solid var(--edu-accent); border-radius: var(--edu-radius-lg); }
.pg-eventos__web-t { font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem); line-height: 1.2; font-weight: 900; letter-spacing: -.02em; color: var(--edu-ink); }
.pg-eventos__rec { display: flex; flex-direction: column; gap: .625rem; height: 100%; padding: 1rem; background: var(--edu-green-soft); border-radius: var(--edu-radius); text-decoration: none; }
.pg-eventos__rec b { font-size: .875rem; line-height: 1.35; color: var(--edu-ink); }
.pg-eventos__play { display: flex; align-items: center; justify-content: center; height: 92px; background: var(--edu-white); border-radius: 10px; font-size: 2.125rem; color: var(--edu-green); }
.pg-eventos__rec-tag { font-size: .625rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--edu-green-dark); }
.pg-eventos__allies-t { font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--edu-muted); }
.pg-eventos__allies { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.pg-eventos__allies li { font-size: .875rem; font-weight: 800; color: var(--edu-faint); }
.pg-eventos__link { font-size: .75rem; font-weight: 700; color: var(--edu-green-dark); text-decoration: none; }

/* Pestañas y filtros */
.pg-eventos__tabs { gap: .375rem; --bs-nav-pills-link-active-bg: var(--edu-green); --bs-nav-pills-link-active-color: #fff; --bs-nav-link-color: var(--edu-text-2); --bs-nav-link-hover-color: var(--edu-green-dark); }
.pg-eventos__tabs .nav-link { border-radius: 10px; font-weight: 700; font-size: .875rem; padding: .625rem 1.125rem; }
.pg-eventos .edu-search { min-width: 220px; }

/* Listas */
.pg-eventos__pane { display: none; }
.pg-eventos__pane.active { display: flex; flex-direction: column; gap: .625rem; }
.pg-eventos__month { display: flex; align-items: baseline; gap: .625rem; padding-top: .625rem; }
.pg-eventos__row, .pg-eventos__crow { display: grid; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--edu-white); border: 1px solid var(--edu-border); border-radius: var(--edu-radius); }
.pg-eventos__row { grid-template-columns: 124px 36px 1fr 110px 130px 230px; }
.pg-eventos__crow { grid-template-columns: 36px 1fr 170px 150px 140px 200px; }
.pg-eventos__row[hidden], .pg-eventos__crow[hidden] { display: none; }
.pg-eventos__date { font-family: var(--edu-font-cond); font-size: 1.375rem; line-height: 1.1; font-weight: 700; color: var(--edu-ink); white-space: nowrap; }
.pg-eventos__flag { display: flex; justify-content: center; }
.pg-eventos__info { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.pg-eventos__title { margin: 0; font-size: .9375rem; font-weight: 700; color: var(--edu-ink); }
.pg-eventos__mode, .pg-eventos__access { font-size: .8125rem; color: var(--edu-text-2); }
.pg-eventos__access { font-weight: 700; }
.pg-eventos__free { color: var(--edu-green-dark); }
.pg-eventos__cta { display: flex; justify-content: flex-end; }
.pg-eventos__all { align-self: center; margin-top: .5rem; font-size: .8125rem; font-weight: 700; color: var(--edu-green-dark); text-decoration: none; }
.pg-eventos__box { gap: .625rem; padding: 1.375rem 1.5rem; }
.pg-eventos__box--soft { background: var(--edu-green-soft); border-color: var(--edu-green-line); }
.pg-eventos__ejes li, .pg-eventos__req li { padding: .1875rem 0; font-size: .8125rem; color: var(--edu-text-2); }
.pg-eventos__ejes b { color: var(--edu-green-dark); }

/* Avísame */
.pg-eventos__notify { flex-wrap: wrap; padding: 1.125rem 1.75rem; border-radius: 16px; }
.pg-eventos__mail { width: 260px; max-width: 100%; border: 0; }

@media (max-width: 1199.98px) {
  .pg-eventos__row { grid-template-columns: 112px 30px 1fr 120px 200px; }
  .pg-eventos__row .pg-eventos__mode { display: none; }
  .pg-eventos__crow { grid-template-columns: 30px 1fr 150px 130px 180px; }
  .pg-eventos__crow .pg-eventos__mode:nth-of-type(2) { display: none; }
}
@media (max-width: 991.98px) {
  .pg-eventos .pg-eventos__hero-body { grid-template-columns: 1fr; padding: 0; gap: 0; }
  .pg-eventos .pg-eventos__hero-txt { padding: 1.75rem 1.25rem; }
  .pg-eventos__foto { min-height: 300px; }
  .pg-eventos__webinar { padding: 1.5rem 1.25rem; }
}
@media (max-width: 767.98px) {
  .pg-eventos__row { grid-template-columns: 1fr auto; gap: .5rem .75rem; }
  .pg-eventos__row .pg-eventos__date { grid-column: 1; font-size: 1.125rem; }
  .pg-eventos__row .pg-eventos__flag { grid-column: 2; grid-row: 1; }
  .pg-eventos__row .pg-eventos__info { grid-column: 1 / -1; }
  .pg-eventos__row .pg-eventos__access { grid-column: 1; }
  .pg-eventos__row .pg-eventos__cta { grid-column: 2; }
  .pg-eventos__crow { grid-template-columns: auto 1fr; gap: .5rem .75rem; }
  .pg-eventos__crow .pg-eventos__mode { display: none; }
  .pg-eventos__crow .pg-eventos__mode:first-of-type { display: block; grid-column: 1 / -1; }
  .pg-eventos__crow .pg-eventos__cta { justify-content: flex-start; }
  .pg-eventos .edu-search { min-width: 0; width: 100%; flex: 1 1 100%; }
  .pg-eventos__mail { width: 100%; }
}

.pg-eventos__flag .edu-flag { margin: 0; }

/* Webinars: afiches verticales y grabaciones (datos de webinar.edutic.org) */
.pg-eventos__afiches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .875rem; }
.pg-eventos__afiche { display: flex; flex-direction: column; gap: .375rem; color: var(--edu-ink); text-decoration: none; }
.pg-eventos__afiche img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top; border-radius: 10px; background: var(--edu-ink); transition: transform .15s, box-shadow .15s; }
.pg-eventos__afiche:hover img { transform: translateY(-2px); box-shadow: var(--edu-shadow-sm); }
.pg-eventos__afiche b { font-size: .875rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pg-eventos__afiche:hover b { text-decoration: underline; }
.pg-eventos__grab { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem 1rem; }
.pg-eventos__grab a { display: flex; align-items: flex-start; gap: .5rem; color: var(--edu-ink); text-decoration: none; }
.pg-eventos__grab a i { flex: none; font-size: 1.25rem; line-height: 1; color: var(--edu-green-dark); }
.pg-eventos__grab a span { display: flex; flex-direction: column; gap: .125rem; min-width: 0; }
.pg-eventos__grab a b { font-size: .875rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pg-eventos__grab a small { font-size: .75rem; color: var(--edu-muted); }
.pg-eventos__grab a:hover b { text-decoration: underline; }
.pg-eventos__cta { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .25rem; }
/* Letras mínimas legibles */
.pg-eventos__rec-tag { font-size: .75rem; }
.pg-eventos__allies-t { font-size: .75rem; }
@media (max-width: 575.98px) { .pg-eventos__afiches { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; } .pg-eventos__grab { grid-template-columns: 1fr; } }
.pg-eventos__next .edu-flag { width: 20px; height: auto; aspect-ratio: auto; object-fit: initial; border-radius: 2px; }
/* Filtro: formato como select y países solo con bandera */
.pg-eventos__formato { width: auto; min-width: 12rem; border-radius: 999px; font-size: .875rem; }
.edu-chip.edu-chip--bandera { padding: .4375rem .625rem; }
.edu-chip.edu-chip--bandera .edu-flag { width: 24px; height: auto; border-radius: 2px; }
.edu-chip.edu-chip--bandera .bi { font-size: 1.05rem; line-height: 1; }
/* Pestañas como control segmentado: un riel que agrupa las tres vistas, con ícono y cantidad */
.pg-eventos__tabs { gap: .25rem; padding: .25rem; background: var(--edu-border-2); border-radius: 12px; flex-wrap: nowrap; }
.pg-eventos__tabs .nav-link { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .875rem; border-radius: 9px; color: var(--edu-text-2); }
.pg-eventos__tabs .nav-link:hover { background: rgba(255, 255, 255, .7); color: var(--edu-ink); }
.pg-eventos__tabs .nav-link.active { box-shadow: 0 2px 6px rgba(0, 0, 0, .08); }
.pg-eventos__n { display: inline-block; min-width: 1.5rem; padding: .0625rem .4rem; border-radius: 999px; background: #fff; font-size: .75rem; font-weight: 800; color: var(--edu-text-2); text-align: center; }
.pg-eventos__tabs .nav-link.active .pg-eventos__n { background: rgba(255, 255, 255, .25); color: #fff; }
@media (max-width: 575.98px) { .pg-eventos__tabs { width: 100%; overflow-x: auto; } .pg-eventos__tabs .nav-link { padding: .5rem .625rem; white-space: nowrap; } }
/* Accesos del hero (bajo el texto): 3 por fila, 2 en celular */
.pg-eventos__quick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pg-eventos__quick a { flex-direction: row; justify-content: flex-start; gap: .5rem; padding: .625rem .75rem; font-size: .875rem; font-weight: 700; color: var(--edu-ink); text-decoration: none; }
.pg-eventos__quick a:hover { background: var(--edu-green-soft); }
@media (max-width: 575.98px) { .pg-eventos__quick { grid-template-columns: repeat(2, minmax(0, 1fr)); } }