/* Planes (631.): diapositivas 1-6 de Drive PLANES, una debajo de otra. Usa los colores y botones de ssai.css. */
.sp{display:flex;flex-direction:column;background:var(--negro)}
/* 649.: el estilo es el de la web actual (ssai.css): fondo de «Cómo funciona», tarjetas como .ssai-tarjeta, texto var(--texto). */
.sp-seccion{background:radial-gradient(120% 60% at 50% 0%,#14100a 0%,var(--negro) 70%)}
.sp-faq-item,.sp-siete,.sp-plan,.sp-tarjeta{border:2px solid #f1c24f;border-radius:clamp(8px,.7vw,14px);background:radial-gradient(90% 90% at 50% 40%,#171109 0%,#080503 80%);box-shadow:0 0 28px rgba(241,194,79,.28),inset 0 0 40px rgba(241,194,79,.08)}
.sp .ssai-titulo em{display:block}
.sp-h2{font-size:clamp(28px,3.6vw,68px);text-align:center;line-height:1.04}
.sp-lead{margin:clamp(10px,1vw,18px) 0 0;font-size:clamp(15px,1.35vw,24px);line-height:1.4;color:var(--texto)}
.sp-seccion{position:relative;padding:clamp(48px,5.5vw,100px) var(--lado);border-top:1px solid rgba(232,178,74,.16)}
.sp-pie{margin:clamp(18px,1.8vw,32px) 0 0;text-align:center;font-size:clamp(12px,.9vw,15px);line-height:1.6;color:var(--texto);opacity:.85}
.sp-nota{margin:.8em 0 0;font-size:clamp(12px,.95vw,16px);color:var(--texto);opacity:.9}
.sp-cab{text-align:center;max-width:1300px;margin:0 auto}
.sp-cta{margin-top:clamp(18px,1.8vw,32px);min-width:min(100%,clamp(300px,30vw,540px));font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sp-check{width:1.35em;height:1.35em;flex:none;color:var(--oro)}
.sp-tick{width:1em;height:1em;flex:none;color:var(--oro)}
.sp-lista{list-style:none;margin:clamp(14px,1.4vw,24px) 0 0;padding:0;display:grid;gap:clamp(8px,.8vw,14px);font-size:clamp(14px,1.15vw,20px)}
.sp-lista li{display:flex;align-items:center;gap:.8em}

/* 1 */
.sp-hero{position:relative;display:flex;align-items:center;min-height:clamp(520px,calc(100svh - var(--cab)),1000px);overflow:hidden;isolation:isolate}
.sp-hero-foto{position:absolute;inset:0;z-index:-2}
.sp-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.sp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,3,1,.92) 0%,rgba(5,3,1,.8) 34%,rgba(5,3,1,.35) 52%,transparent 66%)}
.sp-hero-texto{padding:clamp(28px,3vw,56px) var(--lado);max-width:calc(48vw + var(--lado))}
.sp-hero .ssai-eyebrow{margin-bottom:clamp(12px,1.4vw,26px)}
.sp-hero .ssai-titulo{font-size:clamp(34px,4.3vw,82px);line-height:1.02}
.sp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(10px,1vw,18px);margin:clamp(18px,1.8vw,32px) 0 0;padding:0}
.sp-chips li{display:flex;align-items:center;gap:.7em;padding:.75em 1.4em;border:1px solid rgba(232,178,74,.75);border-radius:4px;background:rgba(5,3,1,.6);font-size:clamp(13px,1vw,18px)}
.sp-chips .ssai-ico{width:1.5em;height:1.5em;color:var(--oro)}
.sp-notas{margin:clamp(12px,1.2vw,20px) 0 0;font-size:clamp(13px,1.05vw,19px);line-height:1.6}
.sp-descubrir{display:inline-flex;align-items:center;gap:.6em;margin-top:clamp(14px,1.4vw,26px);color:#fff;font-size:clamp(15px,1.25vw,22px);text-decoration:none;border-bottom:2px solid var(--oro);padding-bottom:.2em}
.sp-descubrir .ssai-ico{width:.9em;height:1.1em}

/* 2 */
.sp-faq{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,18px);max-width:1300px;margin:clamp(22px,2.2vw,40px) auto 0}
.sp-faq-item{padding:clamp(14px,1.3vw,24px) clamp(16px,1.6vw,30px)}
.sp-faq-ancha{grid-column:1/-1}
.sp-faq dt{font-family:var(--serif);font-weight:700;font-size:clamp(17px,1.9vw,34px);color:var(--oro1)}
.sp-faq dd{margin:.4em 0 0;font-size:clamp(14px,1.45vw,24px);line-height:1.45}
.sp-preparado{margin:clamp(24px,2.4vw,44px) 0 0;text-align:center;font-family:var(--serif);font-weight:700;text-transform:uppercase;font-size:clamp(20px,2vw,38px)}
.sp-botones{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(12px,1.4vw,26px);margin-top:clamp(14px,1.4vw,24px)}
.sp-botones .ssai-btn{min-width:clamp(260px,24vw,440px);text-transform:uppercase;letter-spacing:.08em;font-weight:700}

