:root{--bg:#05070b;--panel:#0b111b;--blue:#147cff;--cyan:#16d9ff;--text:#f5f8ff;--muted:#a7b1c2;--line:rgba(255,255,255,.1);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,system-ui,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:auto;padding:18px 24px;background:rgba(5,7,11,.9);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand{font-weight:900;text-decoration:none;letter-spacing:1px}.brand span{color:var(--cyan)}.brand small{color:var(--cyan)}nav{display:flex;gap:20px;align-items:center}nav a{text-decoration:none;color:var(--muted);font-size:14px}.btn{display:inline-block;border:0;border-radius:11px;padding:13px 20px;background:linear-gradient(100deg,var(--blue),var(--cyan));color:#001018;text-decoration:none;font-weight:800;cursor:pointer}.hero{max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:700px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-3px}.hero em{font-style:normal;color:var(--cyan)}.lead{font-size:19px;color:var(--muted)}.stats{display:flex;gap:30px;margin-top:35px}.stats b{display:block;font-size:23px}.stats small{color:var(--muted)}.chart{padding:25px;border:1px solid rgba(22,217,255,.25);border-radius:24px;background:linear-gradient(145deg,rgba(20,124,255,.14),rgba(5,7,11,.8));box-shadow:0 30px 90px rgba(0,110,255,.15)}.chart>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.chart span{color:#7fffe0}.chart svg{width:100%;margin:30px 0}.grid{stroke:rgba(255,255,255,.07)}.line{fill:none;stroke:var(--cyan);stroke-width:4}.chart small{color:var(--muted)}.section{max-width:var(--max);margin:auto;padding:100px 24px}.dark{max-width:none;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2));background:#080d15;border-block:1px solid var(--line)}h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-1.5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.cards p,.steps p,details p,.contact p,footer{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps b{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact a{color:#7fffe0;font-weight:800;text-decoration:none}form{display:grid;gap:15px;padding:30px;background:#0a1019;border:1px solid var(--line);border-radius:22px}label{display:grid;gap:7px;font-size:13px}input,select,textarea{width:100%;background:#060a10;color:#fff;border:1px solid #263242;border-radius:9px;padding:12px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(22,217,255,.2);border-color:var(--cyan)}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:8px;color:var(--muted);font-size:12px}.check input{width:auto;margin-top:4px}.check a{color:var(--cyan)}.hp{position:absolute;left:-9999px;opacity:0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:800}footer{border-top:1px solid var(--line);padding:45px max(24px,calc((100% - var(--max))/2));font-size:12px}footer a{color:#7fffe0}@media(max-width:850px){nav a:not(.btn){display:none}.hero,.contact{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.row{grid-template-columns:1fr}.hero{padding-top:55px}}

header .brand .logo {
  display: block;
  width: 250px;
  max-width: 100%;
  height: auto;
}

header .brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  header .brand .logo {
    width: 175px;
  }
}

header a.brand {
  display: inline-flex !important;
  position: relative !important;
  width: 230px !important;
  max-width: 35vw !important;
  height: auto !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

header a.brand img.logo {
  display: block !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 600px) {
  header a.brand {
    width: 150px !important;
    max-width: 40vw !important;
  }
}

/* Ajustes para móviles */
@media (max-width: 600px) {
  header {
    gap: 10px;
    padding: 12px 15px;
  }

  header a.brand {
    width: 175px !important;
    max-width: 52vw !important;
  }

  header nav {
    gap: 6px;
  }

  header nav a.btn {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
}
