/* Inicio · CSS extra (requiere css/edutic.css). Solo selectores .pg-inicio y colores por tokens. */

/* ============ Escala tipográfica de la portada (según el diseño aprobado) ============ */
.pg-inicio .edu-h1 { font-size: clamp(1.75rem, 1rem + 2.1vw, 2.375rem); line-height: 1.1; }
.pg-inicio .edu-hero h2.edu-h1 { font-size: clamp(1.5rem, .9rem + 1.5vw, 1.875rem); }
.pg-inicio .edu-lead { font-size: .875rem; line-height: 1.6; }
.pg-inicio .edu-hero .edu-section { gap: .875rem; }

.pg-inicio .pg-inicio__sec-t { margin: 0; font-size: 1.375rem; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; color: var(--edu-ink); }
.pg-inicio .pg-inicio__sec-t--s { display: flex; align-items: center; gap: .5rem; font-size: 1.0625rem; }
.pg-inicio .pg-inicio__sec-t--s i { color: var(--edu-green); }
.pg-inicio .pg-inicio__sec-t--m { font-size: 1.125rem; }
.pg-inicio .pg-inicio__etq { font-family: var(--edu-font-cond); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--edu-green-dark); }
.pg-inicio .pg-inicio__etq--claro { color: #fff; }
.pg-inicio .pg-inicio__sub { margin: 0; font-size: .75rem; color: var(--edu-accent-text); }
.pg-inicio .pg-inicio__ver { font-size: .75rem; font-weight: 700; color: var(--edu-green-dark); text-decoration: none; white-space: nowrap; }
.pg-inicio .pg-inicio__sec-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; padding-bottom: .625rem; border-bottom: 1px solid var(--edu-border-2); }
.pg-inicio .pg-inicio__sec-head--abierto { align-items: flex-end; padding-bottom: 0; border-bottom: 0; }
.pg-inicio .pg-inicio__sec-head--abierto > div { display: flex; flex-direction: column; gap: .25rem; }

/* ============ Hero ============ */
.pg-inicio .edu-hero__body { padding: 2rem 2.5rem; gap: 2rem; min-height: 300px; }
.pg-inicio .pg-inicio__pill { align-self: flex-start; padding: .3125rem .75rem; font-size: .625rem; letter-spacing: .06em; }
.pg-inicio .pg-inicio__pill--sigla { background: #fff; color: var(--edu-text-2); font-weight: 700; }

/* Slide 1: foto a sangre con la tarjeta del próximo presencial encima */
.pg-inicio .pg-inicio__hero--foto .edu-hero__body { padding: 0 0 0 2.5rem; grid-template-columns: 1fr minmax(0, 50%); gap: 2rem; align-items: stretch; }
.pg-inicio .pg-inicio__hero--foto .edu-section { padding: 2rem 0; align-self: center; }
.pg-inicio .pg-inicio__foto { position: relative; min-height: 340px; }
.pg-inicio .pg-inicio__foto > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-inicio .pg-inicio__foto .edu-photo-tag { top: .875rem; right: .875rem; left: auto; bottom: auto; }
.pg-inicio .pg-inicio__proximo { position: absolute; left: 1.25rem; bottom: 1.25rem; width: min(290px, calc(100% - 2.5rem)); display: flex; flex-direction: column; gap: .5rem; padding: 1rem 1.125rem; background: #fff; border-radius: 14px; box-shadow: 0 10px 28px rgba(15, 23, 42, .18); }
.pg-inicio .pg-inicio__pais { display: inline-flex; align-items: center; font-size: .75rem; font-weight: 600; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__proximo-t { font-size: .9375rem; line-height: 1.25; text-transform: uppercase; color: var(--edu-ink); }
.pg-inicio .pg-inicio__proximo-f { font-size: .75rem; color: var(--edu-text-2); }

/* Slide 2: voces de EDUTIC Review */
.pg-inicio .pg-inicio__hero--voces .edu-hero__body { grid-template-columns: .9fr 1.4fr; }
.pg-inicio .pg-inicio__voces { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .625rem; align-items: start; }
.pg-inicio .pg-inicio__voces li { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.pg-inicio .pg-inicio__voz-ini { display: flex; align-items: flex-end; aspect-ratio: .85; padding: .5rem; border-radius: 10px; font-family: var(--edu-font-cond); font-size: 1.75rem; font-weight: 700; background: var(--edu-green-soft); color: var(--edu-green-dark); }
.pg-inicio .pg-inicio__voces li:nth-child(even) .pg-inicio__voz-ini { background: var(--edu-border-2); color: var(--edu-text-2); }
.pg-inicio .pg-inicio__voces b { font-size: .6875rem; line-height: 1.25; color: var(--edu-ink); }
.pg-inicio .pg-inicio__voces li > span:last-child { font-size: .625rem; color: var(--edu-accent-text); }

/* Slide 3: sello del Congreso online */
.pg-inicio .pg-inicio__sello { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; min-height: 190px; padding: 1.5rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius-lg); text-align: center; }
.pg-inicio .pg-inicio__sello-l { font-family: var(--edu-font-cond); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--edu-accent-text); }
.pg-inicio .pg-inicio__sello-f { font-family: var(--edu-font-cond); font-size: 3.25rem; line-height: 1; color: var(--edu-green); }
.pg-inicio .pg-inicio__sello-a { font-size: 1rem; color: var(--edu-ink); }

/* Slides 4 y 5: fechas del circuito y pasos de Membership */
.pg-inicio .pg-inicio__fechas { list-style: none; margin: 0; padding: .75rem 1.25rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius); }
.pg-inicio .pg-inicio__fechas li { display: grid; grid-template-columns: 92px 1fr; gap: .75rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--edu-border-2); }
.pg-inicio .pg-inicio__fechas li:last-child { border-bottom: 0; }
.pg-inicio .pg-inicio__fechas li b { font-family: var(--edu-font-cond); font-size: 1.125rem; line-height: 1.1; color: var(--edu-green-dark); }
.pg-inicio .pg-inicio__fechas li span { font-size: .8125rem; font-weight: 700; color: var(--edu-ink); }
.pg-inicio .pg-inicio__fechas--pasos { display: flex; flex-direction: column; gap: .75rem; padding: 1.25rem; }