/* 3 */
.sp-prueba{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,80px);align-items:center;width:100%;box-sizing:border-box;padding-inline:max(var(--lado),calc((100% - 1500px)/2 + var(--lado)))}
.sp-prueba .sp-h2{text-align:left}
.sp-prueba .sp-h2,.sp-entrega .sp-h2,.sp-materiales .sp-h2{font-size:clamp(28px,3.4vw,48px);text-wrap:balance}
.sp-siete{padding:clamp(22px,2.4vw,44px);text-align:center}
.sp-siete-n{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(90px,10vw,190px);line-height:.9;background:var(--letras);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-siete-t{font-size:clamp(26px,2.8vw,52px)}
.sp-siete-t em{display:inline}
.sp-siete .sp-lista{justify-content:center;text-align:left;border-top:1px solid rgba(232,178,74,.4);padding-top:clamp(14px,1.4vw,24px)}
.sp-prueba .sp-pie{grid-column:1/-1}

/* 4 */
.sp-precios{text-align:center}
.sp-periodo-radio{position:absolute;opacity:0;pointer-events:none}
.sp-periodo{display:inline-flex;margin-top:clamp(16px,1.6vw,28px);border:1px solid rgba(232,178,74,.7);border-radius:999px;overflow:hidden}
.sp-periodo label{padding:.65em 1.6em;cursor:pointer;font-size:clamp(13px,1vw,17px)}
#sp-mensual:checked~.sp-periodo label[for=sp-mensual],#sp-anual:checked~.sp-periodo label[for=sp-anual]{background:var(--degradado);color:#1b1207;font-weight:700}
#sp-mensual:focus-visible~.sp-periodo label[for=sp-mensual],#sp-anual:focus-visible~.sp-periodo label[for=sp-anual]{outline:2px solid #fff;outline-offset:-4px}
.sp-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,30px);max-width:1300px;margin:clamp(22px,2.2vw,40px) auto 0;text-align:left;align-items:stretch}
.sp-plan{position:relative;display:flex;flex-direction:column;padding:clamp(20px,2vw,36px)}
.sp-plan:not(.sp-plan-recomendado){border-color:rgba(241,194,79,.55);box-shadow:inset 0 0 40px rgba(241,194,79,.06)}
.sp-recomendado{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);margin:0;padding:.3em 1.2em;border-radius:3px;background:var(--degradado);color:#1b1207;font-size:clamp(11px,.8vw,14px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.sp-plan-nombre{text-align:center;font-size:clamp(24px,2.2vw,42px)}
.sp-precio{margin:.2em 0 0;text-align:center;font-size:clamp(15px,1.3vw,24px)}
.sp-precio b{font-family:var(--serif);font-size:clamp(44px,4.4vw,84px);line-height:1}
.sp-precio-ano{display:none}
/* D-SSAI-499: el precio anual («€10,989 / year») en una sola línea a cualquier ancho: el número no pasa de 66 px y la línea no se parte. */
.sp-precio-ano{white-space:nowrap}
.sp-precio-ano b{font-size:clamp(44px,4.4vw,66px)}
#sp-anual:checked~.sp-planes .sp-precio-ano{display:block}
#sp-anual:checked~.sp-planes .sp-precio-mes{display:none}
.sp-plan-cab{list-style:none;margin:clamp(12px,1.2vw,22px) 0 0;padding:clamp(10px,1vw,18px) 0;border-top:1px solid rgba(232,178,74,.35);border-bottom:1px solid rgba(232,178,74,.35);display:grid;gap:.5em;font-size:clamp(15px,1.3vw,23px)}
.sp-plan-cab li{display:flex;align-items:center;gap:.7em}
.sp-plan-cab .ssai-ico{width:1.3em;height:1.3em;color:var(--oro)}
.sp-plan-lista{list-style:none;margin:clamp(12px,1.2vw,20px) 0 0;padding:0;display:grid;gap:.45em;font-size:clamp(13px,1vw,17px);flex:1}
.sp-plan-lista li{display:flex;align-items:center;gap:.7em}
.sp-pago-anual{margin:clamp(12px,1.2vw,20px) 0 0;padding-top:clamp(10px,1vw,16px);border-top:1px solid rgba(232,178,74,.35);text-align:center;font-size:clamp(14px,1.1vw,19px)}
.sp-elegir{margin-top:clamp(12px,1.2vw,20px);width:100%;text-transform:uppercase;letter-spacing:.1em;font-weight:700}

