/* Portada: marca, encuentro documentado, recursos y contacto. */
.pagina-index h2,.pagina-index h3{text-wrap:balance;}
.pagina-index .hero{height:min(70svh,640px);min-height:520px;padding:48px 0;}
.pagina-index .hero .escena{overflow:hidden;}
.pagina-index .hero p.entrada{max-width:46ch;font-weight:400;}
.pagina-index .hero .acciones{align-items:center;gap:24px;}
.pagina-index .enlace-portada{color:var(--sobre-verde);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px;padding:12px 0;}
.pagina-index .enlace-portada:hover{color:var(--dorado-vivo);}
.pagina-index .actividad-inicio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;}
.pagina-index .encuentro-inicio{margin:0;}
.pagina-index .encuentro-inicio img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
.pagina-index .encuentro-inicio figcaption{font-size:12px;line-height:1.65;color:var(--tinta-tenue);margin-top:12px;}
.pagina-index .encuentro-inicio figcaption a{color:var(--hoja);text-decoration:underline;text-underline-offset:3px;}
.pagina-index .fecha-actividad{font-size:13px;color:var(--terracota);margin-bottom:16px;}
.pagina-index .actividad-texto .titulo{font-size:36px;max-width:22ch;}
.pagina-index .actividad-texto .entradilla{font-size:16px;}
.pagina-index .aprendizaje-inicio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;margin-top:36px;}
.pagina-index .curso-inicio h3,.pagina-index .rutas-aprendizaje h3,.pagina-index .afiliacion-inicio h3{font-size:24px;line-height:1.3;margin:0 0 14px;}
.pagina-index .curso-inicio p{font-size:16px;line-height:1.8;max-width:54ch;margin:0 0 24px;color:var(--tinta-suave);}
.pagina-index .curso-inicio .acciones{align-items:center;gap:22px;}
.pagina-index .curso-inicio .nota-curso{font-size:13px;margin:20px 0 0;}
.pagina-index .rutas-aprendizaje{display:flex;flex-direction:column;gap:24px;}
.pagina-index .rutas-aprendizaje>a{display:block;color:var(--bosque);padding:0 0 24px;border-bottom:1px solid var(--linea-fuerte);}
.pagina-index .rutas-aprendizaje p{font-size:15px;line-height:1.65;color:var(--tinta-suave);margin:0 0 12px;}
.pagina-index .rutas-aprendizaje span{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px;}
.pagina-index .rutas-aprendizaje a:hover span{text-decoration-thickness:2px;}
.pagina-index .propuestas-inicio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;margin-top:40px;padding-top:26px;border-top:1px solid var(--linea);}
.pagina-index .propuestas-inicio h3{font-family:var(--sans);font-size:16px;line-height:1.5;margin:0;}
.pagina-index .propuestas-inicio ul{list-style:none;margin:0;padding:0;display:grid;gap:16px;}
.pagina-index .propuestas-inicio a{font-size:14px;font-weight:650;color:var(--hoja);text-decoration:underline;text-underline-offset:4px;}
.pagina-index .propuestas-inicio span{display:block;font-size:12px;color:var(--tinta-suave);margin-top:4px;}
.pagina-index .contacto-inicio{align-items:start;}
.pagina-index .contacto-inicio .entradilla{max-width:40ch;}
.pagina-index .afiliacion-inicio{margin-top:44px;max-width:42ch;}
.pagina-index .afiliacion-inicio h3{color:var(--sobre-verde);}
.pagina-index .afiliacion-inicio p{font-size:16px;line-height:1.75;color:var(--sobre-verde-2);margin-bottom:24px;}
.pagina-index #form .campos{grid-template-columns:1fr;}
.pagina-index #form .form-tit{color:var(--bosque);}
.pagina-index #form textarea{min-height:110px;resize:vertical;}
.pagina-index #form [aria-invalid="true"]{border-color:#a32f20;}
.pagina-index #form .error:not([hidden]){display:block;margin-top:6px;}
.pagina-index :is(a,button,input,textarea){touch-action:manipulation;}
@media(max-width:1080px){
  .pagina-index .hero{height:auto;min-height:490px;}
  .pagina-index .actividad-inicio{gap:32px;}
  .pagina-index .aprendizaje-inicio,.pagina-index .propuestas-inicio{gap:36px;}
  .pagina-index .actividad-texto .titulo{font-size:30px;}
  .pagina-index nav.principal.abierta{overscroll-behavior:contain;}
}
@media(max-width:760px){
  .pagina-index .actividad-inicio,.pagina-index .aprendizaje-inicio,.pagina-index .propuestas-inicio{grid-template-columns:minmax(0,1fr);gap:28px;}
  .pagina-index .actividad-texto{grid-row:1;}
  .pagina-index .actividad-texto .titulo{max-width:100%;}
  .pagina-index .aprendizaje-inicio{gap:36px;margin-top:28px;}
  .pagina-index .propuestas-inicio{gap:18px;margin-top:30px;}
}
@media(max-width:600px){
  .pagina-index .hero{padding:96px 0 28px;min-height:0;}
  .pagina-index .hero .acciones{gap:8px;}
  .pagina-index .enlace-portada{justify-self:start;}
  .pagina-index .actividad-texto .titulo{font-size:29px;}
  .pagina-index .actividad-texto .entradilla,.pagina-index .curso-inicio p{font-size:15px;}
  .pagina-index .curso-inicio .nota-curso{font-size:12px;}
  .pagina-index .afiliacion-inicio{margin-top:28px;}
}
@media(max-width:380px) and (max-height:700px){
  .pagina-index .hero{padding-top:28px;}
  .pagina-index .hero h1{font-size:46px;margin-bottom:12px;}
  .pagina-index .hero p.entrada{font-size:15px;line-height:1.6;margin-bottom:20px;}
  .pagina-index .hero .velo{background:linear-gradient(90deg,rgba(13,32,23,.85),rgba(13,32,23,.55));}
}
@media(prefers-reduced-motion:no-preference){
  .pagina-index .btn{transition:background-color .2s,border-color .2s,color .2s;}
}
/* Portada en móvil: la foto arriba, limpia, y el texto debajo sobre el verde (18-09-2026).
   Antes el texto se montaba sobre la imagen y tapaba justo las nueces abiertas. */
@media(max-width:700px){
  .pagina-index .hero{padding:262px 0 32px;min-height:0;height:auto;background:#172f23;}
  .pagina-index .hero .escena img{height:250px;object-position:100% 62%;}
  .pagina-index .hero .velo{background:linear-gradient(180deg,rgba(23,47,35,0) 0,rgba(23,47,35,0) 176px,rgba(23,47,35,.85) 226px,#172f23 250px);}
}