/* Estudios Core · Área de alumno (area-alumno.html) */
.aa-hero{background:var(--negro);color:var(--blanco);position:relative;overflow:hidden}
.aa-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--amarillo),var(--lima),var(--verde))}
.aa-hero .wrap{padding-block:140px 64px}
.aa-hero h1{font-weight:200;font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.02em;margin:0}
.aa-hero h1 .lima{font-weight:300;color:var(--lima)}
.aa-intro{font-size:18px;font-weight:300;line-height:1.55;color:var(--gris-claro);max-width:32em;margin:22px 0 0}

.aa-reservas .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-block:56px 72px}
.aa-marco{border-radius:var(--radius);overflow:hidden;min-height:640px;border:1.5px solid transparent;background:linear-gradient(#fffdf8,#fffdf8) padding-box,linear-gradient(135deg,var(--amarillo),var(--verde)) border-box}
.aa-marco iframe{display:block;width:100%;height:760px;border:0}
.aa-pendiente{height:100%;min-height:640px;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:40px}
.aa-pendiente p{margin:0;max-width:30em;font-weight:300;line-height:1.55;color:var(--texto-suave)}
.aa-pendiente b{font-weight:500;color:var(--texto)}
.aa-abrir{margin-top:16px}
.aa-ayuda{display:grid;gap:36px;position:sticky;top:100px}
.aa-ayuda p{margin:0 0 14px;font-size:15px;font-weight:300;line-height:1.55}
.aa-ayuda-titulo{font-size:20px!important;line-height:1.2!important}
.aa-apps{display:flex;flex-wrap:wrap;gap:12px 24px}

.aa-promos{background:var(--negro);color:var(--blanco)}
.aa-promos .wrap{padding-block:72px 88px}
.aa-promos-titulo{font-weight:200;font-size:clamp(34px,4vw,54px);line-height:1.05;margin:0 0 36px}
.aa-promos-titulo .lima{font-weight:300;color:var(--lima)}
.aa-promos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.promo{position:relative;overflow:hidden;border-radius:var(--radius);padding:32px;border:1.5px solid transparent;background:linear-gradient(#161815,#161815) padding-box,linear-gradient(135deg,var(--amarillo),var(--verde)) border-box;display:grid;gap:18px}
.promo::before{content:"";position:absolute;inset:0;background:url(assets/fotos/hero.webp) 70% center/cover no-repeat;opacity:.32;filter:blur(3px);transform:scale(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 75%);mask-image:linear-gradient(90deg,transparent 15%,#000 75%);pointer-events:none}
.promo>*{position:relative}
.promo-etiqueta{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--lima);margin:0}
.promo h3{font-weight:300;font-size:clamp(30px,3vw,40px);line-height:1.1;margin:0}
.promo-opciones{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.promo-opcion{background:rgba(255,255,255,.04);border-radius:var(--radius);padding:16px}
.promo-opcion b{display:block;font-size:12px;font-weight:400;color:var(--gris-claro);margin-bottom:6px}
.promo-opcion span{font-size:17px;font-weight:300;line-height:1.3}
.promo-letra{font-size:13px;font-weight:300;color:var(--gris-claro);margin:0}
.promo .btn-degradado{justify-self:start}

@media (max-width:820px){
  .aa-hero .wrap{padding-block:104px 44px}
  .aa-reservas .wrap{grid-template-columns:1fr}
  .aa-ayuda{position:static}
  .aa-marco iframe{height:680px}
  .promo-opciones{grid-template-columns:1fr}
}