/* 5 */
.sp-entrega{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(18px,2.4vw,46px);align-items:center;width:100%;box-sizing:border-box;padding-inline:max(var(--lado),calc((100% - 1500px)/2 + var(--lado)))}
.sp-entrega .sp-cab,.sp-entrega .sp-pie{grid-column:1/-1}
.sp-entrega-foto{position:relative;margin:0;border-radius:6px;overflow:hidden;grid-row:span 2}
.sp-entrega .sp-ent-pie{grid-column:2;align-self:start}
.sp-entrega-foto img{display:block;width:100%;height:auto}
.sp-entrega-foto figcaption{position:absolute;left:0;bottom:0;padding:.4em .9em;background:rgba(0,0,0,.72);font-size:clamp(11px,.85vw,14px)}
.sp-entregables{list-style:none;margin:0;padding:0}
.sp-entregables li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:clamp(10px,1vw,18px);padding:clamp(10px,1vw,16px) 0;border-bottom:1px solid rgba(232,178,74,.3)}
.sp-ent-ico{display:grid;place-items:center;width:clamp(42px,3.6vw,64px);aspect-ratio:1;border:1px solid var(--oro);border-radius:4px;color:var(--oro)}
.sp-ent-ico .ssai-ico{width:55%;height:55%}
.sp-ent-n{color:var(--oro);font-weight:700;font-size:clamp(15px,1.2vw,22px)}
.sp-ent-t{display:flex;flex-direction:column;gap:.2em;font-size:clamp(13px,.95vw,16px);color:var(--texto)}
.sp-ent-t b{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,1.15vw,20px)}

/* 6 */
.sp-tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,30px);max-width:1400px;margin:clamp(22px,2.2vw,40px) auto 0}
.sp-tarjeta{padding:clamp(14px,1.4vw,26px);text-align:center}
.sp-tarjeta .ssai-titulo{font-size:clamp(20px,2vw,38px);margin-bottom:clamp(10px,1vw,18px)}
.sp-tarjeta img{display:block;width:100%;height:auto;border-radius:4px}
.sp-lista-fila{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;font-size:clamp(12px,.95vw,16px)}

