:root{--azul:#1ba9e0;--osc:#0b3550;--txt:#22313f;--fondo:#f4fbfe;--grad:linear-gradient(135deg,#1ba9e0,#0fd0c2)}
html,body{overflow-x:hidden}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--txt);background:#fff;line-height:1.6}
.wrap{max-width:1080px;margin:auto;padding:0 20px}
h1,h2,h3{color:var(--osc);line-height:1.2}
h2{font-size:2rem;margin-bottom:28px;text-align:center}
a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px);border-bottom:1px solid #e3eef4;z-index:9}
.nav-in{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.logo{font-size:1.25rem}.logo span{display:block;font-size:.65rem;color:#7a8a99;margin-top:-4px}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav a{font-weight:600;color:var(--osc)}
.btn{display:inline-block;padding:10px 20px;border-radius:999px;font-weight:700;transition:.2s}
.btn-main{background:var(--grad);color:#fff;box-shadow:0 6px 18px #1ba9e055}
.btn-main:hover{transform:translateY(-2px)}
.btn-ghost{border:2px solid var(--azul);color:var(--azul)}
.hero{background:var(--grad);color:#fff;padding:80px 0}
.hero-in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-size:2.6rem;margin:10px 0 16px}
.hero h1 em{font-style:normal;text-decoration:underline wavy #ffffff88}
.kicker{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:700}
.hero p{color:#eafcff}
.cta{margin:24px 0 12px;display:flex;gap:14px;flex-wrap:wrap}
.hero .btn-ghost{border-color:#fff;color:#fff}
.mini{font-size:.85rem;opacity:.9}
.hero-card{background:#ffffff22;border:1px solid #ffffff44;border-radius:18px;padding:26px;display:grid;gap:16px}
.stat b{font-size:1.6rem;display:block}.stat span{font-size:.85rem;color:#eafcff}
.sec{padding:70px 0}
.alt{background:var(--fondo)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e3eef4;border-radius:16px;padding:22px;box-shadow:0 4px 14px #0b355008}
.card .ico{font-size:1.8rem}.card h3{margin:8px 0 6px;font-size:1.05rem}
.card p{font-size:.9rem}
.show .card{padding:0;overflow:hidden}.show img{width:100%;display:block}.show figcaption{padding:12px;font-size:.9rem;font-weight:600;color:var(--osc)}
.planes{align-items:stretch}
.plan{border:1px solid #e3eef4;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px}
.plan.top{border:2px solid var(--azul);box-shadow:0 10px 30px #1ba9e022;transform:scale(1.03)}
.precio{font-size:2rem;color:var(--azul);font-weight:800}.precio span{font-size:.9rem;color:#7a8a99;font-weight:500}
.plan ul{list-style:none;display:grid;gap:8px;font-size:.92rem;flex:1}
.plan li::before{content:"✔ ";color:var(--azul)}
.plan .btn{text-align:center}
details{background:#fff;border:1px solid #e3eef4;border-radius:12px;padding:14px 18px;margin-bottom:12px}
summary{font-weight:700;color:var(--osc);cursor:pointer}
details p{margin-top:8px;font-size:.92rem}
footer{background:var(--osc);color:#cfe9f7;padding:40px 0}
.foot{display:grid;gap:8px;text-align:center}
footer a{color:#7fd8ff}
.wa-float{position:fixed;right:22px;bottom:22px;background:#25d366;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 8px 20px #0004;z-index:9}
@media(max-width:820px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:2rem}}