/* Aulatic | Megafonía — estilos complementarios a /css/style.css */
.mega-page{overflow-x:clip}
.mega-page p{max-width:100%}
.mega-page .mega-hero,.mega-page .mega-section,.mega-page .mega-cta{padding:85px 8%}
.mega-page .mega-hero{padding-top:115px;padding-bottom:115px;background:radial-gradient(circle at 88% 12%,rgba(52,120,246,.13),transparent 43%),linear-gradient(180deg,#fff,#f6f9ff)}
.mega-page .mega-hero h1{font-size:clamp(2.65rem,5vw,5.1rem);max-width:1100px}
.mega-page .mega-hero .mega-lead{font-size:clamp(1.12rem,1.8vw,1.46rem);color:var(--aula-dark);font-weight:500;max-width:900px}
.mega-page .mega-section h2{max-width:1040px}
.mega-page h1 strong,.mega-page h2 strong{color:var(--aula-blue)}
/* La página utiliza mega-eyebrow, con el aspecto de .eyebrow del resto de Aulatic */
.mega-page .mega-eyebrow{display:block;color:var(--aula-blue);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.mega-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 25px;margin-top:20px;border-radius:9px;background:var(--aula-blue);color:#fff!important;font-weight:700;text-decoration:none;font-size:1rem;transition:transform .2s,background .2s}
.mega-button:hover{background:#2468e8;transform:translateY(-2px)}
.mega-heading{max-width:1000px}
.mega-heading>p{max-width:850px}
.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}
.mega-card{padding:34px;border:1px solid var(--aula-border);border-radius:17px;background:#fff}
.mega-card h3{font-size:1.35rem;line-height:1.28;margin-bottom:16px}
.mega-page .mega-card p{font-size:1rem;color:var(--aula-muted);margin:0}
.mega-number{display:block;color:var(--aula-blue);font-size:.85rem;font-weight:800;margin-bottom:24px}
.mega-page .mega-dark{background:var(--aula-navy)}
.mega-page .mega-dark h2,.mega-page .mega-dark p{color:#fff!important}
.mega-page .mega-dark .mega-eyebrow{color:#8cb6ff!important}
.mega-page .mega-dark h2 strong{color:#8cb6ff}
.mega-page .mega-dark p{color:rgba(255,255,255,.85)!important}
.mega-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}
.mega-pill-grid div{padding:26px 30px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-weight:650}
.mega-process{background:#f6f9ff}
.mega-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.mega-steps article{padding:34px;border:1px solid var(--aula-border);border-radius:17px;background:#fff}
.mega-steps article>span{display:block;color:var(--aula-blue);font-size:.85rem;font-weight:800;margin-bottom:24px}
.mega-steps h3{font-size:1.35rem;margin-bottom:16px}
.mega-steps p{color:var(--aula-muted)}
.mega-details,.mega-assurance{background:#fff}
.mega-safety{background:var(--aula-blue-light)}
.mega-safety-inner{max-width:960px}
.mega-note{font-size:.95rem;border-left:3px solid var(--aula-blue);padding-left:17px;margin-top:24px}
.mega-page .mega-cta{background:linear-gradient(135deg,#3478F6 0%,#1757B8 100%);text-align:center;margin-bottom:30px}
.mega-page .mega-cta h2,.mega-page .mega-cta p{color:#fff!important}
.mega-page .mega-cta h2 strong{color:#fff}
.mega-page .mega-cta .mega-eyebrow{color:#dce9ff!important}
.mega-page .mega-cta h2{max-width:850px;margin-left:auto;margin-right:auto}
.mega-page .mega-cta p{max-width:720px;margin-left:auto;margin-right:auto}
.mega-button-light{background:#fff;color:var(--aula-navy)!important}
.mega-button-light:hover{background:#eef4ff}
@media(max-width:900px){.mega-page .mega-hero,.mega-page .mega-section,.mega-page .mega-cta{padding:72px 7%}.mega-steps{grid-template-columns:1fr}}
@media(max-width:700px){.mega-page .mega-hero,.mega-page .mega-section,.mega-page .mega-cta{padding:60px 6%}.mega-page .mega-hero{padding-top:85px;padding-bottom:80px}.mega-grid,.mega-pill-grid{grid-template-columns:1fr}.mega-card,.mega-steps article{padding:25px}.mega-button{width:100%;text-align:center}.mega-page .mega-cta{margin-bottom:30px}}

/* Ajustes compartidos con Conocimiento + */
.mega-page .mega-hero h1{max-width:1100px}
.mega-page .mega-hero .mega-lead{max-width:900px}
.mega-page .mega-section{scroll-margin-top:90px}
@media(max-width:700px){.mega-page .mega-hero h1{font-size:clamp(2.35rem,9vw,3.4rem)}}