/* Lámpara cubo efecto agua · ángulo «Parece una lámpara cuadrada… hasta que la enciendes» · familia tecno «noche bajo el agua».
   Regla del 27 oct 2026: las piezas visuales son imágenes completas de OpenAI con su texto; aquí solo el marco oscuro, los GIFs y los botones. */
@font-face{font-family:"Poppins";src:url("../../fonts/Poppins-800.woff2") format("woff2");font-weight:800;font-display:swap}
.ca{--fondo:#060B24;--fondo-2:#0F1C4D;--cian:#3FB6FF;--violeta:#8B5CFF;--ambar:#F7B548;--hielo:#EEF2FF}

/* hero: la portada ya trae titular, apoyos y sello; de la plantilla de Stone queda la caja con la oferta y el botón */
.ph{background:radial-gradient(120% 70% at 50% 0%,#0F1C4D 0%,#060B24 70%)}
.ph__arco,.ph__datos,.ph__franja,.ph .sello{display:none}
.ph__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ph__escena{aspect-ratio:auto;margin-top:0;background:transparent;box-shadow:0 0 0 1px rgba(63,182,255,.3),0 0 40px rgba(63,182,255,.2)}
.ph__foto{height:auto;animation:none;display:block}

.ca-sec{padding:40px 0}
.ca-oscura{background:radial-gradient(120% 70% at 50% 0%,var(--fondo-2) 0%,var(--fondo) 66%);color:#fff}
.ca-calida{background:radial-gradient(120% 70% at 50% 0%,#3A230C 0%,#120A04 70%);color:#fff}
.ca-claro{background:var(--hielo)}
.ca-pegada{padding-top:0}
.ca-arranque{padding-top:36px}
.ca-angosta{max-width:620px}
.ca-pila{display:grid;gap:26px}
.ca-tit{font-family:"Poppins",var(--f-tit);font-weight:800;font-size:clamp(30px,8.4vw,48px);line-height:1.08;margin:0 0 10px;letter-spacing:-.01em}
.ca-tit em{font-style:normal;background:linear-gradient(90deg,var(--cian),var(--violeta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(63,182,255,.45))}
.ca-txt{font-size:17px;line-height:1.45;margin:0 0 18px;color:rgba(255,255,255,.86);max-width:520px}
.ca-img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 0 0 1px rgba(63,182,255,.3),0 0 40px rgba(63,182,255,.18),0 24px 50px rgba(0,0,0,.5)}
.ca-calida .ca-img{box-shadow:0 0 0 1px rgba(247,181,72,.35),0 0 40px rgba(247,181,72,.18),0 24px 50px rgba(0,0,0,.5)}
.ca-claro .ca-img{box-shadow:0 18px 40px rgba(6,11,36,.18)}
.ca-gif{margin:0 auto;width:100%;max-width:420px;border-radius:20px;overflow:hidden;box-shadow:0 0 0 2px var(--cian),0 0 30px rgba(63,182,255,.45),0 22px 48px rgba(0,0,0,.5)}
.ca-calida .ca-gif{box-shadow:0 0 0 2px var(--ambar),0 0 30px rgba(247,181,72,.45),0 22px 48px rgba(0,0,0,.5)}
.ca-gif img{display:block;width:100%;height:auto}
.ca-pie{text-align:center;font-weight:900;font-size:15px;margin:14px 0 0;color:var(--cian);letter-spacing:.02em}
.ca-btn{display:flex;width:100%;max-width:460px;margin-inline:auto;padding:14px 18px}
.ca-btn span{display:grid;text-align:center;line-height:1.2}.ca-btn small{font-weight:700;font-size:12.5px;opacity:.9}

/* escalera 1 · 2 · 3 */
.ca-escalera .plan__fotos img{left:calc(var(--j)*16px)}

@media (min-width:768px){
  .ca-sec{padding:64px 0}
  .ca-pegada{padding-top:0}
  .ca-angosta{margin-inline:auto}
}