/* Max Padilla · Clases (11-oct-2026): /bienvenida, /mi-cuenta y /panel/educativo/edu-clases/. Móvil 375 primero.
   Usa la paleta de v10.css (navy + naranja), Archivo para títulos y Manrope para texto, y los botones de la casa. */
.mc{padding-block:24px 96px;display:grid;gap:22px;min-width:0}
.mc *{min-width:0}
.mc h1{font:800 clamp(30px,7vw,52px)/1.05 Archivo,Arial,sans-serif;letter-spacing:-.02em;color:var(--navy);margin:6px 0 0}
.mc h2{font:800 clamp(22px,5vw,30px)/1.15 Archivo,Arial,sans-serif;color:var(--navy);margin:0}
.mc h3{font:700 19px/1.25 Archivo,Arial,sans-serif;color:var(--navy);margin:0}
.mc .lead{font:500 17px/1.5 Manrope,Arial,sans-serif;color:#3D4656;margin:8px 0 0;max-width:62ch}
.mc .tenue{color:#4A5363;font-size:15px;line-height:1.5;margin:0}
.mc .eyebrow{color:#7A4317}
.mc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mc a:focus-visible,.mc button:focus-visible,.mc input:focus-visible,.mc summary:focus-visible{outline:3px solid var(--naranja);outline-offset:2px;border-radius:10px}
.mc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mc .btn-primary,.mc .btn-glass{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.mc .btn-primary.sm,.mc .btn-glass.sm{min-height:44px;padding-inline:14px;font-size:14px}
.mc-acciones{display:flex;flex-wrap:wrap;gap:12px}
.mc-acciones>*{flex:1 1 220px}
.mc-grande{font-size:18px;min-height:56px!important;width:100%}
.mc-prueba{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:14px;background:#FCEBDD;border:1px solid rgba(213,132,69,.55);color:#4A2A10;font:500 14px/1.4 Manrope,Arial,sans-serif}
.mc-punto{width:10px;height:10px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 4px rgba(213,132,69,.25);flex:none}
.mc-carga{display:flex;align-items:center;gap:12px;padding:40px 0;color:#3D4656;font:600 16px Manrope,Arial,sans-serif}
.mc-giro{width:22px;height:22px;border-radius:50%;border:3px solid rgba(30,37,48,.15);border-top-color:var(--naranja);animation:mc-gira .8s linear infinite}
@keyframes mc-gira{to{transform:rotate(360deg)}}
.mc-tarjeta{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(32,39,56,.1);border-radius:22px;padding:20px;display:grid;gap:12px;align-content:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(20,26,38,.07)}
.mc-rejilla{display:grid;gap:16px}
.mc-cifra{font:800 44px/1 Archivo,Arial,sans-serif;color:var(--navy);margin:0}
.mc-cifra small{font:600 16px Manrope,Arial,sans-serif;color:#4A5363}
.mc-bloque{display:grid;gap:14px}
.mc-chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:#FCEBDD;color:#5A3212;font:700 13px Manrope,Arial,sans-serif}
.mc-chip-espera{background:#EEF1F5;color:#2E3746}
.mc-fila{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mc-prox{display:grid;gap:2px;margin:0}
.mc-prox strong{font:800 20px/1.2 Archivo,Arial,sans-serif;color:var(--navy)}
.mc-prox span{color:#4A5363;font-size:15px}
.mc-aviso,.mc-error{margin:0;padding:12px 14px;border-radius:14px;font:600 15px/1.45 Manrope,Arial,sans-serif;background:#EEF1F5;color:#1E2530}
.mc-aviso.ok{background:#E3F4EA;color:#14532D}
.mc-aviso.error,.mc-error{background:#FDE8E8;color:#7F1D1D}
.mc-msj{margin:0;font:600 14px/1.4 Manrope,Arial,sans-serif;min-height:0}
.mc-msj.ok{color:#14632F}.mc-msj.error{color:#9B1C1C}
.mc-vacio{display:grid;gap:12px;max-width:640px;padding:24px 0}
.mc-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:#fff;flex:none}
.mc-ico.grande{width:56px;height:56px}
.mc-migas{display:flex;flex-wrap:wrap;gap:6px;font:600 14px Manrope,Arial,sans-serif;color:#4A5363}
.mc-migas a{color:#7A4317;min-height:44px;display:inline-flex;align-items:center}
.mc-migas span{display:inline-flex;align-items:center}
/* Bienvenida: el «video» hecho con HTML/CSS (≈7 s). Sin la clase .bv-corre (o con movimiento reducido) se ve el cuadro final quieto. */
.bv-escena{position:relative;overflow:hidden;border-radius:26px;aspect-ratio:4/5;max-height:560px;width:100%;background:radial-gradient(120% 90% at 20% 10%,#2C3A52 0%,#1E2530 45%,#141A26 100%);color:#fff;isolation:isolate;box-shadow:0 20px 50px rgba(20,26,38,.28)}
@media (min-width:720px){.bv-escena{aspect-ratio:16/9}}
.bv-fondo span{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;z-index:-1}
.bv-fondo span:nth-child(1){width:60%;height:60%;left:-10%;top:-15%;background:rgba(213,132,69,.55)}
.bv-fondo span:nth-child(2){width:50%;height:50%;right:-12%;bottom:-10%;background:rgba(80,110,170,.5)}
.bv-fondo span:nth-child(3){width:30%;height:30%;left:40%;top:55%;background:rgba(213,132,69,.3)}
.bv-hola,.bv-marca,.bv-saludo{position:absolute;left:50%;margin:0;text-align:center;white-space:nowrap}
.bv-hola{top:16%;transform:translate(-50%,-50%) scale(.6);display:flex;align-items:center;gap:12px;font:800 clamp(34px,10vw,72px)/1 Archivo,Arial,sans-serif;color:rgba(255,255,255,.88)}
.bv-letras span{display:inline-block}
.bv-onda{display:inline-flex;gap:4px;align-items:center;height:.7em}
.bv-onda i{display:block;width:5px;height:40%;border-radius:3px;background:var(--naranja)}
.bv-caret{width:4px;height:.9em;background:var(--naranja);border-radius:2px;opacity:0}
.bv-marca{top:46%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:.25em;font:800 clamp(40px,12vw,92px)/1 Archivo,Arial,sans-serif;letter-spacing:-.03em}
.bv-grupo{font-weight:600;color:rgba(255,255,255,.75);font-size:.55em;letter-spacing:.02em}
.bv-pointer{color:#fff}
.bv-puntero{position:relative;width:.5em;height:.5em;align-self:center;color:var(--naranja)}
.bv-puntero svg{width:100%;height:100%;fill:currentColor;stroke:#fff;stroke-width:1.2}
.bv-clic{position:absolute;left:0;top:0;width:.5em;height:.5em;border-radius:50%;border:2px solid var(--naranja);opacity:0}
.bv-saludo{top:68%;transform:translate(-50%,-50%);font:600 clamp(18px,5vw,30px)/1.25 Manrope,Arial,sans-serif;color:rgba(255,255,255,.92);white-space:normal;width:88%}
.bv-saludo strong{color:#F3B27F}
.bv-repetir{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.bv-repetir svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.bv-repetir:focus-visible{outline:3px solid #F3B27F;outline-offset:2px}
.bv-corre .bv-hola{animation:bv-hola-sube .8s 2.3s cubic-bezier(.2,.7,.2,1) both}
.bv-corre .bv-letras span{animation:bv-letra .01s steps(1) both;animation-delay:calc(.35s + var(--i)*.11s)}
.bv-corre .bv-onda i{animation:bv-voz .45s ease-in-out 5 alternate both}
.bv-corre .bv-onda i:nth-child(2){animation-delay:.12s}.bv-corre .bv-onda i:nth-child(3){animation-delay:.24s}.bv-corre .bv-onda i:nth-child(4){animation-delay:.06s}
.bv-corre .bv-caret{animation:bv-caret .5s steps(1) 6 both}
.bv-corre .bv-marca{animation:bv-entra .9s 3s cubic-bezier(.2,.7,.2,1) both}
.bv-corre .bv-puntero{animation:bv-puntero 1s 3.1s cubic-bezier(.2,.7,.2,1) both}
.bv-corre .bv-clic{animation:bv-clic .7s 4s ease-out both}
.bv-corre .bv-saludo{animation:bv-entra .9s 4.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes bv-hola-sube{from{top:46%;transform:translate(-50%,-50%) scale(1);color:#fff}to{top:16%;transform:translate(-50%,-50%) scale(.6)}}
@keyframes bv-letra{from{opacity:0}to{opacity:1}}
@keyframes bv-voz{from{height:20%}to{height:100%}}
@keyframes bv-caret{0%{opacity:1}50%{opacity:0}}
@keyframes bv-entra{from{opacity:0;transform:translate(-50%,-30%);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:none}}
@keyframes bv-puntero{from{transform:translate(1.5em,1em) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
@keyframes bv-clic{from{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}
@media (prefers-reduced-motion:reduce){.bv-escena *{animation:none!important}}
.mc-bv-txt{display:grid;gap:4px}
.mc-acreedor{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mc-acreedor li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(32,39,56,.1)}
.mc-acreedor strong{font:800 18px/1.25 Archivo,Arial,sans-serif;color:var(--navy)}
.mc-acreedor p{margin:4px 0 0;color:#4A5363;font-size:15px;line-height:1.45}
/* Mi cuenta */
.mc-cab{display:grid;gap:2px}
.mc-sector{border:1px solid rgba(32,39,56,.12);border-radius:18px;background:rgba(255,255,255,.7);overflow:hidden}
.mc-sector summary{cursor:pointer;min-height:56px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font:800 17px Archivo,Arial,sans-serif;color:var(--navy);list-style-position:inside}
.mc-sector summary small{font:600 13px Manrope,Arial,sans-serif;color:#4A5363}
.mc-motores{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:8px}
.mc-motor{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(32,39,56,.08)}
.mc-motor.abierto{border:2px solid var(--naranja);background:#FFF8F2}
.mc-motor-n{font:700 15px/1.3 Manrope,Arial,sans-serif;color:var(--navy);text-decoration:none}
.mc-motor-n:hover{text-decoration:underline}
.mc-motor p{margin:2px 0 0;font-size:13px;line-height:1.35;color:#4A5363}
.mc-motor>a{flex:none}
.mc-agregar svg{width:16px;height:16px}
.mc-form{gap:14px}
.mc-campo{display:grid;gap:6px;font:700 14px Manrope,Arial,sans-serif;color:var(--navy)}
.mc-campo input{min-height:48px;width:100%;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(32,39,56,.28);background:#fff;font:500 16px Manrope,Arial,sans-serif;color:var(--navy)}
.mc-clave{position:relative;display:block}
.mc-clave input{padding-right:52px}
.mc-ver{position:absolute;right:2px;top:2px;width:44px;height:44px;border:0;background:none;color:#3D4656;display:grid;place-items:center;cursor:pointer;border-radius:10px}
.mc-ver[aria-pressed="true"]{color:#7A4317}
.mc-salir{justify-self:start;min-width:160px}
/* Motor Clases */
.mc-tabla{width:100%;border-collapse:collapse;font:500 15px Manrope,Arial,sans-serif}
.mc-tabla th,.mc-tabla td{padding:10px 6px;border-bottom:1px solid rgba(32,39,56,.1);text-align:right;vertical-align:top}
.mc-tabla th[scope=row],.mc-tabla thead th:first-child{text-align:left;color:var(--navy)}
.mc-tabla thead th{font:700 12px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#4A5363}
.mc-tabla small{display:block;font-weight:500;color:#4A5363}
.mc-nota{margin:0;font-size:14px;line-height:1.45;color:#3D4656}
.mc-paquetes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mc-paquete{min-height:88px;display:grid;gap:2px;align-content:center;text-align:left;padding:12px 14px;border-radius:16px;border:1.5px solid rgba(32,39,56,.15);background:#fff;color:var(--navy);cursor:pointer;font:500 14px Manrope,Arial,sans-serif}
.mc-paquete strong{font:800 20px Archivo,Arial,sans-serif}
.mc-paquete small{color:#4A5363}
.mc-paquete:hover{border-color:var(--naranja)}
.mc-libre{display:grid;gap:10px}
.mc-cal{display:grid;gap:10px}
.mc-dia{padding:12px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid rgba(32,39,56,.1)}
.mc-dia h4{margin:0 0 8px;font:700 15px Manrope,Arial,sans-serif;color:var(--navy)}
.mc-horas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mc-hora{min-height:48px;border-radius:12px;display:grid;place-items:center;align-content:center;font:700 15px Manrope,Arial,sans-serif;border:1.5px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer;padding:4px}
.mc-hora:hover{background:var(--navy);color:#fff}
.mc-hora.ocupada{border-style:dashed;border-color:rgba(32,39,56,.3);color:#5B6474;background:#F2F3F5;cursor:default}
.mc-hora.tuya{border:2px solid var(--naranja);background:#FFF1E4;color:#5A3212}
.mc-hora small{font:600 11px Manrope,Arial,sans-serif}
.mc-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mc-clase{display:grid;gap:10px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(32,39,56,.1)}
.mc-clase strong{display:block;font:800 17px Archivo,Arial,sans-serif;color:var(--navy)}
.mc-clase span{color:#4A5363;font-size:14px}
.mc-clase.cancelada{opacity:.7}
.mc-dialogo{border:0;border-radius:22px;padding:22px;width:min(440px,calc(100vw - 32px));box-shadow:0 30px 80px rgba(20,26,38,.35)}
.mc-dialogo::backdrop{background:rgba(20,26,38,.55)}
.mc-dialogo form{display:grid;gap:12px}
.mc-dialogo p{margin:0;font:600 17px/1.4 Manrope,Arial,sans-serif;color:var(--navy)}
.mc-acceso{display:grid;gap:10px;margin:18px 0 0;padding:18px;border-radius:18px;background:#FDF0E6;border:1.5px solid var(--naranja);color:#3A2410}
.mc-acceso strong{font:800 19px/1.25 Archivo,Arial,sans-serif;color:var(--navy)}
.mc-acceso p{margin:0}
.mc-acceso .btn-primary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.mc-acceso svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
@media (min-width:720px){
 .mc{padding-block:40px 120px;gap:28px}
 .mc-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mc-paquetes{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mc-libre{grid-template-columns:minmax(0,320px) auto;align-items:end;justify-content:start}
 .mc-libre .mc-msj{grid-column:1/-1}
 .mc-cal{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
 .mc-clase{grid-template-columns:1fr auto;align-items:center}
 .mc-motores{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
 .mc-acciones>*{flex:0 1 auto}
 .mc-grande{width:auto;padding-inline:32px}
}
/* Tu programa: 12 semanas, 24 clases; la siguiente resaltada */
.mc-programa,.mc-sem-clases{list-style:none;margin:0;padding:0}
.mc-programa{display:grid;gap:10px}
.mc-semana{padding:14px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid rgba(32,39,56,.1);display:grid;gap:8px}
.mc-sem-n{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7A4317}
.mc-sem-t{font:800 16px/1.3 Archivo,Arial,sans-serif;color:var(--navy)}
.mc-sem-clases{display:grid;gap:6px}
.mc-tema{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;align-items:center;padding:8px;border-radius:12px;font:500 15px/1.35 Manrope,Arial,sans-serif;color:#2E3746}
.mc-tema-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#EEF1F5;font:800 14px Archivo,Arial,sans-serif;color:var(--navy)}
.mc-tema em{font-style:normal;font-weight:700;color:#7A4317}
.mc-tema.tomada{color:#5B6474}.mc-tema.tomada .mc-tema-n{background:#E3F4EA;color:#14532D}
.mc-tema.siguiente{background:#FFF1E4;border:2px solid var(--naranja)}.mc-tema.siguiente .mc-tema-n{background:var(--naranja);color:#1E2530}
.mc-traer{grid-column:1/-1;margin-top:4px}
.mc-traer summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:700 15px Manrope,Arial,sans-serif;color:#7A4317}
.mc-traer ul{margin:4px 0 8px;padding-left:20px;display:grid;gap:6px}
.mc-traer p{margin:0;font-size:14px;color:#3D4656}
@media (min-width:720px){.mc-programa{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mc-prueba strong{white-space:nowrap}
.mc-prueba.corta{padding:0;background:none;border:0;color:#4A5363;font-size:14px}