:root{
  --blue:#1B3A6B; --blue-ink:#A3C1FF; --bg:#0F1E36; --bg-soft:#0D1A2E;
  --red:#E53935; --green:#2ECC71;
  --ink:#EAF2FF; --muted:#9FB3D3; --line:rgba(163,193,255,.25);
  --max:1280px; --radius:18px;
  --shadow:0 22px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:
  radial-gradient(1200px 700px at 70% -10%, rgba(39,174,96,.20), transparent),
  radial-gradient(1000px 800px at -10% 120%, rgba(229,57,53,.18), transparent),
  linear-gradient(180deg, var(--bg), var(--bg-soft));
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
img{max-width:100%;display:block;height:auto} a{color:var(--blue-ink);text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.section{padding:92px 0}
.card{background:linear-gradient(180deg, rgba(10,26,48,.72), rgba(9,20,38,.72));
  border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter: blur(14px); overflow:hidden; transform-style:preserve-3d}
hr.triad{height:2px;border:0;background:linear-gradient(90deg, var(--blue), var(--green), var(--red))}
.badge{display:inline-block;background:linear-gradient(90deg,var(--green),var(--blue));color:#06101B;border-radius:999px;padding:.28rem .62rem;font-size:.72rem;font-weight:800;letter-spacing:.2px}
.button{display:inline-flex;align-items:center;gap:.7rem;background:linear-gradient(90deg,var(--blue),#235298);color:#fff;padding:1rem 1.2rem;border-radius:999px;border:0;cursor:pointer;box-shadow:0 0 28px rgba(26,82,152,.45);font-weight:900;letter-spacing:.3px}
.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.button.red{background:linear-gradient(90deg,var(--red),#FF6B66)} .button.green{background:linear-gradient(90deg,var(--green),#5BE39A); color:#06101B}
.button:hover{transform:translateY(-1px)}
.helper{color:var(--muted)}
/* Nav with logo description */
nav{position:sticky;top:0;z-index:90;background:rgba(6,12,22,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand .desc{font-size:.82rem;color:var(--blue-ink);opacity:.92}
.nav-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.nav-links a{padding:.56rem .86rem;border-radius:12px;color:var(--muted)} .nav-links a:hover{background:rgba(255,255,255,.06);color:var(--ink)}
/* Hero with 3D layers */
.hero{position:relative;min-height:82vh;display:grid;place-items:center;overflow:hidden;color:var(--ink);perspective:1000px}
.hero .bg{position:absolute;inset:0;background:url('../img/hero.jpg') center/cover no-repeat;opacity:.16;mix-blend:screen;transform:translateZ(-120px) scale(1.2)}
.hero .content{position:relative;z-index:2;padding:120px 0;text-align:center;transform-style:preserve-3d}
.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.03;margin:0 0 12px}
.hero .lead{font-size:clamp(1rem,1.5vw,1.2rem);opacity:.96;max-width:80ch;margin:0 auto}
/* Rotating phrases */
.rotator{display:inline-block;min-width:12ch}
.rotator .phrase{display:inline-block;animation:slide 7s infinite}
@keyframes slide{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-110%)}45%{transform:translateY(-110%)}50%{transform:translateY(-220%)}70%{transform:translateY(-220%)}75%{transform:translateY(-330%)}95%{transform:translateY(-330%)}100%{transform:translateY(0)}}
/* 3D tilt cards */
.tilt{transform:rotateX(0deg) rotateY(0deg); transition: transform .2s ease}
.tilt:hover{transform:translateZ(20px) rotateX(4deg) rotateY(-4deg)}
/* Grids */
.grid{display:grid;gap:28px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.grid-3,.grid-2{grid-template-columns:1fr}}
/* Forms */
.input,.select,.textarea{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(9,20,38,.6);color:var(--ink)}
label{font-weight:700;color:var(--blue-ink)}
/* Footer videos */
footer{border-top:1px solid var(--line);background:linear-gradient(180deg, rgba(8,16,30,.9), rgba(8,16,30,.95));margin-top:56px}
.footer-videos{padding:30px 0;border-bottom:1px solid var(--line)}
.footer-bottom{padding:22px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr}}
.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.3);background:#000}
.embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
/* Floating WhatsApp */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:100;background:linear-gradient(90deg,var(--green),#5BE39A); color:#06101B;
  display:inline-flex;align-items:center;gap:10px;padding:.8rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.2); box-shadow:0 14px 40px rgba(0,0,0,.45)}
.whatsapp-float img{width:22px;height:22px}
.whatsapp-float:hover{transform:translateY(-2px)}
/* 3D carousel (Resultados) */
.carousel{position:relative;height:420px;perspective:1200px}
.carousel-track{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.carousel-item{position:absolute;top:50%;left:50%;transform-style:preserve-3d;width:60%;max-width:680px;transform:translate(-50%,-50%)}
.carousel-item img{border-radius:14px;border:1px solid var(--line)}
.carousel-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px}
.ctrl{background:rgba(4,8,16,.6);border:1px solid var(--line);backdrop-filter:blur(8px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer}