/* TRANSMITE · Catálogo de clases grabadas. Cargar DESPUÉS de main.css y catalogo-transmite.css */
.mmn-page{--mmn-primary:var(--at-theme-primary,#4e1269);--mmn-fg:var(--tx-text,#1b1b24);--mmn-muted:var(--tx-muted,#686977);--mmn-panel:var(--tx-bg,#fff);--mmn-edge:var(--tx-border,#e3e4e9);background:var(--tx-bg,#fff);color:var(--mmn-fg);padding:clamp(28px,5vw,70px) 0 90px}
.mmn-page *{box-sizing:border-box}
.mmn-container{max-width:1320px}
.mmn-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;gap:20px;min-height:380px;padding:clamp(30px,5vw,68px);border-radius:30px;overflow:hidden;background:linear-gradient(115deg,#171323 0%,#301843 55%,#4e1269 100%);color:#fff}
.mmn-hero::before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 75% 50%,rgba(179,110,255,.24),transparent 35%)}
.mmn-eyebrow,.mmn-module,.mmn-overline{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.mmn-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:#f2e9ff}
.mmn-status-dot{width:7px;height:7px;border-radius:50%;background:#4ae7bd;box-shadow:0 0 0 4px rgba(74,231,189,.14)}
.mmn-module{margin:30px 0 13px;color:#cab2e3}.mmn-module span{padding:0 8px;color:#a785c6}
.mmn-hero h1{margin:0;font-size:clamp(32px,4vw,59px);line-height:1.08;letter-spacing:-.045em;font-weight:800;color:#fff}.mmn-hero h1 em{font-style:normal;color:#dbb0ff}
.mmn-lead{max-width:570px;font-size:clamp(14px,1.5vw,17px);line-height:1.75;color:#e0d4ec;margin:23px 0}.mmn-hero-tags{display:flex;gap:12px;flex-wrap:wrap}.mmn-hero-tags span{font-size:12px;color:#eee4f8;border:1px solid rgba(255,255,255,.21);padding:8px 12px;border-radius:999px}
.mmn-hero-art{position:relative;display:grid;place-items:center;min-height:275px}.mmn-art-ring{position:absolute;width:min(90%,290px);aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 75px rgba(255,255,255,.035)}.mmn-art-play{display:grid;place-items:center;width:118px;height:118px;padding-left:7px;border-radius:32px;background:linear-gradient(140deg,#c28bfa,#8143c4);box-shadow:0 22px 55px rgba(0,0,0,.23);color:#fff;font-size:43px;transform:rotate(-8deg)}.mmn-art-tag{position:absolute;bottom:0;right:0;font-weight:900;font-size:12px;letter-spacing:.1em;color:#fff}.mmn-art-tag span{display:block;font-size:9px;font-weight:600;color:#c4add6;letter-spacing:.15em}
.mmn-list-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:clamp(35px,5vw,65px) 0 25px}.mmn-overline{color:var(--mmn-primary)}.mmn-list-header h2{font-size:clamp(26px,3vw,39px);font-weight:800;letter-spacing:-.035em;color:var(--mmn-fg);margin:9px 0}.mmn-list-header p{margin:0;color:var(--mmn-muted);font-size:15px}.mmn-counter{white-space:nowrap;border-radius:99px;border:1px solid var(--mmn-edge);padding:11px 18px;font-size:13px;font-weight:700;color:var(--mmn-fg)}
.mmn-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mmn-lesson{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--mmn-panel);border:1px solid var(--mmn-edge);border-radius:20px;text-decoration:none!important;color:var(--mmn-fg)!important;box-shadow:0 8px 26px rgba(18,12,35,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mmn-lesson:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(35,18,54,.13);border-color:var(--mmn-primary)}.mmn-lesson:focus-visible{outline:3px solid var(--mmn-primary);outline-offset:3px}
.mmn-lesson-thumb{height:145px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 72% 20%,rgba(213,166,255,.35),transparent 45%),linear-gradient(135deg,#28203a,#553078);overflow:hidden}
.mmn-lesson-thumb::before,.mmn-lesson-thumb::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:240px;height:240px;top:-125px;right:-32px}.mmn-lesson-thumb::after{width:200px;height:200px;top:52px;left:-85px}
.mmn-lesson-play{z-index:1;display:grid;place-items:center;padding-left:4px;width:55px;height:55px;border-radius:50%;background:#fff;color:#52236f;font-size:19px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .25s}.mmn-lesson:hover .mmn-lesson-play{transform:scale(1.12)}
.mmn-lesson-body{display:flex;flex-direction:column;flex:1;padding:23px}.mmn-lesson-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--mmn-muted)}.mmn-lesson-sep{padding:0 5px;color:var(--mmn-primary)}.mmn-lesson-title{font-size:22px;letter-spacing:-.03em;line-height:1.3;margin:12px 0 6px;color:var(--mmn-fg);font-weight:800}.mmn-lesson-desc{font-size:13px;color:var(--mmn-muted)}.mmn-lesson-cta{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding-top:16px;border-top:1px solid var(--mmn-edge);font-size:13px;font-weight:800;color:var(--mmn-primary)}.mmn-lesson-cta span{font-size:20px}
.mmn-help{font-size:13px;color:var(--mmn-muted);margin:28px 0 0}
/* Modal: se mantienen exactamente los identificadores que maneja el script existente */
.mmn-page .video-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(8,6,15,.92);padding:64px 18px 25px;overflow-y:auto}
.mmn-page .video-contenedor{position:relative;width:min(100%,1050px);max-width:1050px;aspect-ratio:16/9;margin:0 auto;background:#000;border-radius:15px;box-shadow:0 28px 90px rgba(0,0,0,.5)}
.mmn-page .video-contenedor iframe,.mmn-page .video-contenedor video{display:block;width:100%;height:100%;border:0;border-radius:15px}
.mmn-page .cerrar-video{position:absolute;right:0;top:-48px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;color:#fff!important;background:rgba(255,255,255,.17);text-decoration:none;font-size:18px}
[data-bs-theme="dark"] .mmn-page{--mmn-fg:#f5f1fa;--mmn-muted:#bcb2c6;--mmn-panel:#19151f;--mmn-edge:#38303e}
@media(max-width:991px){.mmn-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.mmn-hero{grid-template-columns:1fr}.mmn-hero-art{display:none}}
@media(max-width:600px){.mmn-page{padding:20px 0 55px}.mmn-hero{border-radius:19px;padding:30px 24px;min-height:auto}.mmn-hero h1{font-size:clamp(30px,8vw,43px)}.mmn-list-header{align-items:start;flex-direction:column}.mmn-lessons{grid-template-columns:1fr;gap:16px}.mmn-lesson{flex-direction:row;min-height:144px;border-radius:15px}.mmn-lesson-thumb{width:112px;min-width:112px;height:auto}.mmn-lesson-body{padding:16px;min-width:0}.mmn-lesson-title{font-size:19px;margin:9px 0 4px}.mmn-lesson-desc{font-size:12px}.mmn-lesson-cta{margin-top:12px;padding-top:9px}.mmn-lesson-kicker{font-size:9px}.mmn-page .video-overlay{padding:72px 10px 15px}.mmn-page .video-contenedor{border-radius:8px}.mmn-page .video-contenedor iframe,.mmn-page .video-contenedor video{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.mmn-lesson,.mmn-lesson-play{transition:none}}
