/* ---------- inicio ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 78% 8%,#1B3270 0%,#0B1430 48%,#05070D 100%);border-bottom:1px solid var(--line)}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:40px;padding-bottom:0}
.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.0;letter-spacing:-.045em;font-weight:650}
.hero p.l{font-size:clamp(17px,2.2vw,20px);color:#C3CBDC;margin-top:22px;max-width:520px;line-height:1.55}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;align-items:center}
.cta small{color:var(--mut);font-size:14px}
.hs{position:relative;height:720px;margin-top:24px;align-self:end;overflow:hidden}
.hs .ph{position:absolute;height:auto}
.hs .front{width:370px;left:0;top:0;z-index:2;filter:drop-shadow(0 50px 70px rgba(0,0,0,.55))}
.hs .back{width:310px;right:0;top:86px;transform:rotate(5deg);transform-origin:top left;z-index:1;opacity:.9}
.strip{border-bottom:1px solid var(--line);background:#070A12}
.strip .w{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;font-size:15px;color:#AEB6CC}
.strip span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4C8DFF;margin-right:10px;vertical-align:2px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:112px 0 0}
.feat.rev .ft{order:2}
.feat .eb{font-size:14px;font-weight:600;color:#7FB0FF}
.feat h2{font-size:clamp(30px,4.2vw,44px);letter-spacing:-.035em;line-height:1.08;font-weight:650;margin-top:10px}
.feat p{color:#C3CBDC;font-size:17px;line-height:1.6;margin-top:16px;max-width:480px}
.feat ul{list-style:none;padding:0;margin-top:22px;display:grid;gap:10px}
.feat li{display:flex;gap:12px;font-size:15.5px;color:#C9D0DF}
.feat li:before{content:"";flex:0 0 18px;height:18px;border-radius:50%;margin-top:2px;background:rgba(76,141,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB0FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}
.fs{display:flex;flex-direction:column;align-items:center;padding:40px 0 28px;border-radius:36px;background:radial-gradient(460px 420px at 50% 38%,rgba(76,141,255,.16),transparent 70%)}
.fs .ph{width:360px;height:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.5))}
.exn{font-size:12px;color:var(--dim);margin-top:14px}
.steps,.trust,.faq,.end{margin-top:120px}
.steps h2,.trust h2,.faq h2,.end h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.1;font-weight:650}
.sg,.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.sg div,.tg div{border-radius:24px;background:var(--glass);border:1px solid var(--line);padding:24px}
.sg .n{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#0A0E18;font-size:15px}
.sg h3,.tg h3{font-size:18px;font-weight:600;margin-top:14px}
.tg h3{margin-top:0}
.sg p,.tg p{color:var(--mut);font-size:15px;line-height:1.55;margin-top:8px}
.trust .more{display:inline-block;margin-top:18px;color:#7FB0FF;text-decoration:none;font-size:15px}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq details:first-of-type{margin-top:16px;border-top:1px solid var(--line)}
.faq summary{font-size:18px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--mut);font-weight:400}
.faq details[open] summary:after{content:"−"}
.faq details p{color:#C3CBDC;font-size:16px;line-height:1.6;margin-top:10px;max-width:720px}
.end{text-align:center;padding:72px 24px;border-radius:32px;background:radial-gradient(600px 300px at 50% 0%,#1B3270,#0A1024 70%);border:1px solid var(--line)}
.end p{color:#C3CBDC;font-size:18px;margin:12px 0 28px}
.doc code{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:rgba(255,255,255,.07);padding:2px 6px;border-radius:6px}
@media (max-width:900px){
 .hero .grid,.feat{grid-template-columns:1fr;gap:28px}
 .feat{padding-top:72px}.feat.rev .ft{order:0}
 .hs{height:min(118vw,600px)}
 .hs .front{width:min(78vw,340px);left:50%;transform:translateX(-50%)}
 .hs .back{display:none}
 .fs .ph{width:min(80vw,340px)}
 .sg,.tg{grid-template-columns:1fr}
 .steps,.trust,.faq,.end{margin-top:80px}
 .strip .w{flex-direction:column;gap:10px}
}
/* ---------- pantallas: imágenes del kit de Cielo ---------- */
.ph{display:block;max-width:none;-webkit-user-select:none;user-select:none}