/* Aulatic — Web Express. Complemento de /css/style.css */
.express-page { overflow-x:clip; }
.express-page p { max-width:100%; }
.express-page .express-hero,.express-page .express-section,.express-page .express-cta { padding:78px 8%; }
.express-page .express-hero { padding-top:110px; padding-bottom:105px; background:radial-gradient(circle at 90% 15%,rgba(52,120,246,.12),transparent 35%),linear-gradient(180deg,#fff,#f6f9ff); }
.express-page .express-hero h1 { font-size:clamp(2.7rem,5vw,5.1rem); max-width:1100px; }
.express-page .express-hero p { max-width:900px; }
.express-page .express-hero .express-lead { font-size:clamp(1.2rem,1.8vw,1.5rem); color:var(--aula-dark); }
.express-page .express-section h2 { max-width:1050px; }
.express-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:white!important; font-weight:700; text-decoration:none; font-size:1rem; transition:transform .2s,background .2s; }
.express-button:hover { background:#2468e8; transform:translateY(-2px); }
.express-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:38px; }
.express-card { padding:34px; border:1px solid var(--aula-border); border-radius:17px; background:white; }
.express-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:var(--aula-blue-light); color:var(--aula-blue); font-size:1.1rem; font-weight:800; margin-bottom:24px; }
.express-card h3 { font-size:1.35rem; line-height:1.28; margin-bottom:14px; }
.express-page .express-card p { font-size:1rem; color:var(--aula-muted); margin:0; }
.express-design { background:var(--aula-navy); }
.express-design h2,.express-design p { color:white!important; }
.express-design .eyebrow,.express-design h2 strong { color:#8cb6ff!important; }
.express-page .express-statement { margin-top:32px; padding-left:22px; border-left:4px solid var(--aula-blue); font-size:clamp(1.3rem,2vw,1.65rem); font-weight:650; }
.express-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.express-updates { background:var(--aula-blue-light); }
.express-update-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:30px 0; }
.express-update-grid div { padding:20px 22px; border-radius:12px; background:white; color:var(--aula-navy); font-weight:650; border:1px solid var(--aula-border); }
.express-page .express-note { font-size:.92rem; color:var(--aula-muted); margin-top:24px; }
.express-hours-layout { display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:center; gap:45px; margin:20px 0 34px; }
.express-hours-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:220px; border:2px solid var(--aula-blue); border-radius:24px; background:var(--aula-blue-light); color:var(--aula-navy); }
.express-hours-visual span { color:var(--aula-blue); font-size:1rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.express-hours-visual strong { font-size:4.5rem; line-height:1.2; }
.express-hours-visual small { color:var(--aula-muted); }
.express-hours h3 { margin:25px 0 18px; }
.express-hour-steps { counter-reset:steps; padding:0; margin:0 0 30px; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.express-hour-steps li { counter-increment:steps; position:relative; padding:22px 20px 22px 60px; background:#f8fbff; border:1px solid var(--aula-border); border-radius:12px; font-size:1rem; }
.express-hour-steps li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:18px; top:21px; color:var(--aula-blue); font-weight:800; }
.express-clarity { padding:26px 30px; background:var(--aula-blue-light); border-left:4px solid var(--aula-blue); border-radius:0 12px 12px 0; }
.express-page .express-clarity p { font-size:1rem; margin:0 0 12px; }
.express-page .express-clarity p:last-child { margin:0; }
.express-peace { background:var(--aula-navy); }
.express-peace h2,.express-peace p { color:white!important; }
.express-peace .eyebrow,.express-peace h2 strong { color:#8cb6ff!important; }
.express-page .express-narrow { max-width:1000px; margin:0 auto; }
.express-page .express-peace-statement { font-size:clamp(1.3rem,2.2vw,1.75rem); font-weight:700; color:#8cb6ff!important; margin-top:30px; }
.express-cta { background:linear-gradient(135deg,#3478F6 0%,#1757B8 100%); text-align:center; margin-bottom:30px; }
.express-cta h2 { color:white!important; max-width:980px; margin:0 auto 28px; }
.express-cta h2 strong { color:white!important; }
.express-cta .eyebrow { color:#dce9ff!important; }
.express-page .express-cta p:not(.eyebrow) { color:rgba(255,255,255,.9); margin:0 auto 16px; }
.express-button-light { background:white; color:var(--aula-navy)!important; }
.express-button-light:hover { background:#e9f1ff; }
.express-contact-anchor { scroll-margin-top:90px; }
@media(max-width:900px) { .express-page .express-hero,.express-page .express-section,.express-page .express-cta { padding:68px 7%; } .express-three { grid-template-columns:1fr; } .express-update-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .express-page .express-hero,.express-page .express-section,.express-page .express-cta { padding:58px 6%; } .express-grid,.express-update-grid,.express-hour-steps,.express-hours-layout { grid-template-columns:1fr; } .express-card { padding:26px; } .express-page .express-hero h1 { font-size:clamp(2.45rem,9vw,3.4rem); } .express-button { width:100%; text-align:center; } .express-hours-visual { min-height:170px; } }