:root{--navy:#063A5A;--oro:#C9A227;--bg:#F5F7FA;--tx:#1d2733}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,system-ui,Segoe UI,Arial,sans-serif;color:var(--tx);background:#fff;line-height:1.5}
a{color:var(--navy)}.wrap{max-width:1140px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e9ef;z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}header img{height:40px}
nav a{margin-left:22px;text-decoration:none;font-weight:600;font-size:15px}
.btn{display:inline-block;background:var(--oro);color:#1a1a1a;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.btn.o{background:transparent;border:2px solid #fff;color:#fff}.btn.n{background:var(--navy);color:#fff}
.hero{background:linear-gradient(135deg,var(--navy),#0b5582);color:#fff;padding:90px 0}
.hero h1{font-size:46px;line-height:1.1;margin:0 0 18px;font-weight:900}.hero h1 span{color:var(--oro)}
.hero p{font-size:19px;max-width:620px;opacity:.92}.hero .g{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero img.big{width:100%;max-width:340px;justify-self:center}
section{padding:70px 0}section.alt{background:var(--bg)}h2{font-size:32px;color:var(--navy);margin:0 0 10px;font-weight:900}
.sub{color:#5a6775;margin:0 0 36px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:22px}.card h3{margin:0 0 6px;color:var(--navy);font-size:18px}
.card p{margin:0;color:#4b5866;font-size:15px}.ic{font-size:26px;color:var(--oro)}
.steps{counter-reset:s}.steps .card h3:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--oro);color:#111;margin-right:10px;font-size:15px}
.plan{text-align:center}.plan.dest{border:2px solid var(--oro);transform:scale(1.03)}.precio{font-size:36px;font-weight:900;color:var(--navy)}
.ej{display:inline-block;background:#fff4d1;color:#7a5d00;font-size:12px;font-weight:700;padding:3px 8px;border-radius:5px;margin:6px 0}
.plan ul{text-align:left;padding-left:20px;font-size:15px;min-height:120px}
details{background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:16px 20px;margin-bottom:10px}summary{font-weight:700;cursor:pointer;color:var(--navy)}
footer{background:var(--navy);color:#cfdbe6;padding:34px 0;font-size:14px}footer img{height:34px}
.auth{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.box{background:#fff;padding:36px;border-radius:14px;width:100%;max-width:420px;box-shadow:0 10px 30px #0001}
.box img{height:44px;display:block;margin:0 auto 18px}label{font-weight:600;font-size:14px;display:block;margin-top:14px}
input,select{width:100%;padding:11px;border:1px solid #cdd5de;border-radius:8px;font-size:15px;margin-top:4px}.box .btn{width:100%;margin-top:20px}
.demo{background:#fff4d1;color:#7a5d00;font-size:13px;padding:8px 12px;border-radius:8px;margin-bottom:10px;text-align:center}
.estado{font-size:22px;font-weight:900;color:var(--navy)}.ok{color:#1a7f37}
@media(max-width:820px){.hero{padding:50px 0}.hero .g,.grid{grid-template-columns:1fr}.hero h1{font-size:34px}.hero img.big{max-width:180px;order:-1}nav a:not(.btn){display:none}.plan.dest{transform:none}}
.tape{overflow:hidden;white-space:nowrap;font-weight:700;font-size:14px;padding:10px 0}
.tape.t1{background:var(--oro);color:#1a1a1a}.tape.t2{background:var(--navy);color:#fff;border-top:3px solid var(--oro);border-bottom:3px solid var(--oro);font-size:16px;padding:14px 0}
.tape .track{display:inline-flex;animation:mq 40s linear infinite}.tape.t2 .track{animation-duration:48s;animation-direction:reverse}
.tape:hover .track{animation-play-state:paused}.grp{display:inline-flex}
.tape span{padding:0 22px}.tape span:after{content:"◆";margin-left:44px;opacity:.6}
.t2 span:after{color:var(--oro);opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tape .track{animation:none}.tape{white-space:normal}.tape .grp[aria-hidden]{display:none}.grp{flex-wrap:wrap;justify-content:center}}
.benef{background:#fff;border-bottom:1px solid #e5e9ef}.benef .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px}
.benef div div{font-weight:700;color:var(--navy);font-size:15px}.benef b{color:var(--oro);font-size:20px;margin-right:8px}
@media(max-width:820px){.benef .wrap{display:grid;grid-template-columns:1fr 1fr}}
.nota{font-size:13px;color:#5a6775;margin:4px 0 0;min-height:38px}.ahorro{color:#1a7f37}.pd{color:#8a95a3;font-style:italic;list-style:circle}

.btn.prox,.btn:disabled{opacity:.55;cursor:not-allowed}.aviso{display:inline-block;background:#fff4d1;color:#5c4600;font-weight:700;padding:14px 22px;border-radius:10px}

/* Protección anti-copia */
body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none;user-drag:none}
.legal a{color:#cfdbe6}

/* Ejemplos */
.vid{max-width:960px;margin:0 auto 28px;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px #063a5a33;border:3px solid var(--oro);background:#063A5A}.vid video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.car{position:relative}.track2{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px}
.sl{flex:0 0 min(560px,86%);scroll-snap-align:start;margin:0;background:#fff;border:1px solid #e3e8ee;border-radius:12px;overflow:hidden}.sl img{display:block;width:100%;height:auto}
.sl figcaption{padding:12px 14px;font-size:14px;color:#4b5866}.sl figcaption b{display:block;color:var(--navy);font-size:16px}
.cb{position:absolute;top:40%;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 2px 8px #0004}.cb.prev{left:-10px}.cb.next{right:-10px}
.tape a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.tape a:hover{text-decoration:underline}
.tape img{height:26px;width:46px;object-fit:cover;border-radius:4px;border:1px solid #0003;vertical-align:middle}
@media(max-width:820px){.cb{display:none}}