/* FAJAM 2027-I · Mejora visual no invasiva · 2026-10 */
/* Titulo principal adaptable, sin alterar logica del sistema. */
.hero-body #welcome-title { max-width: 1040px; line-height: 1.09; overflow-wrap: normal; }
.hero-body #welcome-title .h1-top { display:block; font-size:clamp(1.9rem, 4.2vw, 4.7rem); line-height:1.1; letter-spacing:-0.025em; text-wrap:balance; }
.hero-body #welcome-title .h1-year { display:block; margin-top:.3em; font-size:clamp(1.4rem, 2.8vw, 3.1rem); line-height:1.18; text-wrap:balance; }
/* Numeros: siempre circulares, aunque una regla antigua intente comprimirlos. */
.home-steps .mini-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.3vw,20px); padding:0; list-style:none; }
.home-steps .mini-steps > li { box-sizing:border-box; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding:clamp(18px,2vw,28px); }
.home-steps .mini-steps > li > b { box-sizing:border-box; display:grid !important; place-items:center; flex:0 0 52px !important; width:52px !important; min-width:52px !important; max-width:52px !important; height:52px !important; min-height:52px !important; max-height:52px !important; aspect-ratio:1/1; padding:0 !important; line-height:1 !important; border:3px solid #ddc17e; border-radius:50% !important; background:#0d4a38; color:#f4d995; font-size:1.45rem; font-weight:750; text-align:center; }
.home-steps .mini-steps > li > span { display:block; min-width:0; line-height:1.6; overflow-wrap:break-word; }
@media (max-width:900px) { .home-steps .mini-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) {
 .hero-body #welcome-title { max-width:100%; }
 .hero-body #welcome-title .h1-top { font-size:clamp(1.75rem,7.2vw,2.5rem); line-height:1.12; }
 .hero-body #welcome-title .h1-year { font-size:clamp(1.3rem,5.5vw,1.9rem); line-height:1.25; }
 .home-steps .mini-steps { grid-template-columns:1fr; gap:12px; }
 .home-steps .mini-steps > li { flex-direction:row; align-items:center; gap:15px; padding:16px; }
 .home-steps .mini-steps > li > b { flex:0 0 46px !important; width:46px !important; min-width:46px !important; max-width:46px !important; height:46px !important; min-height:46px !important; max-height:46px !important; font-size:1.25rem; }
 .home-steps .mini-steps > li > span { flex:1; }
}