/* Sense U · sección «Clases en línea» de la portada ([senseu_en_linea]): franja ciruela con oro, «Próximamente» o módulos. */
.sul{position:relative;overflow:hidden;padding:clamp(64px,9vw,112px) 0;color:#F7F0FA;text-align:center;
  background:radial-gradient(700px 420px at 85% 0%,rgba(240,107,240,.22),transparent 65%),radial-gradient(700px 500px at 0% 100%,rgba(184,48,159,.25),transparent 60%),linear-gradient(160deg,#2A1438,#140A1D 70%)}
.sul::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,231,160,.035) 42px 43px);pointer-events:none}
.sul-envoltura{position:relative;max-width:760px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
.sul-eyebrow{display:block;font:500 .74rem/1 var(--f-texto,"Jost",sans-serif);letter-spacing:.24em;text-transform:uppercase;color:#E7C676;margin-bottom:14px}
.sul h2{font-family:var(--f-display,"Bodoni Moda",Georgia,serif);font-weight:400;font-size:clamp(2.4rem,7vw,4rem);line-height:1.04;margin:0;color:#fff;text-shadow:0 0 22px rgba(240,107,240,.35)}
.sul h2::after{content:"";display:block;width:90px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,#B8862E 15%,#F6E0A0 50%,#B8862E 85%,transparent)}
.sul-texto{max-width:560px;margin:20px auto 0;color:#DCCDE9;font-size:1.06rem;line-height:1.6}
.sul-texto em{font-family:var(--f-display,"Bodoni Moda",Georgia,serif);color:#F6E0A0}
.sul-pronto{display:inline-block;margin-top:26px;padding:9px 22px;border-radius:999px;border:1px solid rgba(231,198,118,.6);color:#F6E0A0;font:500 .82rem/1 var(--f-texto,"Jost",sans-serif);letter-spacing:.22em;text-transform:uppercase;animation:sul-brillo 3.2s ease-in-out infinite}
@keyframes sul-brillo{50%{box-shadow:0 0 22px rgba(231,198,118,.35);color:#FFF4CF}}
.sul-avisame{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:480px;margin:26px auto 0}
.sul-avisame input{min-height:52px;border-radius:999px;border:1px solid rgba(231,198,118,.4);background:rgba(255,255,255,.06);color:#fff;padding:0 22px;font:400 1rem var(--f-texto,"Jost",sans-serif);text-align:center}
.sul-avisame input::placeholder{color:rgba(220,205,233,.6)}
.sul-avisame input:focus{outline:none;border-color:#F6E0A0;box-shadow:0 0 0 3px rgba(231,198,118,.18)}
.sul-avisame button,.sul-boton{min-height:52px;border-radius:999px;border:1px solid rgba(110,74,18,.55);cursor:pointer;padding:0 26px;font:500 .9rem/1 var(--f-texto,"Jost",sans-serif);letter-spacing:.06em;color:#2A1438;text-decoration:none;
  background:linear-gradient(135deg,#B8862E 0%,#E7C676 18%,#FBECBC 36%,#DDB25C 54%,#C89A42 68%,#F2DC9C 86%,#CFA04A 100%);transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center}
.sul-avisame button:hover,.sul-boton:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(255,190,80,.4);color:#2A1438}
.sul-avisame button[disabled]{opacity:.6}
.sul-msj{margin:4px 0 0;color:#C9F5DD;font-size:.95rem}
.sul-msj.mal{color:#FFC2CD}
.sul-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sul-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:34px 0 28px;text-align:left}
.sul-mod{display:grid;gap:6px;text-decoration:none;color:#fff;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(231,198,118,.25);padding-bottom:16px;transition:transform .25s,box-shadow .25s}
.sul-mod:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.4);color:#fff}
.sul-portada{display:block;aspect-ratio:4/3;background:radial-gradient(circle at 30% 20%,rgba(240,107,240,.35),transparent 60%),#2A1438;position:relative}
.sul-portada img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sul-mod b{font:400 1.3rem/1.15 var(--f-display,"Bodoni Moda",Georgia,serif);padding:8px 16px 0}
.sul-mod small{color:#DCCDE9;padding:0 16px}
@media (min-width:640px){.sul-avisame{grid-template-columns:minmax(0,1fr) auto}.sul-avisame input{text-align:left}.sul-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}.sul-envoltura{max-width:1100px}.sul-texto,.sul-avisame{margin-left:auto;margin-right:auto}}
@media (prefers-reduced-motion:reduce){.sul-pronto{animation:none}}