.ssai a.ssai-btn.sp-btn-contorno{background:transparent;color:#f1c24f;border:1px solid #f1c24f;box-shadow:none}
.sp-ent-pie{display:flex;flex-direction:column;align-items:stretch;gap:.4em;margin-top:clamp(12px,1.2vw,20px);text-align:center}
.sp-tarjeta-btn{margin-top:clamp(14px,1.4vw,24px);width:100%;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.sp-entrega .sp-ent-pie .ssai-btn{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
/* 646.: como en el diseño, pero sin destino todavía: apagado y con «Próximamente». */
.sp .sp-btn-off{flex-wrap:wrap;gap:.2em .75em;cursor:default}
.sp-btn-off small{font-size:.75em;font-weight:400;letter-spacing:.05em;text-transform:none}

@media (max-width:900px){
  .sp-hero{align-items:flex-end;min-height:calc(100svh - 68px)}
  .sp-hero::before{background:linear-gradient(180deg,rgba(5,3,1,.15) 0%,rgba(5,3,1,.55) 30%,rgba(5,3,1,.94) 62%)}
  .sp-hero-texto{min-width:0;max-width:none;padding:220px 16px 32px}
  .sp-hero .ssai-titulo{font-size:clamp(32px,9.5vw,56px)}
  .sp-seccion{padding:44px 16px}
  .sp-h2{font-size:clamp(26px,8vw,44px)}
  .sp-cta,.sp-botones .ssai-btn{width:100%;min-width:0}
  .sp-faq,.sp-prueba,.sp-planes,.sp-entrega,.sp-tarjetas{grid-template-columns:minmax(0,1fr)}
  .sp-faq-ancha,.sp-entrega .sp-ent-pie{grid-column:auto}
  .sp-entrega-foto{grid-row:auto}
  .sp-planes{gap:30px}
  .sp-lista-fila{grid-template-columns:minmax(0,1fr)}
}
/* D-SSAI-201/212: con zoom al 200 % (195 px de ancho) los títulos largos se parten y no sacan la página de su ancho. */
.sp-h2,.sp-ent-t,.sp-ent-t b{overflow-wrap:anywhere}
/* D-SSAI-096/104/276: las secciones 2-6 llevan la foto oscura de interior de la diapositiva (desenfocada) bajo el degradado de lectura. */
.sp-dudas,.sp-prueba,.sp-precios,.sp-entrega,.sp-materiales{background-image:linear-gradient(rgba(5,3,1,.55),rgba(5,3,1,.7)),url(img/planes-fondo.webp?v=1);background-size:cover;background-position:center}
.sp-prueba{background-position:70% 40%}
.sp-entrega{background-position:30% 60%}
/* D-SSAI-293: el titular de la diapositiva 1 va en tres líneas (BUSCAMOS ESTUDIOS / PARA PROBAR / SS AI DESIGNER). */
.sp-hero .ssai-titulo{text-wrap:balance}
/* columna de la diapositiva (≈705 px a 1440) y cuerpo que deja «BUSCAMOS ESTUDIOS» en una línea, sin que «PARA» suba a ella (el pod midió 4 líneas con 61,9 px en 648 px) */
@media (min-width:901px){.sp-hero-texto{max-width:calc(49vw + var(--lado));padding-right:0}.sp-hero .ssai-titulo{font-size:min(clamp(34px,4.3vw,82px),3.7vw)}}
/* D-SSAI-413 (puente): desde 1280 px el titular como la diapositiva 1 (4,4vw, tope 82 px), aunque pise el televisor de la foto. */
@media (min-width:1280px){.sp-hero .ssai-titulo{font-size:clamp(34px,4.4vw,82px)}}
.sp-hero-texto .ssai-titulo,.sp-hero-texto .sp-lead,.sp-chips li,.sp-hero .sp-cta{overflow-wrap:anywhere}
.sp-plan-nombre,.sp-plan-nombre em{overflow-wrap:anywhere}
/* D-SSAI-112: a 1024 el título y el texto del hero no tapan el televisor con el logo de la foto: la foto se corre para dejarlo a la derecha del texto. */
@media (min-width:901px) and (max-width:1180px){.sp-hero-foto img{object-position:0% 50%}}
/* D-SSAI-380 (puente): a ≤900 px (el hero móvil; de 601 a 900 el encuadre viejo se veía como un salto) la foto (16:9) ya no se recorta bajo el texto, donde solo se veía techo y el aro de luz: queda como una franja arriba
   (75vw de alto, tope 560 px: 390 → 292, 768 → 560) con la sala, la tele y la lámpara, difuminada hacia abajo; el texto empieza debajo (padding-top 220 del hero móvil). */
@media (max-width:900px){
  .sp-hero{background:#050301}
  .sp-hero-foto{bottom:auto;height:min(75vw,560px);-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}
  .sp-hero-foto img{object-position:70% 50%}
  .sp-chips li{font-size:14px}
  .sp-notas{font-size:14px}   /* el texto del hero, de 14 px como mínimo hasta 900 (medido: 13 px) */
  .sp-hero::before{background:linear-gradient(180deg,rgba(5,3,1,.05) 0%,rgba(5,3,1,.3) 45vw,rgba(5,3,1,.94) 80vw)}
}
/* D-SSAI-747: «Próximamente» de los botones apagados (9,4 px a 1280): suelo de 11 px solo de 1101 a 1439. */
@media (min-width:1101px) and (max-width:1439px){.sp-btn-off small{font-size:max(11px,.75em)}}
/* D-SSAI-827 (PLANES-6, es 390): los botones de Planes cuyo texto se parte («CONSULTAR FORMATOS DE DESCARGA» + «Próximamente», 3 líneas en 49 px) quedaban
   con la letra a ~2,5 px del borde; como el botón dorado de la diapositiva, aire arriba y abajo (los de una línea no cambian: su min-height ya es mayor). */
@media (max-width:900px){.sp .ssai-btn{height:auto;padding-top:10px;padding-bottom:10px}}
/* == D-SSAI-814: escalado ≥2000 px (generado por herramientas/ssai-escala-2000.py; no editar a mano) == */
@media (min-width:2000px){:root{--zs:1.0417}body.ssai{zoom:var(--zs)}}
@media (min-width:2240px){:root{--zs:1.1667}}
@media (min-width:2560px){:root{--zs:1.3333}}
@media (min-width:2880px){:root{--zs:1.5}}
@media (min-width:3200px){:root{--zs:1.6667}}
@media (min-width:3840px){:root{--zs:2}}
@media (min-width:2000px){.sp-faq-item,.sp-siete,.sp-plan,.sp-tarjeta{border:2px solid #f1c24f;border-radius:clamp(8px,calc(.7vw / var(--zs)),14px)}}
@media (min-width:2000px){.sp-h2{font-size:clamp(28px,calc(3.6vw / var(--zs)),68px)}}
@media (min-width:2000px){.sp-lead{margin:clamp(10px,calc(1vw / var(--zs)),18px) 0 0;font-size:clamp(15px,calc(1.35vw / var(--zs)),24px)}}
@media (min-width:2000px){.sp-seccion{padding:clamp(48px,calc(5.5vw / var(--zs)),100px) var(--lado);border-top:1px solid rgba(232,178,74,.16)}}
@media (min-width:2000px){.sp-pie{margin:clamp(18px,calc(1.8vw / var(--zs)),32px) 0 0;font-size:clamp(12px,calc(.9vw / var(--zs)),15px)}}
@media (min-width:2000px){.sp-nota{margin:.8em 0 0;font-size:clamp(12px,calc(.95vw / var(--zs)),16px)}}
@media (min-width:2000px){.sp-cab{max-width:1300px;margin:0 auto}}
@media (min-width:2000px){.sp-cta{margin-top:clamp(18px,calc(1.8vw / var(--zs)),32px);min-width:min(100%,clamp(300px,calc(30vw / var(--zs)),540px));font-weight:700}}
@media (min-width:2000px){.sp-check{width:1.35em}}
@media (min-width:2000px){.sp-tick{width:1em}}
@media (min-width:2000px){.sp-lista{margin:clamp(14px,calc(1.4vw / var(--zs)),24px) 0 0;padding:0;gap:clamp(8px,calc(.8vw / var(--zs)),14px);font-size:clamp(14px,calc(1.15vw / var(--zs)),20px)}}
@media (min-width:2000px){.sp-lista li{gap:.8em}}
@media (min-width:2000px){.sp-hero{min-height:clamp(520px,calc(calc(100svh / var(--zs)) - var(--cab)),1000px)}}
@media (min-width:2000px){.sp-hero-foto img{width:100%}}
@media (min-width:2000px){.sp-hero-texto{padding:clamp(28px,calc(3vw / var(--zs)),56px) var(--lado);max-width:calc(calc(48vw / var(--zs)) + var(--lado))}}
@media (min-width:2000px){.sp-hero .ssai-eyebrow{margin-bottom:clamp(12px,calc(1.4vw / var(--zs)),26px)}}
@media (min-width:2000px){.sp-hero .ssai-titulo{font-size:clamp(34px,calc(4.3vw / var(--zs)),82px)}}
@media (min-width:2000px){.sp-chips{gap:clamp(10px,calc(1vw / var(--zs)),18px);margin:clamp(18px,calc(1.8vw / var(--zs)),32px) 0 0;padding:0}}
@media (min-width:2000px){.sp-chips li{gap:.7em;padding:.75em 1.4em;border:1px solid rgba(232,178,74,.75);border-radius:4px;font-size:clamp(13px,calc(1vw / var(--zs)),18px)}}
@media (min-width:2000px){.sp-chips .ssai-ico{width:1.5em}}
@media (min-width:2000px){.sp-notas{margin:clamp(12px,calc(1.2vw / var(--zs)),20px) 0 0;font-size:clamp(13px,calc(1.05vw / var(--zs)),19px)}}
@media (min-width:2000px){.sp-descubrir{gap:.6em;margin-top:clamp(14px,calc(1.4vw / var(--zs)),26px);font-size:clamp(15px,calc(1.25vw / var(--zs)),22px);border-bottom:2px solid var(--oro);padding-bottom:.2em}}
@media (min-width:2000px){.sp-descubrir .ssai-ico{width:.9em}}
@media (min-width:2000px){.sp-faq{gap:clamp(10px,calc(1vw / var(--zs)),18px);max-width:1300px;margin:clamp(22px,calc(2.2vw / var(--zs)),40px) auto 0}}
@media (min-width:2000px){.sp-faq-item{padding:clamp(14px,calc(1.3vw / var(--zs)),24px) clamp(16px,calc(1.6vw / var(--zs)),30px)}}
@media (min-width:2000px){.sp-faq dt{font-family:var(--serif);font-weight:700;font-size:clamp(17px,calc(1.9vw / var(--zs)),34px)}}
@media (min-width:2000px){.sp-faq dd{margin:.4em 0 0;font-size:clamp(14px,calc(1.45vw / var(--zs)),24px)}}
@media (min-width:2000px){.sp-preparado{margin:clamp(24px,calc(2.4vw / var(--zs)),44px) 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(20px,calc(2vw / var(--zs)),38px)}}
@media (min-width:2000px){.sp-botones{gap:clamp(12px,calc(1.4vw / var(--zs)),26px);margin-top:clamp(14px,calc(1.4vw / var(--zs)),24px)}}
@media (min-width:2000px){.sp-botones .ssai-btn{min-width:clamp(260px,calc(24vw / var(--zs)),440px);font-weight:700}}
@media (min-width:2000px){.sp-prueba{gap:clamp(24px,calc(4vw / var(--zs)),80px);width:100%;padding-inline:max(var(--lado),calc((100% - 1500px)/2 + var(--lado)))}}
@media (min-width:2000px){.sp-prueba .sp-h2,.sp-entrega .sp-h2,.sp-materiales .sp-h2{font-size:clamp(28px,calc(3.4vw / var(--zs)),48px)}}
@media (min-width:2000px){.sp-siete{padding:clamp(22px,calc(2.4vw / var(--zs)),44px)}}
@media (min-width:2000px){.sp-siete-n{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(90px,calc(10vw / var(--zs)),190px)}}
@media (min-width:2000px){.sp-siete-t{font-size:clamp(26px,calc(2.8vw / var(--zs)),52px)}}
@media (min-width:2000px){.sp-siete .sp-lista{border-top:1px solid rgba(232,178,74,.4);padding-top:clamp(14px,calc(1.4vw / var(--zs)),24px)}}
@media (min-width:2000px){.sp-periodo{margin-top:clamp(16px,calc(1.6vw / var(--zs)),28px);border:1px solid rgba(232,178,74,.7);border-radius:999px}}
@media (min-width:2000px){.sp-periodo label{padding:.65em 1.6em;font-size:clamp(13px,calc(1vw / var(--zs)),17px)}}
@media (min-width:2000px){#sp-mensual:checked~.sp-periodo label[for=sp-mensual],#sp-anual:checked~.sp-periodo label[for=sp-anual]{font-weight:700}}
@media (min-width:2000px){.sp-planes{gap:clamp(14px,calc(1.6vw / var(--zs)),30px);max-width:1300px;margin:clamp(22px,calc(2.2vw / var(--zs)),40px) auto 0}}
@media (min-width:2000px){.sp-plan{padding:clamp(20px,calc(2vw / var(--zs)),36px)}}
@media (min-width:2000px){.sp-plan:not(.sp-plan-recomendado){border-color:rgba(241,194,79,.55)}}
@media (min-width:2000px){.sp-recomendado{margin:0;padding:.3em 1.2em;border-radius:3px;font-size:clamp(11px,calc(.8vw / var(--zs)),14px);font-weight:700}}
@media (min-width:2000px){.sp-plan-nombre{font-size:clamp(24px,calc(2.2vw / var(--zs)),42px)}}
@media (min-width:2000px){.sp-precio{margin:.2em 0 0;font-size:clamp(15px,calc(1.3vw / var(--zs)),24px)}}
@media (min-width:2000px){.sp-precio b{font-family:var(--serif);font-size:clamp(44px,calc(4.4vw / var(--zs)),84px)}}
@media (min-width:2000px){.sp-precio-ano b{font-size:clamp(44px,calc(4.4vw / var(--zs)),66px)}}
@media (min-width:2000px){.sp-plan-cab{margin:clamp(12px,calc(1.2vw / var(--zs)),22px) 0 0;padding:clamp(10px,calc(1vw / var(--zs)),18px) 0;border-top:1px solid rgba(232,178,74,.35);border-bottom:1px solid rgba(232,178,74,.35);gap:.5em;font-size:clamp(15px,calc(1.3vw / var(--zs)),23px)}}
@media (min-width:2000px){.sp-plan-cab li{gap:.7em}}
@media (min-width:2000px){.sp-plan-cab .ssai-ico{width:1.3em}}
@media (min-width:2000px){.sp-plan-lista{margin:clamp(12px,calc(1.2vw / var(--zs)),20px) 0 0;padding:0;gap:.45em;font-size:clamp(13px,calc(1vw / var(--zs)),17px)}}
@media (min-width:2000px){.sp-plan-lista li{gap:.7em}}
@media (min-width:2000px){.sp-pago-anual{margin:clamp(12px,calc(1.2vw / var(--zs)),20px) 0 0;padding-top:clamp(10px,calc(1vw / var(--zs)),16px);border-top:1px solid rgba(232,178,74,.35);font-size:clamp(14px,calc(1.1vw / var(--zs)),19px)}}
@media (min-width:2000px){.sp-elegir{margin-top:clamp(12px,calc(1.2vw / var(--zs)),20px);width:100%;font-weight:700}}
@media (min-width:2000px){.sp-entrega{gap:clamp(18px,calc(2.4vw / var(--zs)),46px);width:100%;padding-inline:max(var(--lado),calc((100% - 1500px)/2 + var(--lado)))}}
@media (min-width:2000px){.sp-entrega-foto{margin:0;border-radius:6px}}
@media (min-width:2000px){.sp-entrega-foto img{width:100%}}
@media (min-width:2000px){.sp-entrega-foto figcaption{padding:.4em .9em;font-size:clamp(11px,calc(.85vw / var(--zs)),14px)}}
@media (min-width:2000px){.sp-entregables{margin:0;padding:0}}
@media (min-width:2000px){.sp-entregables li{gap:clamp(10px,calc(1vw / var(--zs)),18px);padding:clamp(10px,calc(1vw / var(--zs)),16px) 0;border-bottom:1px solid rgba(232,178,74,.3)}}
@media (min-width:2000px){.sp-ent-ico{width:clamp(42px,calc(3.6vw / var(--zs)),64px);border:1px solid var(--oro);border-radius:4px}}
@media (min-width:2000px){.sp-ent-ico .ssai-ico{width:55%}}
@media (min-width:2000px){.sp-ent-n{font-weight:700;font-size:clamp(15px,calc(1.2vw / var(--zs)),22px)}}
@media (min-width:2000px){.sp-ent-t{gap:.2em;font-size:clamp(13px,calc(.95vw / var(--zs)),16px)}}
@media (min-width:2000px){.sp-ent-t b{font-size:clamp(14px,calc(1.15vw / var(--zs)),20px)}}
@media (min-width:2000px){.sp-tarjetas{gap:clamp(14px,calc(1.6vw / var(--zs)),30px);max-width:1400px;margin:clamp(22px,calc(2.2vw / var(--zs)),40px) auto 0}}
@media (min-width:2000px){.sp-tarjeta{padding:clamp(14px,calc(1.4vw / var(--zs)),26px)}}
@media (min-width:2000px){.sp-tarjeta .ssai-titulo{font-size:clamp(20px,calc(2vw / var(--zs)),38px);margin-bottom:clamp(10px,calc(1vw / var(--zs)),18px)}}
@media (min-width:2000px){.sp-tarjeta img{width:100%;border-radius:4px}}
@media (min-width:2000px){.sp-lista-fila{font-size:clamp(12px,calc(.95vw / var(--zs)),16px)}}
@media (min-width:2000px){.ssai a.ssai-btn.sp-btn-contorno{border:1px solid #f1c24f}}
@media (min-width:2000px){.sp-ent-pie{gap:.4em;margin-top:clamp(12px,calc(1.2vw / var(--zs)),20px)}}
@media (min-width:2000px){.sp-tarjeta-btn{margin-top:clamp(14px,calc(1.4vw / var(--zs)),24px);width:100%;font-weight:700}}
@media (min-width:2000px){.sp-entrega .sp-ent-pie .ssai-btn{font-weight:700}}
@media (min-width:2000px){.sp .sp-btn-off{gap:.2em .75em}}
@media (min-width:2000px){.sp-btn-off small{font-size:.75em;font-weight:400}}
@media (min-width:2000px){@media (min-width:901px){.sp-hero-texto{max-width:calc(calc(49vw / var(--zs)) + var(--lado));padding-right:0}}}
@media (min-width:2000px){@media (min-width:901px){.sp-hero .ssai-titulo{font-size:min(clamp(34px,calc(4.3vw / var(--zs)),82px),calc(3.7vw / var(--zs)))}}}
@media (min-width:2000px){@media (min-width:1280px){.sp-hero .ssai-titulo{font-size:clamp(34px,calc(4.4vw / var(--zs)),82px)}}}
/* == fin D-SSAI-814 == */