:root{--bg:#F7FAFC;--ink:#1F2937;--muted:#6B7280;--glass:rgba(255,255,255,.72);--glass-2:rgba(92,142,242,.08);--primary:#5C8EF2;--primary-30:rgba(92,142,242,.30);--secondary:#4FD1C5;--secondary-30:rgba(79,209,197,.30);--amber:#F6C177;--border:#E5E7EB;--ring:0 0 0 4px rgba(92,142,242,.22)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Noto Sans,Helvetica,Arial}
img,video{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.container{max-width:1140px;margin:auto;padding:24px 18px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);object-fit:cover}.brand b{font-size:18px}
.lang{display:flex;gap:8px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.85);cursor:pointer}.chip.active{background:var(--primary);color:#fff;box-shadow:var(--ring)}
.hero{position:relative;border-radius:18px;overflow:hidden;margin-top:16px}
.hero::before{content:"";position:absolute;inset:0;background:url('images/hero.jpg') center/cover no-repeat;filter:blur(10px) saturate(1.05) brightness(1);transform:scale(1.04)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;padding:24px}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr}}
.pane{background:var(--glass);backdrop-filter:blur(8px) saturate(1.1);border:1px solid var(--border);border-radius:16px;padding:18px}
h1{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:8px 0 10px}.lead{color:var(--muted)}
.kpis{display:flex;gap:8px;flex-wrap:wrap}.tag{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px;color:#374151}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn{padding:12px 18px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;transition:all .25s ease}
.btn.primary{background:var(--primary);color:#fff;box-shadow:0 6px 18px var(--primary-30)}.btn.primary:hover{transform:translateY(-1px);filter:brightness(.97)}
.btn.ghost{background:rgba(255,255,255,.9);border-color:var(--border)}
.btn.whatsapp{background:rgba(37,211,102,.88);color:#062e14}.btn.telegram{background:rgba(34,158,217,.88);color:#06263b}
.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.cols-2,.cols-3{grid-template-columns:1fr}}
.card{background:var(--glass);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:16px;padding:18px}
.tint{background:var(--glass-2)}.section-title{text-align:center;font-size:24px;margin:24px 0 10px}
.list{display:grid;gap:8px;margin:0;padding:0}.list li{list-style:none;display:flex;gap:10px}.list .b{color:#059669}
input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);font:inherit}
.note{font-size:13px;color:#6b7280}footer{color:#6b7280;text-align:center;padding:28px 0}
.pane.tint img{max-height:340px;width:100%;object-fit:cover;border-radius:12px}
.calc{background:linear-gradient(90deg, rgba(92,142,242,.12), rgba(79,209,197,.12));border:1px solid var(--border);border-radius:18px;padding:18px}
.calc h3{margin:0 0 6px}.row{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}
.slider{display:flex;gap:12px;align-items:center}
.slider input[type=range]{width:100%}
.totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.total-box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}
.total-box b{font-size:22px}
#price{max-width:140px}
.badge{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 10px;margin-top:6px}

.pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.pills{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pills{grid-template-columns:1fr}}
.pill{position:relative;border-radius:16px;padding:16px 14px;overflow:hidden}
.pill::before{content:"";position:absolute;inset:0;opacity:.95;
  background:linear-gradient(135deg, rgba(92,142,242,.95), rgba(79,209,197,.95));
}
.pill-inner{position:relative;color:#0b1e29;background:rgba(255,255,255,.92);border:1px solid var(--border);
  border-radius:12px;padding:14px;display:grid;gap:6px;min-height:96px;box-shadow:0 6px 18px rgba(0,0,0,.06)
}
.pill h3{margin:0;font-size:16px}
.pill p{margin:0;font-size:13px;color:#374151}

.video-wrap{border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.12);border:1px solid var(--border);background:#000}
.video-wrap video{display:block;width:100%;height:auto}
.video-section h2{margin:0 0 10px;text-align:center}

.lang .chip{transition:all .2s ease}
.lang .chip.active{background:var(--primary);color:#fff;box-shadow:var(--ring)}
/* Compact video cover */
.video-cover{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);height:400px;background:#000}
@media (max-width:700px){.video-cover{height:250px}}
.video-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(1.02) brightness(.96)}
.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.play-btn button{width:84px;height:84px;border-radius:999px;border:none;background:rgba(92,142,242,.95);box-shadow:0 10px 24px rgba(92,142,242,.35);cursor:pointer;transition:transform .15s ease}
.play-btn button:hover{transform:scale(1.05)}
.play-btn svg{width:34px;height:34px;fill:#fff;margin-left:4px}
.fade-out{animation:fadeOut .35s ease forwards}
@keyframes fadeOut{from{opacity:1}to{opacity:0;visibility:hidden}}
.video-player{display:none;border-radius:18px;overflow:hidden;border:1px solid var(--border)}