:root{
  --naranja:#F26722; --naranja-osc:#D9531A;
  --azul:#0D144D; --azul-2:#1A2266;
  --arena:#F2E8D7; --arena-2:#E9DCC5;
  --carbon:#1B1B1B; --oro:#D4AF37;
  --blanco:#FFFDF9;
  --serif:"Playfair Display", Georgia, "Times New Roman", serif;
  --sans:"Jost", "Helvetica Neue", Arial, sans-serif;
  --ancho:1080px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--arena);color:var(--carbon);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px}
.envoltorio{max-width:var(--ancho);margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.12;margin:0}
h2{font-size:clamp(1.9rem,4.2vw,2.7rem);max-width:22ch}
p{margin:0 0 1em}

/* ---------- Barra de oferta ---------- */
.oferta-bar{background:var(--naranja);color:#fff;text-align:center;font-weight:500;font-size:.95rem;padding:9px 16px}
.oferta-bar strong{font-weight:600;letter-spacing:.02em}

/* ---------- Cabecera mínima (sin menú: una página, una decisión) ---------- */
.cabecera{background:var(--azul);color:var(--arena)}
.cabecera .envoltorio{display:flex;align-items:center;justify-content:space-between;height:64px}
.marca{font-family:var(--serif);font-size:1.25rem;text-decoration:none;color:var(--arena)}
.marca span{color:var(--naranja)}
.cabecera .ayuda{font-size:.9rem;color:#C9C6D8;text-decoration:none}
.cabecera .ayuda:hover{color:#fff}

/* ---------- Hero: el visor de cámara es el elemento memorable ---------- */
.hero{background:var(--azul);color:var(--arena);padding:28px 0 72px;overflow:hidden}
.hero .envoltorio{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.6rem);color:#fff;max-width:15ch}
.hero .sub{font-size:1.15rem;color:#D7D4E4;max-width:34ch;margin:22px 0 28px}
.precio{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.precio .ahora{font-family:var(--serif);font-size:2.6rem;color:#fff;line-height:1}
.precio .antes{font-size:1.2rem;color:#A9A5BF;text-decoration:line-through}
.precio .hasta{font-size:.95rem;color:var(--oro);width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--naranja);color:#fff;text-decoration:none;font:600 1.05rem/1 var(--sans);padding:18px 28px;border-radius:6px;border:0;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--naranja-osc)}
.btn.secundario{background:transparent;color:var(--azul);box-shadow:inset 0 0 0 2px var(--azul)}
.btn.secundario:hover{background:var(--azul);color:#fff}
.tranquilidad{margin-top:16px;font-size:.9rem;color:#B9B5CC}

.visor{position:relative;aspect-ratio:16/10;background:#060a2c url('https://www.continiumsessions.es/img/video-poster.jpg') center/cover;border-radius:4px}
.visor video{width:100%;height:100%;object-fit:cover;border-radius:4px}
.visor .esquina{position:absolute;width:30px;height:30px;border-color:rgba(255,255,255,.85);border-style:solid;pointer-events:none}
.visor .e1{top:14px;left:14px;border-width:2px 0 0 2px}
.visor .e2{top:14px;right:14px;border-width:2px 2px 0 0}
.visor .e3{bottom:14px;left:14px;border-width:0 0 2px 2px}
.visor .e4{bottom:14px;right:14px;border-width:0 2px 2px 0}
.visor .rec{position:absolute;top:20px;left:54px;display:flex;align-items:center;gap:8px;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.08em}
.visor .rec::before{content:"";width:10px;height:10px;border-radius:50%;background:#E5322B;animation:parpadeo 1.6s steps(2,start) infinite}
.visor .tercios{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.18) calc(33.33% - .5px),rgba(255,255,255,.18) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.18) calc(66.66% - .5px),rgba(255,255,255,.18) calc(66.66% + .5px),transparent calc(66.66% + .5px)),
  linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(255,255,255,.18) calc(33.33% - .5px),rgba(255,255,255,.18) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.18) calc(66.66% - .5px),rgba(255,255,255,.18) calc(66.66% + .5px),transparent calc(66.66% + .5px))}
.visor .sonido{position:absolute;right:56px;bottom:16px;background:rgba(13,20,77,.8);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:40px;font:500 .85rem var(--sans);padding:8px 14px;cursor:pointer}
.visor-pie{display:flex;justify-content:space-between;margin-top:10px;font-size:.85rem;color:#A9A5BF}
@keyframes parpadeo{to{visibility:hidden}}

/* ---------- Problema ---------- */
.seccion{padding:88px 0}
.problema .intro{max-width:56ch;font-size:1.1rem;margin:20px 0 44px}
.fallos{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--azul)}
.fallo{padding:24px 22px 8px 0}
.fallo + .fallo{padding-left:22px;border-left:1px solid var(--arena-2)}
.fallo h3{font-size:1.35rem;color:var(--azul);margin-bottom:8px}
.fallo p{font-size:1rem;color:#444}

/* ---------- Qué aprendes ---------- */
.aprendes{background:var(--blanco)}
.aprendes .envoltorio{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.lista-aprendes{list-style:none;margin:0;padding:0}
.lista-aprendes li{padding:18px 0 18px 36px;border-bottom:1px solid var(--arena-2);position:relative}
.lista-aprendes li::before{content:"";position:absolute;left:0;top:26px;width:16px;height:10px;border-left:2.5px solid var(--naranja);border-bottom:2.5px solid var(--naranja);transform:rotate(-45deg)}
.lista-aprendes strong{display:block;font-weight:600;color:var(--azul)}
.lista-aprendes span{font-size:1rem;color:#555}

/* ---------- Niveles ---------- */
.niveles .intro{max-width:52ch;margin:18px 0 40px}
.planes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.plan{background:var(--blanco);padding:34px 30px;border-radius:6px;display:flex;flex-direction:column}
.plan.destacado{background:var(--azul);color:var(--arena)}
.plan .etiqueta{align-self:flex-start;font-size:.85rem;font-weight:500;background:var(--oro);color:var(--azul);padding:4px 12px;border-radius:40px;margin-bottom:16px}
.plan h3{font-size:1.6rem;margin-bottom:6px}
.plan.destacado h3{color:#fff}
.plan .para{font-size:1rem;opacity:.85;margin-bottom:18px}
.plan .precio .ahora{font-size:2.2rem;color:inherit}
.plan.destacado .precio .ahora{color:#fff}
.plan .precio .antes{color:#8A8599}
.plan ul{margin:0 0 26px;padding-left:20px;font-size:1rem}
.plan li{margin-bottom:6px}
.plan .btn{margin-top:auto;width:100%}

/* ---------- Lara ---------- */
.lara{background:var(--azul);color:var(--arena)}
.lara .envoltorio{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:center}
.lara img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:var(--azul-2)}
.lara h2{color:#fff}
.lara blockquote{font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.45;color:#fff;margin:24px 0;padding-left:20px;border-left:3px solid var(--naranja)}
.lara a{color:var(--oro)}

/* ---------- Después de pagar (sí es una secuencia: se numera) ---------- */
.pasos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:paso}
.pasos li{counter-increment:paso;position:relative;padding-top:58px}
.pasos li::before{content:counter(paso);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:var(--naranja);color:#fff;font:700 1.2rem/42px var(--serif);text-align:center}
.pasos strong{display:block;color:var(--azul);font-size:1.1rem;margin-bottom:4px}
.pasos span{font-size:1rem;color:#555}
.garantia{margin-top:48px;padding:26px 28px;background:var(--blanco);border-left:4px solid var(--oro);max-width:64ch}
.garantia strong{color:var(--azul)}.garantia a{color:var(--azul)}

/* ---------- FAQ ---------- */
.faq{background:var(--blanco)}
.faq .envoltorio{max-width:780px}
.faq details{border-bottom:1px solid var(--arena-2)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:1.08rem;color:var(--azul);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:16px;font:400 1.8rem var(--sans);color:var(--naranja);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;margin:0;color:#444}
.faq h2{margin-bottom:24px}

/* ---------- Cierre ---------- */
.cierre{text-align:center}
.cierre h2{margin:0 auto 18px}
.cierre p{max-width:46ch;margin:0 auto 28px}
.cierre .precio{justify-content:center}
.cierre .precio .ahora{color:var(--azul)}
.cierre .precio .antes{color:#8A8599}
.cierre .otro{display:block;margin-top:18px;font-size:.95rem}

/* ---------- Pie ---------- */
.pie{background:var(--carbon);color:#AAA;font-size:.88rem;padding:32px 0 calc(32px + env(safe-area-inset-bottom,0px))}
.pie .envoltorio{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.pie nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.pie a{color:#CCC;text-decoration:none}
.pie a:hover{color:#fff}

/* ---------- Botón fijo en móvil ---------- */
.fijo{display:none}

/* Estado oferta: el JS pone .sin-oferta en <html> cuando termina */
.sin-oferta [data-oferta]{display:none !important}
html:not(.sin-oferta) [data-normal]{display:none !important}

@media (max-width:920px){
  .hero .envoltorio,.aprendes .envoltorio,.lara .envoltorio{grid-template-columns:1fr;gap:36px}
  .hero{padding-top:18px}
  .hero-texto{display:contents}
  .hero h1{order:1;font-size:clamp(2rem,8.4vw,2.6rem)}.visor-bloque{order:2}.hero .compra{order:3}.hero .sub{order:4;margin:0;font-size:1.05rem}
  .hero .envoltorio{gap:24px}.visor-pie{display:none}.precio{margin-bottom:14px}.precio .ahora{font-size:2.2rem}
  .fallos{grid-template-columns:1fr 1fr;border-top:0}
  .fallo,.fallo + .fallo{padding:22px 0;border-left:0;border-top:2px solid var(--azul)}
  .fallo:nth-child(even){padding-left:18px}
  .planes{grid-template-columns:1fr}
  .plan.destacado{order:-1}
  .pasos{grid-template-columns:1fr;gap:26px}
  .lara img{max-width:320px}
}
@media (max-width:600px){
  body{font-size:17px}
  .seccion{padding:64px 0}
  .fallos{grid-template-columns:1fr}
  .fallo:nth-child(even){padding-left:0}
  .fijo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:12px;align-items:center;justify-content:space-between;background:var(--azul);color:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(13,20,77,.35);transform:translateY(110%);transition:transform .25s}
  .fijo.visible{transform:none}
  .fijo .p{font-family:var(--serif);font-size:1.3rem;line-height:1.1}
  .fijo .p small{display:block;font:400 .78rem var(--sans);color:#B9B5CC}
  .fijo .btn{padding:14px 18px;font-size:1rem}
  .pie{padding-bottom:110px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .visor .rec::before{animation:none}
  .fijo{transition:none}
}

.complemento{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:28px;padding:22px 24px;background:var(--arena);border-radius:6px}
.complemento img{width:84px;aspect-ratio:3/4;object-fit:cover;border-radius:3px;background:var(--arena-2)}
.complemento strong{display:block;color:var(--azul)}
.complemento span{font-size:.95rem;color:#555}
@media (max-width:600px){.complemento{grid-template-columns:auto 1fr}.complemento .btn{grid-column:1/-1}}

/* ---------- Selector ---------- */
.selector{background:var(--azul);color:var(--arena);padding:56px 0 72px}
.selector h1{font-size:clamp(2.1rem,5vw,3.3rem);color:#fff;max-width:18ch}
.selector .sub{color:#D7D4E4;max-width:46ch;margin:18px 0 34px;font-size:1.1rem}
.opciones{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.opcion{background:var(--azul-2);color:#fff;border:2px solid rgba(255,255,255,.18);border-radius:6px;padding:22px 20px;text-align:left;font:500 1.15rem/1.3 var(--sans);cursor:pointer;transition:border-color .15s,background .15s}
.opcion small{display:block;font-size:.92rem;font-weight:400;color:#B9B5CC;margin-top:6px}
.opcion:hover{border-color:rgba(255,255,255,.5)}
.opcion[aria-pressed="true"]{border-color:var(--naranja);background:#232C7A}
.resultado{margin-top:26px;background:var(--blanco);color:var(--carbon);border-radius:6px;padding:30px 30px 26px;border-top:5px solid var(--naranja)}
.resultado[hidden]{display:none}
.resultado .para-ti{font-size:.95rem;color:var(--naranja-osc);font-weight:600;margin-bottom:6px}
.resultado h2{font-size:clamp(1.6rem,3.4vw,2.1rem);color:var(--azul);max-width:none}
.resultado p{margin:12px 0 20px;max-width:58ch}
.resultado .luego{font-size:.95rem;color:#555;margin:18px 0 0}
.resultado .acciones{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- Lista de cursos ---------- */
.catalogo h2{margin-bottom:10px}
.catalogo .intro{max-width:52ch;margin-bottom:28px}
.curso{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:26px 0;border-top:1px solid #D9CCB4}
.curso:last-child{border-bottom:1px solid #D9CCB4}
.curso h3{font-size:1.45rem;color:var(--azul);margin-bottom:4px}
.curso p{margin:0;font-size:1rem;color:#555;max-width:52ch}
.curso .importe{text-align:right;white-space:nowrap}
.curso .importe b{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--carbon)}
.curso .importe s{font-size:.95rem;color:#8A8599}
.curso .importe span{font-size:.85rem;color:#666}
.curso .btn{padding:14px 20px;font-size:.98rem;min-width:170px}
.pronto{font-size:.85rem;font-weight:500;background:var(--oro);color:var(--azul);padding:3px 10px;border-radius:40px;vertical-align:middle;margin-left:8px}

.guia{background:var(--blanco)}
.guia .envoltorio{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.guia h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}
.guia p{margin:10px 0 0;max-width:50ch}

@media (max-width:820px){
  .opciones{grid-template-columns:1fr}
  .curso{grid-template-columns:1fr auto}
  .curso .btn{grid-column:1/-1;width:100%}
}

/* =========================================================
   CAPA «MODERNO Y REDONDO» (sobrescribe la base)
   ========================================================= */
:root{--r-xl:32px;--r-lg:24px;--r-md:18px;--sombra:0 18px 40px -18px rgba(13,20,77,.28);--sombra-suave:0 8px 24px -12px rgba(13,20,77,.18)}
body{background:var(--arena)}

/* Barra de oferta: píldora flotante */
.oferta-bar{background:var(--azul);padding:10px 16px 0}
.oferta-bar > *{vertical-align:middle}
.oferta-bar{display:flex;justify-content:center}
.oferta-bar{color:#fff}
.oferta-bar::before{content:"";display:none}
.oferta-bar{font-size:.9rem}
.oferta-bar{position:relative}
.oferta-bar{padding:12px 16px 0}
.oferta-bar{background:var(--azul)}
.oferta-bar strong{background:var(--naranja);color:#fff;padding:3px 10px;border-radius:999px;margin-right:6px}
.cabecera .envoltorio{height:76px}
.marca{font-size:1.3rem}
.cabecera .ayuda{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 16px;border-radius:999px;color:#fff}
.cabecera .ayuda:hover{background:rgba(255,255,255,.16)}

/* Botones en píldora */
.btn{border-radius:999px;padding:18px 30px;box-shadow:0 10px 24px -10px rgba(242,103,34,.7);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(242,103,34,.8)}
.btn.secundario{box-shadow:inset 0 0 0 2px var(--azul)}
.btn.secundario:hover{box-shadow:inset 0 0 0 2px var(--azul);transform:translateY(-1px)}

/* Hero con brillo cálido y esquinas inferiores redondas */
.hero{position:relative;border-radius:0 0 var(--r-xl) var(--r-xl);padding-bottom:84px;
  background:radial-gradient(60% 70% at 88% 30%,rgba(242,103,34,.28),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(212,175,55,.14),transparent 70%),var(--azul)}
.cabecera{position:relative;z-index:2}
.precio .antes{text-decoration-thickness:2px}
.precio .hasta{display:inline-block;width:auto;background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.35);padding:5px 12px;border-radius:999px;font-size:.88rem;margin-top:4px}
.tranquilidad{display:flex;flex-wrap:wrap;gap:6px 14px}

/* Visor redondeado y con halo */
.visor{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12)}
.visor video{border-radius:0}
.visor .esquina{border-radius:6px}
.visor .e1{border-top-left-radius:12px}.visor .e2{border-top-right-radius:12px}.visor .e3{border-bottom-left-radius:12px}.visor .e4{border-bottom-right-radius:12px}
.visor .rec{background:rgba(0,0,0,.35);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px);top:18px;left:52px}
.visor .sonido{backdrop-filter:blur(8px);background:rgba(13,20,77,.55)}
.visor-pie{padding:0 6px}

/* Problemas: baldosas redondeadas */
.fallos{border-top:0;gap:16px}
.fallo,.fallo + .fallo{background:var(--blanco);border:0;border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--sombra-suave)}
.fallo h3{display:flex;align-items:center;gap:10px}
.fallo h3::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 5px rgba(242,103,34,.15)}
.fallo p{margin:0}

/* Qué aprendes: tarjeta blanca redondeada dentro de la arena */
.aprendes{background:transparent;padding-top:0}
.aprendes .envoltorio{background:var(--blanco);border-radius:var(--r-xl);padding:56px 48px;box-shadow:var(--sombra-suave)}
.lista-aprendes{display:grid;gap:10px}
.lista-aprendes li{border:0;background:var(--arena);border-radius:var(--r-md);padding:16px 18px 16px 58px}
.lista-aprendes li::before{left:18px;top:18px;width:26px;height:26px;border:0;border-radius:50%;transform:none;
  background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat}

/* Planes */
.planes{gap:20px}
.plan{border-radius:var(--r-xl);padding:36px 32px;box-shadow:var(--sombra-suave)}
.plan.destacado{box-shadow:var(--sombra);background:radial-gradient(80% 60% at 100% 0%,rgba(242,103,34,.25),transparent 70%),var(--azul)}
.plan ul{list-style:none;padding:0}
.plan li{position:relative;padding-left:26px}
.plan li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:rgba(242,103,34,.18);box-shadow:inset 0 0 0 4px var(--naranja)}
.complemento{border-radius:var(--r-lg);background:var(--blanco);box-shadow:var(--sombra-suave)}
.complemento img{border-radius:12px}

/* Lara */
.lara{border-radius:var(--r-xl);margin:0 12px;background:radial-gradient(60% 80% at 100% 100%,rgba(242,103,34,.2),transparent 70%),var(--azul)}
.lara img{border-radius:var(--r-xl);box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
.lara blockquote{border-left:0;padding:18px 22px;background:rgba(255,255,255,.07);border-radius:var(--r-md)}

/* Pasos como tarjetas */
.pasos{gap:16px}
.pasos li{background:var(--blanco);border-radius:var(--r-lg);padding:78px 24px 26px;box-shadow:var(--sombra-suave)}
.pasos li::before{top:24px;left:24px}
.garantia{border-left:0;border-radius:var(--r-lg);box-shadow:var(--sombra-suave);position:relative;padding-left:84px}
.garantia::before{content:"";position:absolute;left:26px;top:24px;width:40px;height:40px;border-radius:50%;
  background:var(--oro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D144D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/22px no-repeat}

/* FAQ como tarjetas desplegables */
.faq{background:transparent}
.faq details{border:0;background:var(--blanco);border-radius:var(--r-md);margin-bottom:10px;padding:0 22px;box-shadow:var(--sombra-suave)}
.faq summary::after{content:"";top:50%;right:0;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--arena) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F26722' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat}
.faq summary{padding-right:48px}

/* Cierre en bloque redondeado */
.cierre .envoltorio{background:var(--blanco);border-radius:var(--r-xl);padding:60px 32px;box-shadow:var(--sombra)}

/* Pie */
.pie{border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:24px}

/* Barra fija móvil flotante */
@media (max-width:600px){
  .fijo{left:10px;right:10px;bottom:10px;border-radius:999px;padding:10px 10px 10px 22px;margin-bottom:env(safe-area-inset-bottom,0px)}
  .aprendes .envoltorio{padding:36px 20px;border-radius:var(--r-lg);margin:0 12px;width:auto}
  .lara{margin:0 8px}
  .cierre .envoltorio{margin:0 12px;padding:44px 20px;width:auto}
  .hero{border-radius:0 0 var(--r-lg) var(--r-lg)}
}
@media (max-width:920px){
  .fallos{grid-template-columns:1fr 1fr}
  .fallo,.fallo + .fallo,.fallo:nth-child(even){padding:22px 20px;border-top:0}
}
@media (max-width:600px){.fallos{grid-template-columns:1fr}}

/* ---------- Página /cursos ---------- */
.selector{border-radius:0 0 var(--r-xl) var(--r-xl);background:radial-gradient(60% 70% at 90% 20%,rgba(242,103,34,.26),transparent 70%),var(--azul)}
.opcion{border-radius:var(--r-lg);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);padding:24px 22px}
.opcion:hover{background:rgba(255,255,255,.1)}
.opcion[aria-pressed="true"]{background:rgba(242,103,34,.18);border-color:var(--naranja)}
.resultado{border-top:0;border-radius:var(--r-xl);box-shadow:var(--sombra);padding:34px 32px}
.resultado .para-ti{display:inline-block;background:rgba(242,103,34,.12);padding:4px 12px;border-radius:999px}
.catalogo .curso{border:0;background:var(--blanco);border-radius:var(--r-lg);padding:24px 26px;margin-bottom:12px;box-shadow:var(--sombra-suave)}
.catalogo .curso:last-child{border:0}
.guia{background:transparent}
.guia .envoltorio{background:var(--blanco);border-radius:var(--r-xl);padding:44px 40px;box-shadow:var(--sombra-suave)}
@media (max-width:600px){.guia .envoltorio{margin:0 12px;width:auto;padding:32px 22px}}
@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}

.oferta-bar{display:block;text-align:center;line-height:1.9}
.oferta-bar strong{white-space:nowrap}
@media (max-width:600px){.fijo{transform:translateY(calc(100% + 40px))}.fijo.visible{transform:none}}

/* =========================================================
   CORRECCIONES DE LA AUDITORÍA (26/09)
   ========================================================= */
/* Titulares: menos saltos de línea en escritorio */
.hero h1{max-width:18ch}
h2{max-width:26ch}
.selector h1{max-width:20ch}
/* Nada puede ensanchar la página */
html,body{overflow-x:hidden}
.lara img{width:100%;max-width:100%}
.fijo .p small{font-size:.82rem}
.otro{display:inline-block}
@media (max-width:920px){
  .lara img{width:180px;height:180px;aspect-ratio:1;border-radius:50%;object-position:center 20%}
}
@media (max-width:600px){
  h2{font-size:clamp(1.6rem,7vw,2rem)}
  .hero h1{font-size:clamp(1.85rem,8.6vw,2.4rem)}
  .seccion{padding:48px 0}
  .problema .intro,.niveles .intro{margin:14px 0 24px}
  /* Problemas en 2 columnas compactas */
  .fallos{grid-template-columns:1fr 1fr;gap:10px}
  .fallo,.fallo + .fallo,.fallo:nth-child(even){padding:16px 14px}
  .fallo h3{font-size:1.05rem;gap:8px}
  .fallo h3::before{width:9px;height:9px;box-shadow:0 0 0 4px rgba(242,103,34,.15)}
  .fallo p{font-size:.9rem;line-height:1.45}
  /* Temario más compacto */
  .aprendes .envoltorio{padding:28px 16px}
  .lista-aprendes{gap:8px}
  .lista-aprendes li{padding:12px 14px 12px 48px}
  .lista-aprendes li::before{left:14px;top:14px;width:22px;height:22px;background-size:13px}
  .lista-aprendes span{font-size:.92rem;line-height:1.45}
  /* Planes */
  .plan{padding:26px 20px}
  .plan ul{margin-bottom:20px}
  /* Pasos en fila: número a la izquierda */
  .pasos{gap:10px;margin-top:24px}
  .pasos li{padding:18px 18px 18px 70px}
  .pasos li::before{top:18px;left:16px;width:38px;height:38px;line-height:38px;font-size:1.05rem}
  .garantia{margin-top:20px;padding:20px 18px 20px 72px}
  .garantia::before{left:18px;top:20px}
  /* FAQ */
  .faq summary{padding:18px 44px 18px 0;font-size:1rem}
  .faq details{padding:0 16px}
  .cierre .envoltorio{padding:36px 18px}
  .lara blockquote{font-size:1.15rem;margin:18px 0}
  .lara .envoltorio{gap:22px;justify-items:start}
}
/* Página /cursos: precio y botón nunca se salen */
.curso .importe{white-space:normal}
@media (max-width:820px){
  .catalogo .curso{grid-template-columns:1fr;gap:12px;padding:20px 18px}
  .curso .importe{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
  .curso .importe b{display:inline;font-size:1.3rem}
  .curso h3{font-size:1.25rem}
  .opcion{padding:18px 18px;font-size:1.05rem}
  .resultado{padding:26px 20px}
}

.btn{text-align:center;line-height:1.2}
p,li,summary,h1,h2,h3{overflow-wrap:break-word}
.faq a,.resultado a{overflow-wrap:anywhere}
@media (max-width:380px){
  .btn{padding:15px 18px;font-size:.97rem}
  .hero .btn,.cierre .btn,.plan .btn{width:100%}
  .fallos{grid-template-columns:1fr}
}

.visor .play-grande{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;border:0;cursor:pointer;display:none;
  background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") 55% 50%/32px no-repeat;box-shadow:0 12px 30px -8px rgba(242,103,34,.8)}
.visor.pausado .play-grande{display:block}

.curso .importe > span:first-child{margin-right:6px}

/* =========================================================
   CORRECCIONES DE LA AUDITORÍA (26/09)
   ========================================================= */
/* Titulares: menos saltos de línea en escritorio */
.hero h1{max-width:18ch}
h2{max-width:26ch}
.selector h1{max-width:20ch}
/* Nada puede ensanchar la página */
html,body{overflow-x:hidden}
.lara img{width:100%;max-width:100%}
.fijo .p small{font-size:.82rem}
.otro{display:inline-block}
@media (max-width:920px){
  .lara img{width:180px;height:180px;aspect-ratio:1;border-radius:50%;object-position:center 20%}
}
@media (max-width:600px){
  h2{font-size:clamp(1.6rem,7vw,2rem)}
  .hero h1{font-size:clamp(1.85rem,8.6vw,2.4rem)}
  .seccion{padding:48px 0}
  .problema .intro,.niveles .intro{margin:14px 0 24px}
  /* Problemas en 2 columnas compactas */
  .fallos{grid-template-columns:1fr 1fr;gap:10px}
  .fallo,.fallo + .fallo,.fallo:nth-child(even){padding:16px 14px}
  .fallo h3{font-size:1.05rem;gap:8px}
  .fallo h3::before{width:9px;height:9px;box-shadow:0 0 0 4px rgba(242,103,34,.15)}
  .fallo p{font-size:.9rem;line-height:1.45}
  /* Temario más compacto */
  .aprendes .envoltorio{padding:28px 16px}
  .lista-aprendes{gap:8px}
  .lista-aprendes li{padding:12px 14px 12px 48px}
  .lista-aprendes li::before{left:14px;top:14px;width:22px;height:22px;background-size:13px}
  .lista-aprendes span{font-size:.92rem;line-height:1.45}
  /* Planes */
  .plan{padding:26px 20px}
  .plan ul{margin-bottom:20px}
  /* Pasos en fila: número a la izquierda */
  .pasos{gap:10px;margin-top:24px}
  .pasos li{padding:18px 18px 18px 70px}
  .pasos li::before{top:18px;left:16px;width:38px;height:38px;line-height:38px;font-size:1.05rem}
  .garantia{margin-top:20px;padding:20px 18px 20px 72px}
  .garantia::before{left:18px;top:20px}
  /* FAQ */
  .faq summary{padding:18px 44px 18px 0;font-size:1rem}
  .faq details{padding:0 16px}
  .cierre .envoltorio{padding:36px 18px}
  .lara blockquote{font-size:1.15rem;margin:18px 0}
  .lara .envoltorio{gap:22px;justify-items:start}
}
/* Página /cursos: precio y botón nunca se salen */
.curso .importe{white-space:normal}
@media (max-width:820px){
  .catalogo .curso{grid-template-columns:1fr;gap:12px;padding:20px 18px}
  .curso .importe{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
  .curso .importe b{display:inline;font-size:1.3rem}
  .curso h3{font-size:1.25rem}
  .opcion{padding:18px 18px;font-size:1.05rem}
  .resultado{padding:26px 20px}
}

.btn{text-align:center;line-height:1.2}
p,li,summary,h1,h2,h3{overflow-wrap:break-word}
.faq a,.resultado a{overflow-wrap:anywhere}
@media (max-width:380px){
  .btn{padding:15px 18px;font-size:.97rem}
  .hero .btn,.cierre .btn,.plan .btn{width:100%}
  .fallos{grid-template-columns:1fr}
}