/* Página Licencias académicas · familia visual del index */
.ac .hero{padding:80px 0 56px}
.ac .hero h1 span{background:linear-gradient(90deg,#a5b4fc,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ac .hero .lead{max-width:760px;color:#cbd5e1}
.ac #valor{padding-top:72px}
.ac .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ac .card .ic{font-size:20px}
.ac .vt{display:grid;gap:14px;max-width:820px;margin:0 auto}
.ac .vt>div{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid var(--bd);border-radius:20px;background:var(--surf)}
.ac .vt .ck-i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);font-weight:700}
.ac .vt h3{font-size:17px;margin:0 0 4px}
.ac .vt p{margin:0;color:var(--mu);font-size:15px}
.ac .cta .btn.mail{background:linear-gradient(135deg,#4f46e5,#0891b2);color:#fff;border-color:rgba(255,255,255,.28)}
@media(max-width:900px){.ac .grid{grid-template-columns:1fr}.ac .hero{padding:56px 0 40px}}
.ac .hero h1 span{white-space:nowrap}
.ac .vt{max-width:none;margin:32px 0 0}
.ac #contacto{padding-top:72px!important}
.ac .sec .sub{margin-bottom:0}

/* Foto de fondo en la portada (lavada, ~70 % visible) con los efectos de color encima */
.ac .hero{background:
 radial-gradient(60% 80% at 50% 45%,color-mix(in srgb,var(--bg) 70%,transparent),transparent 100%),
 linear-gradient(color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 30%,transparent)),
 url(../img/fondo-academicas.webp) center/cover no-repeat}
@media(max-width:780px){.ac .hero{background:
 linear-gradient(color-mix(in srgb,var(--bg) 52%,transparent),color-mix(in srgb,var(--bg) 52%,transparent)),
 url(../img/fondo-academicas.webp) 40% center/cover no-repeat}}
.ac .hero .lead{color:#e2e8f0}