:root{--bg:#031827;--bg2:#06263a;--card:rgba(255,255,255,.09);--line:rgba(199,239,248,.18);--text:#f4fbff;--muted:#b8d5df;--accent:#4ddff0;--accent2:#78f2c8;--gold:#f4d38f;--radius:28px;--container:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 0%,rgba(77,223,240,.28),transparent 32%),radial-gradient(circle at 90% 8%,rgba(120,242,200,.18),transparent 28%),linear-gradient(180deg,#031827 0%,#052236 48%,#020d16 100%);line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 36px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:10;background:rgba(2,18,31,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.04em}
.logo-mark{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#042234;font-weight:900}
.menu{display:flex;gap:22px;color:var(--muted);font-weight:800;font-size:14px}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900}
.nav-cta{min-height:44px;padding:0 22px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#031827}
.hero{padding:96px 0 62px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,31,.83),rgba(2,18,31,.52)),var(--hero-img);background-size:cover;background-position:center;z-index:-2}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,13,22,.74));z-index:-1}
.eyebrow{display:inline-flex;border:1px solid rgba(77,223,240,.38);background:rgba(77,223,240,.11);color:#9ef7ff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
h1{font-size:clamp(38px,6vw,74px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 18px;max-width:850px}
.lead{font-size:clamp(18px,2vw,23px);color:#d8eef5;max-width:760px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{min-height:52px;padding:0 24px}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#031827}
.btn-secondary{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--text)}
.section{padding:68px 0}
.section h2{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}
.section p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 60px rgba(0,18,31,.22)}
.card h3{margin:0 0 10px;font-size:22px;line-height:1.18}
.card p{margin:0 0 14px}
.card img{border-radius:20px;margin:-6px 0 18px;width:100%;aspect-ratio:16/10;object-fit:cover}
.list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.list li{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:12px 14px;color:#d8eef5}
.price{font-size:34px;font-weight:900;color:var(--gold);letter-spacing:-.03em}
.note{font-size:14px;color:#9fc6d0}
.faq{display:grid;gap:14px}
details{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:22px;padding:18px 20px}
summary{cursor:pointer;font-weight:900;font-size:18px}
footer{border-top:1px solid var(--line);padding:34px 0;color:#9fc6d0}
.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:900px){.menu{display:none}.nav{min-height:66px}.logo-mark{width:40px;height:40px}.logo-name{font-size:16px}.nav-cta{min-height:38px;padding:0 14px;font-size:13px}.hero{padding:62px 0 42px}.grid,.grid.two{grid-template-columns:1fr}.section{padding:48px 0}.hero-actions .btn{width:100%;min-height:46px}h1{font-size:clamp(34px,10vw,48px)}}

/* MOBILE BURGER MENU — INTERNAL PAGES */
.burger-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 15px;
  background: rgba(255,255,255,.08);
  color: #f4fbff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  flex: 0 0 auto;
}
.burger-toggle span {
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
  transition: transform .22s ease, opacity .22s ease;
}
.burger-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger-toggle.is-open span:nth-child(2) { opacity: 0; }
.burger-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu { display: none; }

@media (max-width: 920px) {
  .burger-toggle { display: inline-flex; }
  .topbar { overflow: visible; }
  .nav { gap: 10px; }
  .mobile-menu {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 66px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }
  .mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .mobile-menu::before {
    content: "";
    position: fixed;
    inset: 66px 0 0;
    background: rgba(0, 13, 22, .58);
    backdrop-filter: blur(7px);
    z-index: -1;
  }
  .mobile-menu-panel {
    width: min(1120px, calc(100% - 36px));
    margin: 10px auto 0;
    padding: 12px;
    border: 1px solid rgba(199,239,248,.18);
    border-radius: 24px;
    background: rgba(3, 24, 39, .96);
    box-shadow: 0 24px 80px rgba(0, 10, 20, .45);
    display: grid;
    gap: 8px;
  }
  .mobile-menu-panel a {
    min-height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.08);
    color: #effbff;
    font-weight: 900;
    text-decoration: none;
  }
  .mobile-menu-panel a::after {
    content: "›";
    opacity: .55;
    font-size: 24px;
    line-height: 1;
  }
  .mobile-menu-panel .mobile-menu-whatsapp {
    margin-top: 4px;
    justify-content: center;
    background: linear-gradient(135deg, #4ddff0, #78f2c8);
    color: #031827;
  }
  .mobile-menu-panel .mobile-menu-whatsapp::after { display: none; }
  body.menu-open { overflow: hidden; }
}
@media (max-width: 560px) {
  .mobile-menu { top: 64px; }
  .mobile-menu::before { inset: 64px 0 0; }
  .burger-toggle { width: 38px; height: 38px; border-radius: 14px; }
  .mobile-menu-panel { width: min(100% - 24px, 1120px); }
}