/* Royal Dance 2.0 · las páginas que faltaban: Contacto (ct-), Sobre nosotros (sn-), las legales (lg-) y el aviso de
   cookies (ck-). Mismas piezas que el resto: crema y negro, Sequel en los títulos, Poppins, el azul #0b79fb. */

.enlace-texto{color:var(--azul-claro);border-bottom:1px solid currentColor}
.enlace-texto:hover{color:var(--azul)}

/* ================= CONTACTO ================= */
.ct-cabeza{padding-bottom:40px}
.ct-sub{margin-top:18px;max-width:52ch;font-size:17px;line-height:1.55;color:var(--texto2)}
.ct-hoja{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start;padding-top:56px;padding-bottom:90px}
.ct-datos .rotulo{margin-bottom:10px}
.ct-dato{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--linea)}
.ct-dato svg{flex:none;width:26px;height:26px;color:var(--azul)}
.ct-dato small{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tenue)}
.ct-dato b{display:block;margin-top:4px;font-size:19px;font-weight:600}
a.ct-dato:hover b{color:var(--azul)}
.ct-alumno{display:flex;gap:16px;align-items:flex-start;margin-top:30px;padding:20px 22px;border-left:3px solid var(--azul);background:var(--azul-suave);font-size:14.5px;line-height:1.55;color:var(--texto2)}
.ct-alumno svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--azul)}
.ct-alumno b{color:var(--texto)}
.ct-caja{padding:40px;background:#fff;border:1px solid var(--linea);border-radius:var(--grande);box-shadow:0 30px 60px -40px rgba(0,0,0,.35)}
.ct-form{display:grid;gap:18px}
.ct-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ct-campo{position:relative;display:grid;gap:8px}
.ct-campo>span{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue)}
.ct-campo input,.ct-campo textarea{width:100%;padding:15px 16px;border:1px solid var(--borde-campo);border-radius:var(--campo);background:var(--campo-fondo);font:inherit;font-size:16px;color:var(--texto);resize:vertical}
.ct-campo input:focus,.ct-campo textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave)}
.ct-cuenta{position:absolute;right:12px;bottom:10px;font-size:11px;color:var(--tenue)}
.ct-acepto{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--texto2);cursor:pointer}
.ct-acepto input{position:absolute;opacity:0;width:1px;height:1px}
.ct-acepto span{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--texto2)}
.ct-campo textarea::placeholder,.ct-campo input::placeholder{font-weight:400;color:var(--tenue);opacity:1}
.ct--c .ct-cabeza h1{line-height:1;font-size:clamp(46px,8vw,130px)}
.ct-acepto i{flex:none;width:22px;height:22px;margin-top:-1px;border:1.5px solid var(--borde-campo);border-radius:4px;background:var(--campo-fondo);display:grid;place-items:center}
.ct-acepto input:checked+i{background:var(--azul);border-color:var(--azul)}
.ct-acepto input:checked+i::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.ct-acepto input:focus-visible+i{box-shadow:0 0 0 3px var(--azul-suave)}
.ct-aviso{padding:13px 16px;border-radius:var(--campo);font-size:14px;font-weight:500}
.ct-aviso[hidden]{display:none}
.ct-aviso--ok{background:#e6f6ec;color:#11683a;border-left:3px solid #1f9d55}
.ct-aviso--mal{background:#fdecec;color:#9b1c1c;border-left:3px solid #d83a3a}
.ct-enviar{justify-self:start}
.ct-enviar:disabled{opacity:.6;cursor:wait}

/* b · el número en grande */
.ct-cartel{padding:90px 48px 70px;background:radial-gradient(70% 90% at 15% 0%,rgba(11,121,251,.28),transparent 60%),#000;color:#fff}
.ct-grande{display:block;margin-top:22px;font-family:var(--titular);font-weight:700;font-size:clamp(44px,7.4vw,124px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;transition:color .2s}
.ct-grande:hover{color:var(--azul)}
.ct-grande--correo{margin-top:10px;font-size:clamp(22px,3.4vw,56px);text-transform:none;color:#6fb1ff}
.ct-cartel__pie{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);font-size:15px;color:#cfcfcf}
.ct-cartel__pie a,.ct-cartel__pie span{display:inline-flex;align-items:center;gap:10px}
.ct-cartel__pie svg{width:20px;height:20px;color:#6fb1ff}
.ct-cartel__pie a:hover{color:#fff}
.ct-franja{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start;padding-top:70px;padding-bottom:90px}
.ct-franja__texto p{margin-top:18px;font-size:16.5px;line-height:1.6;color:var(--texto2)}

/* c · las puertas */
.ct-puertas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:10px;padding-bottom:40px;border-top:0}
.ct-puerta{position:relative;display:flex;flex-direction:column;gap:12px;padding:34px 30px 30px;background:#fff;border:1px solid var(--linea);border-top:4px solid var(--azul);border-radius:var(--grande);transition:transform .2s,box-shadow .2s}
.ct-puerta:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(0,0,0,.4)}
.ct-puerta svg{width:34px;height:34px;color:var(--azul)}
.ct-puerta strong{font-family:var(--titular);font-size:22px;line-height:1.05;text-transform:uppercase}
.ct-puerta span{font-size:14.5px;line-height:1.55;color:var(--texto2)}
.ct-puerta em{margin-top:auto;padding-top:10px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--azul)}
.ct--c .ct-hoja{border-top:1px solid var(--linea)}

/* ================= SOBRE NOSOTROS ================= */
/* el título grande y las cifras debajo (al lado se pisaban) */
.sn-cabeza{display:block!important}
.sn-cabeza .cur-cabeza__dato{flex-wrap:wrap;margin-top:22px;padding-bottom:0}
.sn-fundadores{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center;padding-top:60px;padding-bottom:70px}
.sn-fotos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sn-fotos figure{margin:0;position:relative;overflow:hidden;border-radius:var(--grande);background:var(--foto);aspect-ratio:3/4}
.sn-fotos figure:nth-child(2){transform:translateY(40px)}
.sn-fotos img{width:100%;height:100%;object-fit:cover}
.sn-fotos figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.sn-grande{margin-top:18px;font-size:clamp(22px,2.3vw,34px);line-height:1.35;font-weight:500;text-wrap:balance}
.sn-capitulos{padding-top:20px;padding-bottom:80px}
.sn-capitulo{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:56px;padding:46px 0;border-top:1px solid var(--linea)}
.sn-anio{font-family:var(--titular);font-weight:700;font-size:clamp(30px,4vw,64px);line-height:.9;color:var(--azul)}
.sn-capitulo h2{margin-top:0;font-size:clamp(24px,2.4vw,36px)}
.sn-capitulo p{margin-top:16px;max-width:68ch;font-size:16.5px;line-height:1.7;color:var(--texto2)}
.sn-herramientas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-top:26px;list-style:none}
.sn-herramientas li{padding:16px 0;border-top:1px solid var(--linea);font-size:14.5px;line-height:1.5;color:var(--texto2)}
.sn-herramientas b{display:block;margin-bottom:3px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto)}
.sn-cierre{padding:90px 48px;text-align:center;background:radial-gradient(60% 80% at 50% 100%,rgba(11,121,251,.3),transparent 70%),#000;color:#fff}
.sn-cita{max-width:24ch;margin:0 auto;font-family:var(--titular);font-weight:700;font-size:clamp(28px,4vw,62px);line-height:1.02;text-transform:uppercase;text-wrap:balance}
.sn-firma{margin-top:22px;font-size:16px;color:#cfcfcf}
.sn-botones{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}
.sn-cierre .btn--linea{color:#fff;border-color:rgba(255,255,255,.35)}

/* b · el manifiesto */
.sn-manifiesto{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;column-gap:64px;padding:80px 48px 90px;background:radial-gradient(70% 80% at 0% 0%,rgba(11,121,251,.3),transparent 60%),#000;color:#fff}
.sn-manifiesto>.rotulo,.sn-manifiesto h1,.sn-manifiesto__sub{grid-column:1}
.sn-manifiesto h1{font-size:clamp(46px,7vw,118px);line-height:.88}
.sn-manifiesto h1 span{color:var(--azul)}
.sn-manifiesto__sub{margin-top:28px;max-width:46ch;font-size:18px;line-height:1.6;color:#cfcfcf}
.sn-fotos--negro{grid-column:2;grid-row:1/4;align-self:center}
.sn-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-top:80px;padding-bottom:80px}
.sn-num{font-family:var(--titular);font-weight:700;font-size:44px;color:var(--azul)}
.sn-tres h2{margin-top:14px;font-size:clamp(22px,2vw,30px)}
.sn-tres p{margin-top:14px;font-size:15.5px;line-height:1.7;color:var(--texto2)}
.sn-cinta{overflow:hidden;padding:26px 0;background:#000;border-top:1px solid rgba(255,255,255,.1)}
.sn-cinta__pista{display:flex;gap:14px;width:max-content;animation:snCinta 70s linear infinite}
.sn-cinta figure{position:relative;margin:0;width:170px;aspect-ratio:3/4;overflow:hidden;border-radius:var(--grande);background:#151515}
.sn-cinta img{width:100%;height:100%;object-fit:cover}
.sn-cinta figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
@keyframes snCinta{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sn-cinta__pista{animation:none}}
.sn-cierre--b{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:56px;align-items:end;text-align:left}
.sn-cierre--b h2{margin-top:0}
.sn-herramientas--negro li{border-top-color:rgba(255,255,255,.16);color:#cfcfcf}
.sn-herramientas--negro b{color:#fff}
.sn-cierre--b .sn-botones{flex-direction:column;justify-content:flex-end;margin-top:0}

/* ================= LEGALES ================= */
.lg-cabeza{padding-bottom:36px}
.lg-cabeza h1{font-size:clamp(38px,5.4vw,88px)}
.lg-docs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.lg-docs a,.lg-docs button{padding:10px 16px;border:1px solid var(--linea);border-radius:var(--boton);background:none;font:inherit;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto2);cursor:pointer}
.lg-docs a.on{background:#0b0b0c;border-color:#0b0b0c;color:#fff}
.lg-docs a:hover,.lg-docs button:hover{border-color:var(--azul);color:var(--azul)}
.lg-docs a.on:hover{color:#fff}
.lg-fecha{margin-top:16px;font-size:13px;color:var(--tenue)}
.lg-cuerpo{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:64px;align-items:start;padding-top:40px;padding-bottom:100px}
.lg-indice{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding-right:8px}
.lg-indice[hidden]{display:none}
.lg-indice ol{margin-top:12px;list-style:none;counter-reset:lg}
.lg-indice li{counter-increment:lg}
.lg-indice a{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--linea2);font-size:13px;line-height:1.4;color:var(--texto2)}
.lg-indice a::before{content:counter(lg,decimal-leading-zero);flex:none;font-size:11px;font-weight:700;color:var(--tenue);padding-top:1px}
.lg-indice a:hover,.lg-indice a.on{color:var(--azul)}
.lg-indice a.on::before{color:var(--azul)}
.lg-texto{max-width:76ch;font-size:16px;line-height:1.75;color:var(--texto2);overflow-wrap:anywhere}
.lg-texto p,.lg-texto ul,.lg-texto ol,.lg-texto table{margin:0 0 16px}
.lg-texto ul,.lg-texto ol{padding-left:22px}
.lg-texto li{margin:4px 0}
.lg-texto a{color:var(--azul-claro);border-bottom:1px solid currentColor}
.lg-texto h1,.lg-texto h2,.lg-texto h3,.lg-texto h4,.lg-texto .lg-titulo{scroll-margin-top:24px;margin:42px 0 14px;font-family:var(--titular);font-weight:700;font-size:20px;line-height:1.15;text-transform:uppercase;color:var(--texto)}
.lg-texto p.lg-titulo strong,.lg-texto p.lg-titulo b{font-weight:700}
.lg-texto>:first-child{margin-top:0}
.lg-texto table{width:100%;border-collapse:collapse;font-size:14px}
.lg-texto th,.lg-texto td{padding:10px 12px;border:1px solid var(--linea);text-align:left;vertical-align:top}
.lg-texto th{background:var(--sup)}

/* ================= COOKIES ================= */
.ck[hidden],.ck-panel[hidden]{display:none!important}
.ck{position:fixed;z-index:9990;color:#fff;font-size:14px;line-height:1.55;animation:ckSube .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ckSube{from{transform:translateY(30px);opacity:0}}
.ck p{color:#cfcfcf}
.ck .enlace-texto{color:#6fb1ff}
.ck-botones{display:flex;align-items:center;gap:10px}
.ck-botones .btn{padding:14px 20px}
.ck-no{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.ck-config{background:none;border:0;padding:8px 6px;color:#cfcfcf;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3)}
.ck-config:hover{color:#fff}
/* a · franja negra */
.ck--a{left:0;right:0;bottom:0;display:flex;align-items:center;gap:36px;padding:22px 48px;background:#0b0b0c;border-top:3px solid var(--azul);box-shadow:0 -20px 50px rgba(0,0,0,.4)}
.ck--a .ck-texto{flex:1;max-width:80ch}
/* b · tarjeta en la esquina */
.ck--b{left:24px;bottom:24px;width:min(430px,calc(100vw - 48px));padding:26px 26px 22px;background:#0b0b0c;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.ck--b::before{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;background:linear-gradient(90deg,var(--azul),#6fb1ff)}
.ck--b strong{display:block;margin-bottom:8px;font-family:var(--titular);font-size:18px;text-transform:uppercase}
.ck--b .ck-botones{flex-wrap:wrap;margin-top:18px}
.ck--b .ck-botones .btn{flex:1 1 140px}
.ck--b .ck-config{order:3;margin-top:4px}
.ck--b strong{padding-right:74px}
/* la galleta: asomada al borde de arriba, se balancea, parpadea y suelta migas; da un saltito si vas a aceptar */
.ck-galleta{position:absolute;right:18px;top:-44px;width:84px;height:84px;overflow:visible;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transform-origin:50% 90%;animation:ck-vaiven 2.8s ease-in-out infinite alternate}
.ck-galleta__ojos{transform-box:fill-box;transform-origin:center;animation:ck-parpadeo 4.2s infinite}
.ck-galleta__migas circle{animation:ck-miga 2.8s ease-in infinite}
.ck-galleta__migas circle:nth-child(2){animation-delay:.9s}
.ck-galleta__migas circle:nth-child(3){animation-delay:1.7s}
.ck--b:has(.ck-si:hover) .ck-galleta{animation:ck-salto .5s ease-out infinite alternate}
@keyframes ck-vaiven{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes ck-parpadeo{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
@keyframes ck-miga{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@keyframes ck-salto{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-8px) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.ck-galleta,.ck-galleta__ojos,.ck-galleta__migas circle{animation:none}}
/* c · franja crema con el título grande */
.ck--c{left:0;right:0;bottom:0;display:flex;align-items:center;gap:40px;padding:24px 48px;background:#eeece6;color:#0b0b0c;border-top:1px solid rgba(0,0,0,.16);box-shadow:0 -24px 60px rgba(0,0,0,.35)}
.ck--c .ck-titulo{font-family:var(--titular);font-weight:700;font-size:44px;line-height:1;text-transform:uppercase;letter-spacing:-.01em}
.ck--c .ck-texto{flex:1}
.ck--c p{color:#3a3a3c}
.ck--c .enlace-texto{color:var(--azul)}
.ck--c .ck-no{color:#0b0b0c!important;border-color:rgba(0,0,0,.3)!important}
.ck--c .ck-config{color:#3a3a3c;border-bottom-color:rgba(0,0,0,.3)}
/* el panel de configurar */
.ck-panel{position:fixed;inset:0;z-index:9995;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.ck-panel__caja{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:36px;background:#0b0b0c;color:#fff;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--azul);border-radius:10px}
.ck-panel__caja h2{margin:10px 0 18px;font-size:clamp(22px,3vw,30px)}
.ck-panel__cerrar{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:none;color:#fff;font-size:22px;line-height:1}
.ck-fila{position:relative;display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);cursor:pointer}
.ck-fila>div{flex:1}
label.ck-fila,label.ck-fila span{text-transform:none;letter-spacing:normal;font-weight:400}
label.ck-fila b{font-weight:600}
.ck-fila b{display:block;font-size:15px}
.ck-fila span{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:#a9a9ae}
.ck-fila input{position:absolute;opacity:0;width:1px;height:1px}
.ck-interruptor{flex:none;position:relative;width:48px;height:28px;border-radius:14px;background:#2c2c33;transition:background .2s}
.ck-interruptor::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.ck-fila input:checked+.ck-interruptor{background:var(--azul)}
.ck-fila input:checked+.ck-interruptor::after{transform:translateX(20px)}
.ck-fila input:focus-visible+.ck-interruptor{box-shadow:0 0 0 3px rgba(11,121,251,.4)}
.ck-siempre{flex:none;font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6fb1ff!important}
.ck-panel__pie{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.ck-panel__pie .btn--linea{color:#fff;border-color:rgba(255,255,255,.35)}
body.ck-abierto{overflow:hidden}

/* ================= MÓVIL ================= */
@media (max-width:820px){
  /* los títulos grandes, a la medida de la pantalla: «CONTACTO» se salía por la derecha */
  .ct-cabeza h1,.sn-cabeza h1,.lg-cabeza h1,.ct--c .ct-cabeza h1{font-size:clamp(34px,11.5vw,64px)!important;line-height:.95!important;overflow-wrap:anywhere}
  .sn-manifiesto h1{font-size:clamp(40px,12vw,70px)}
  .ct-cabeza,.sn-cabeza{padding-left:16px!important;padding-right:16px!important}
  .sn-cabeza .cur-cabeza__dato{white-space:normal;row-gap:8px}
  .ct-sub{font-size:15.5px}
  .ct-hoja,.ct-franja{grid-template-columns:minmax(0,1fr);gap:36px;padding:34px 16px 60px}
  .ct-caja{padding:24px 18px}
  .ct-dos{grid-template-columns:minmax(0,1fr)}
  .ct-dato{padding:18px 0;gap:16px}
  .ct-dato b{font-size:16.5px;overflow-wrap:anywhere}
  .ct-enviar{justify-self:stretch}
  .ct-cartel{padding:56px 16px 46px}
  .ct-grande{font-size:clamp(34px,10.5vw,60px)}
  .ct-grande--correo{font-size:clamp(17px,5.6vw,26px);overflow-wrap:anywhere}
  .ct-cartel__pie{flex-direction:column;gap:14px;margin-top:30px}
  .ct-puertas{grid-template-columns:minmax(0,1fr);gap:14px;padding:6px 16px 30px}
  .ct-puerta{padding:24px 20px 22px}

  .sn-fundadores{grid-template-columns:minmax(0,1fr);gap:56px;padding:30px 16px 50px}
  .sn-capitulos{padding:0 16px 50px}
  .sn-capitulo{grid-template-columns:minmax(0,1fr);gap:10px;padding:34px 0}
  .sn-capitulo p{font-size:15.5px}
  .sn-herramientas{grid-template-columns:minmax(0,1fr)}
  .sn-cierre{padding:60px 16px}
  .sn-botones .btn{flex:1 1 100%}
  .sn-manifiesto{grid-template-columns:minmax(0,1fr);padding:50px 16px 80px}
  .sn-fotos--negro{grid-column:1;grid-row:auto;margin-top:36px}
  .sn-manifiesto__sub{font-size:16px}
  .sn-tres{grid-template-columns:minmax(0,1fr);gap:36px;padding:50px 16px}
  .sn-cinta figure{width:120px}
  .sn-cierre--b{grid-template-columns:minmax(0,1fr);gap:30px}

  .lg-cabeza{padding:30px 16px 26px!important}
  .lg-docs{gap:6px}
  .lg-docs a,.lg-docs button{padding:9px 12px;font-size:10px}
  .lg-cuerpo{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px 70px}
  .lg-indice{position:static;max-height:none;padding:14px 16px;border:1px solid var(--linea);border-radius:var(--grande);background:var(--sup)}
  .lg-texto{font-size:15.5px}

  .ck--a,.ck--c{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  .ck--c .ck-titulo{font-size:30px}
  .ck--b{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;padding:22px 18px 18px}
  .ck-botones{flex-wrap:wrap}
  .ck-botones .btn{flex:1 1 140px;padding:15px 12px!important;min-height:48px}
  .ck-config{order:3;flex:1 1 100%;text-align:center;border-bottom:0;padding:10px}
  .ck-panel{padding:0;align-items:end}
  .ck-panel__caja{max-height:92vh;padding:28px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0}
  .ck-panel__pie{flex-direction:column-reverse}
  .ck-panel__pie .btn{width:100%}
}