/* ============ Hoy quiero ============ */
.pg-inicio .pg-inicio__quiero { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .75rem 1.25rem; background: #fff; border: 1px solid var(--edu-border); border-radius: 16px; }
.pg-inicio .pg-inicio__quiero b { margin-right: .5rem; font-size: .9375rem; color: var(--edu-ink); }
.pg-inicio .pg-inicio__quiero .edu-chip { padding: .3125rem .875rem; background: var(--edu-green-soft); border-color: var(--edu-green-line); color: var(--edu-green-dark); font-size: .75rem; font-weight: 700; }
.pg-inicio .pg-inicio__quiero .pg-inicio__chip-sumar { background: var(--edu-green); border-color: var(--edu-green); color: #fff; }
.pg-inicio .pg-inicio__bullets { margin: 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: .5rem; color: var(--edu-text-2); }

/* ============ Próximos encuentros ============ */
.pg-inicio .pg-inicio__proximos { background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius-lg); overflow: hidden; box-shadow: 0 6px 20px rgba(15, 23, 42, .06); }
.pg-inicio .pg-inicio__proximos-body { display: flex; flex-direction: column; gap: 1.25rem; padding: 1.5rem 1.75rem 1.75rem; }
.pg-inicio .pg-inicio__proximos-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.pg-inicio .pg-inicio__lema { display: block; margin-top: .25rem; font-size: .75rem; font-weight: 700; color: var(--edu-green-dark); text-decoration: none; }
.pg-inicio .pg-inicio__proximos-ctrl { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.pg-inicio .pg-inicio__tabs { gap: 0; padding: 3px; background: var(--edu-border-2); border-radius: 999px; }
.pg-inicio .pg-inicio__tabs .nav-link { padding: .3125rem .9rem; border-radius: 999px; background: transparent; font-size: .75rem; font-weight: 700; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__tabs .nav-link.active { background: var(--edu-green); color: #fff; }

.pg-inicio .pg-inicio__ev { height: 100%; display: flex; flex-direction: column; gap: .5rem; padding: 1rem 1.125rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius); }
.pg-inicio .pg-inicio__ev-top { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.pg-inicio .pg-inicio__ev-tipo { display: inline-flex; align-items: center; gap: .4rem; }
.pg-inicio .pg-inicio__ev h3 { margin: 0; font-size: .9375rem; line-height: 1.3; font-weight: 800; color: var(--edu-ink); }
.pg-inicio .pg-inicio__ev-lugar { font-size: .6875rem; color: var(--edu-accent-text); }
.pg-inicio .pg-inicio__ev p { margin: 0; font-size: .75rem; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__ev-pie { margin-top: auto; padding-top: .5rem; display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.pg-inicio .pg-inicio__ev-sitio { font-size: .6875rem; font-weight: 700; color: var(--edu-green-dark); text-decoration: underline; overflow-wrap: anywhere; }

.pg-inicio .pg-inicio__avisame { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem 1.5rem; padding: 1.125rem 1.75rem; background: var(--edu-green); color: #fff; }
.pg-inicio .pg-inicio__avisame-t { display: flex; flex-direction: column; gap: .125rem; }
.pg-inicio .pg-inicio__avisame-t b { font-size: .9375rem; }
.pg-inicio .pg-inicio__avisame-t span { font-size: .6875rem; }
.pg-inicio .pg-inicio__avisame a { color: #fff; text-decoration: underline; }
.pg-inicio .pg-inicio__avisame-campos { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.pg-inicio .pg-inicio__avisame .form-control { width: 230px; }
.pg-inicio .pg-inicio__avisame .form-select { width: 120px; }
.pg-inicio .pg-inicio__avisame .btn-avisame { background: #fff; color: var(--edu-green-dark); font-weight: 800; }
.pg-inicio .pg-inicio__avisame-msg { width: 100%; margin: 0; font-size: .75rem; color: #fff; }

/* ============ Comunidad: videos 2025 ============ */
.pg-inicio .pg-inicio__videos-head { display: flex; flex-direction: column; gap: .25rem; margin-top: .5rem; }
.pg-inicio .pg-inicio__videos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.pg-inicio .pg-inicio__video { display: flex; flex-direction: column; gap: .25rem; text-decoration: none; color: var(--edu-ink); }
.pg-inicio .pg-inicio__video b { font-size: .8125rem; }
.pg-inicio .pg-inicio__video > span:last-child { font-size: .6875rem; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__video .ratio { border-radius: var(--edu-radius); overflow: hidden; border: 1px solid var(--edu-border); }
.pg-inicio .pg-inicio__video .ratio img { object-fit: cover; }

/* ============ Novedades de la red ============ */
.pg-inicio .pg-inicio__nov { height: 100%; display: flex; flex-direction: column; gap: .5rem; padding: 1rem 1.125rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius); }
.pg-inicio .pg-inicio__tag { align-self: flex-start; padding: .1875rem .5rem; background: var(--edu-border-2); border-radius: 6px; font-size: .5625rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__nov h3 { margin: 0; font-size: .9375rem; line-height: 1.3; font-weight: 800; color: var(--edu-ink); }
.pg-inicio .pg-inicio__nov p { margin: 0; font-size: .75rem; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__nov-pie { margin-top: auto; padding-top: .625rem; display: flex; justify-content: space-between; gap: .5rem; border-top: 1px solid var(--edu-border-2); font-size: .6875rem; color: var(--edu-muted); }
.pg-inicio .pg-inicio__nov-pie a { font-weight: 700; color: var(--edu-green-dark); text-decoration: none; white-space: nowrap; }

/* ============ Convocatoria y Membership ============ */
.pg-inicio .pg-inicio__conv { height: 100%; display: flex; flex-direction: column; gap: 1.25rem; padding: 2rem; background: var(--edu-green); color: #fff; border-radius: var(--edu-radius-lg); }
.pg-inicio .pg-inicio__conv h2 { margin: 0; font-size: clamp(1.5rem, 1rem + 1.4vw, 1.875rem); line-height: 1.15; font-weight: 900; letter-spacing: -.02em; }
.pg-inicio .pg-inicio__ejes { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1.5rem; }
.pg-inicio .pg-inicio__ejes li { break-inside: avoid; padding: .4375rem 0; border-bottom: 1px solid rgba(255, 255, 255, .55); font-size: .75rem; font-weight: 700; }
.pg-inicio .btn-blanco { background: #fff; color: var(--edu-green-dark); font-weight: 800; border-radius: 10px; }

.pg-inicio .pg-inicio__decide { height: 100%; display: flex; flex-direction: column; gap: 1rem; padding: 2rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius-lg); }
.pg-inicio .pg-inicio__decide h2 { margin: 0; font-size: clamp(1.375rem, 1rem + 1vw, 1.625rem); line-height: 1.2; font-weight: 800; letter-spacing: -.02em; color: var(--edu-ink); }
.pg-inicio .pg-inicio__pasos { margin: 0; padding: 0; list-style: none; counter-reset: paso; display: flex; flex-direction: column; gap: .5rem; }
.pg-inicio .pg-inicio__pasos li { counter-increment: paso; font-size: .75rem; color: var(--edu-text-2); }
.pg-inicio .pg-inicio__pasos li::before { content: counter(paso) ". "; font-weight: 800; color: var(--edu-green); }

/* ============ Directorio EdTech y App ============ */
.pg-inicio .pg-inicio__dir { height: 100%; display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem 1.5rem; background: #fff; border: 1px solid var(--edu-border); border-radius: var(--edu-radius-lg); }
.pg-inicio .pg-inicio__dir-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: .5rem; }
.pg-inicio .pg-inicio__dir-head > div { display: flex; flex-direction: column; gap: .25rem; }
.pg-inicio .pg-inicio__tiles { flex: 1; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(56px, 1fr); gap: .625rem; }
.pg-inicio .pg-inicio__tiles a { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 56px; padding: .5rem; background: var(--edu-bg); border: 1px solid var(--edu-border); border-radius: 8px; font-size: .75rem; font-weight: 700; color: var(--edu-ink); text-decoration: none; }
.pg-inicio .pg-inicio__tiles a { text-align: center; line-height: 1.2; overflow: hidden; transition: background .2s, border-color .2s; }
.pg-inicio .pg-inicio__tiles a:hover, .pg-inicio .pg-inicio__tiles a:focus-visible { background: var(--edu-green-soft); border-color: var(--edu-green-line); }
/* Logos cuadrados con mucho margen: se recortan al centro de la casilla y el blanco se funde con el fondo */
.pg-inicio .pg-inicio__tiles li:not(.pg-inicio__tile--todas) a { position: relative; padding: 0; }
.pg-inicio .pg-inicio__tiles img { position: absolute; left: 50%; top: 50%; width: auto; max-width: none; height: 150%; aspect-ratio: 1; transform: translate(-50%, -50%); object-fit: contain; mix-blend-mode: multiply; filter: grayscale(1); opacity: .85; transition: filter .2s, opacity .2s; }
.pg-inicio .pg-inicio__tiles a:hover img, .pg-inicio .pg-inicio__tiles a:focus-visible img { filter: none; opacity: 1; }

.pg-inicio .pg-inicio__app { position: relative; height: 100%; border-radius: var(--edu-radius-lg); overflow: hidden; background: var(--edu-green-dark); }
.pg-inicio .pg-inicio__app img { display: block; width: 100%; height: auto; aspect-ratio: 900 / 1050; }
.pg-inicio .pg-inicio__app-ios, .pg-inicio .pg-inicio__app-and { position: absolute; top: 75.8%; height: 8.2%; }
.pg-inicio .pg-inicio__app-ios { left: 17.8%; width: 29.4%; }
.pg-inicio .pg-inicio__app-and { left: 48.9%; width: 33.1%; }

/* ============ Responsive ============ */
@media (max-width: 991.98px) {
  .pg-inicio .edu-hero__body { padding: 1.5rem 1.25rem; gap: 1.5rem; }
  .pg-inicio .pg-inicio__hero--foto .edu-hero__body { padding: 0; grid-template-columns: 1fr; gap: 0; }
  .pg-inicio .pg-inicio__hero--foto .edu-section { padding: 1.5rem 1.25rem; }
  .pg-inicio .pg-inicio__foto { min-height: 300px; }
  .pg-inicio .pg-inicio__hero--voces .edu-hero__body { grid-template-columns: 1fr; }
  .pg-inicio .pg-inicio__videos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-inicio .pg-inicio__app { max-width: 380px; }
}
@media (max-width: 575.98px) {
  .pg-inicio .pg-inicio__voces { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pg-inicio .pg-inicio__videos { grid-template-columns: 1fr; }
  .pg-inicio .pg-inicio__ejes { columns: 1; }
  .pg-inicio .pg-inicio__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-inicio .pg-inicio__proximos-body { padding: 1.25rem 1rem; }
  .pg-inicio .pg-inicio__avisame { padding: 1rem; }
  .pg-inicio .pg-inicio__avisame .form-control, .pg-inicio .pg-inicio__avisame .form-select { width: 100%; }
  .pg-inicio .pg-inicio__conv, .pg-inicio .pg-inicio__decide { padding: 1.25rem; }
}