.recorded-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-top:46px;padding-bottom:46px}.recorded-hero h1{font-size:clamp(42px,5.4vw,72px);text-transform:none;line-height:1.05}.recorded-hero .lead{font-size:20px}.recorded-promo{padding:18px;border:1px solid var(--cyan);border-radius:26px;background:#06142c;animation:recorded-glow 2.4s ease-in-out infinite}.recorded-promo .poster-open img{height:430px;width:100%;object-fit:contain;background:#030816;border-radius:14px}.recorded-promo>a{display:block;text-align:center;font-weight:800;color:var(--lime);padding:18px 0 2px}.catalog-tools{display:grid;grid-template-columns:2fr 1fr;gap:18px}.catalog-tools label{display:grid;gap:10px;font-weight:700;color:var(--muted)}input,select{width:100%;min-width:0;background:#08182e;color:white;border:1px solid var(--line);border-radius:14px;padding:16px;font:inherit}select option{background:#08182e}input:focus,select:focus{outline:2px solid var(--cyan)}#result-count{color:var(--muted);margin:22px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0c2448,#071227)}.catalog-card h3{margin:6px 0 20px;font-size:21px;line-height:1.3}.catalog-card .kicker{font-size:10px}.recorded-label{color:var(--muted);font-size:13px;margin-top:auto}.catalog-card a{display:flex;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--lime);font-weight:800}.catalog-card[hidden]{display:none}#empty{padding:26px;border:1px dashed var(--cyan);border-radius:18px}#empty a{color:var(--cyan);text-decoration:underline}#catalogo,#afiches,#areas{scroll-margin-top:100px}.purchase-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.purchase-steps article{border:1px solid var(--line);border-radius:22px;padding:26px}.purchase-steps span{font-size:32px;font-weight:900;color:var(--cyan)}.purchase-steps p{color:var(--muted);line-height:1.6}.footer{padding-bottom:110px}#poster-dialog{padding:12px;background:#041127;border:1px solid var(--cyan);border-radius:20px;max-width:95vw;max-height:95vh;overflow:auto}#poster-dialog::backdrop{background:#000d}#poster-dialog img{max-height:86vh;width:auto;max-width:100%;object-fit:contain}.dialog-close{position:sticky;float:right;top:0;right:0;min-width:44px;height:44px;border:1px solid var(--cyan);border-radius:50%;background:#041127;font-size:30px;cursor:pointer}.course-poster .btn{white-space:normal}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:820px){.recorded-hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.recorded-hero h1{font-size:44px}.recorded-promo{max-width:520px;width:100%;margin:auto}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-steps{grid-template-columns:1fr}.recorded-hero .lead{font-size:18px}}
@media(max-width:520px){.catalog-tools,.catalog-grid{grid-template-columns:1fr}.recorded-hero h1{font-size:39px}.recorded-promo .poster-open img{height:auto}.recorded-hero .btn{white-space:normal}.catalog-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.recorded-promo{animation:none}html{scroll-behavior:auto}}
.recorded-promo{min-width:0}.recorded-window{overflow:hidden;touch-action:pan-y}.recorded-track{display:flex;transition:transform .5s ease}.recorded-slide{flex:0 0 100%;min-width:0}.recorded-slide-link{display:flex;align-items:center;justify-content:center;min-height:66px;text-align:center;font-weight:800;color:var(--lime);padding:14px 6px}.recorded-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.recorded-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#0b2540;cursor:pointer}.recorded-count{font-size:13px;color:var(--muted);min-width:50px;text-align:center}.recorded-promo .poster-open img{height:430px;object-fit:contain}.recorded-slide img{user-select:none;-webkit-user-drag:none}
@media(max-width:520px){.recorded-promo .poster-open img{height:auto;aspect-ratio:4/5}.recorded-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.recorded-track{transition:none}}

.course-poster{content-visibility:auto;contain-intrinsic-size:auto 720px}