
/* goTramit V3 — editable. Cambiá colores y tipografías desde acá. */
:root{--blue:#1385ff;--blue2:#0ea5e9;--dark:#222;--text:#263238;--muted:#667085;--bg:#f6f9fc;--card:#fff;--line:#e6eef7;--green:#18b36b;--shadow:0 22px 70px rgba(19,133,255,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}.small{font-size:.9rem;color:var(--muted)}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:42px;width:auto}.menu{display:flex;gap:24px;align-items:center;font-weight:700;color:#2f3a45;font-size:.96rem}.menu a:hover{color:var(--blue)}.hamb{display:none;border:0;background:#eef6ff;border-radius:12px;padding:10px 12px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;transition:.2s ease;background:var(--blue);color:white;box-shadow:0 12px 30px rgba(19,133,255,.25)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(19,133,255,.32)}.btn.secondary{background:#fff;color:var(--blue);border:1px solid #cfe7ff;box-shadow:none}.btn.full{width:100%}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 45%,#fff 100%);padding:80px 0 70px}.hero:before{content:"";position:absolute;inset:auto -120px -180px auto;width:520px;height:520px;background:radial-gradient(circle,var(--blue) 0%,rgba(19,133,255,.08) 45%,transparent 70%);opacity:.3}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;background:#e9f5ff;color:#0b6ccf;border:1px solid #cfe8ff;border-radius:999px;padding:8px 13px;font-weight:800;font-size:.9rem}.hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;margin:20px 0 18px;color:#171b1f;letter-spacing:-.05em}.lead{font-size:1.18rem;color:#4c5967;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.trust div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(23,27,31,.04)}.trust strong{display:block;color:#12171d}.hero-card{position:relative;border-radius:32px;background:#fff;padding:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.screen{border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#17202a,#243445);color:white;min-height:440px;position:relative;padding:26px}.screen:before{content:"";position:absolute;inset:0;background:url('../img/hero-bg.jpg') center/cover;opacity:.22}.screen>*{position:relative}.screen-logo{height:40px;width:auto;margin-bottom:50px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.2))}.floating{background:rgba(255,255,255,.92);color:#1f2a37;border-radius:20px;padding:18px;margin:14px 0;box-shadow:0 18px 45px rgba(0,0,0,.15)}.floating b{color:var(--blue)}.section{padding:80px 0}.section.alt{background:var(--bg)}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--blue);font-weight:900}.section h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;margin:10px 0 14px;color:#17202a;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 35px rgba(16,24,40,.05)}.card .icon{width:48px;height:48px;border-radius:16px;background:#e9f5ff;display:grid;place-items:center;color:var(--blue);font-size:24px;margin-bottom:18px}.card h3{margin:0 0 10px;color:#17202a;font-size:1.24rem}.card p{color:#5b6876}.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}.case-visual{min-height:390px;border-radius:32px;background:linear-gradient(135deg,rgba(19,133,255,.9),rgba(14,165,233,.72)),url('../img/office-bg.jpg') center/cover;box-shadow:var(--shadow);padding:34px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.case-visual h3{font-size:2.1rem;line-height:1.05;margin:0}.steps{display:grid;gap:14px}.step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.num{min-width:34px;height:34px;border-radius:50%;background:var(--blue);color:white;font-weight:900;display:grid;place-items:center}.quote-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.quote-tabs{display:grid;gap:12px}.tab-btn{text-align:left;border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px;cursor:pointer}.tab-btn.active{border-color:var(--blue);box-shadow:var(--shadow)}.tab-btn strong{display:block;font-size:1.08rem;color:#17202a}.calculator{background:#fff;border:1px solid var(--line);border-radius:32px;padding:26px;box-shadow:var(--shadow)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:800;color:#273342}select,input,textarea{width:100%;border:1px solid #d7e3ef;border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:#1f2a37}textarea{min-height:96px;resize:vertical}.result{margin-top:18px;background:#f4f9ff;border:1px solid #cfe8ff;border-radius:22px;padding:20px}.price{font-size:2rem;font-weight:950;color:#17202a;letter-spacing:-.03em}.breakdown{display:grid;gap:8px;margin:14px 0}.breakdown div{display:flex;justify-content:space-between;border-bottom:1px dashed #c9d9e8;padding-bottom:7px}.contact-box{display:none;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.contact-box.show{display:block}.contact-box h3{margin-top:0}.notice{background:#fff8e6;border:1px solid #ffd982;border-radius:18px;padding:15px;color:#5c4100}.ok{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:18px;padding:15px;color:#11623a}.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-q{font-weight:900;color:#17202a;cursor:pointer;display:flex;justify-content:space-between}.faq-a{display:none;color:#5b6876;margin-top:8px}.faq-item.open .faq-a{display:block}.footer{background:#17202a;color:#dce8f3;padding:50px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.footer img{height:42px;width:auto}.footer a{color:#dce8f3}.edit-note{background:#eef6ff;border:1px solid #cfe8ff;border-radius:18px;padding:14px;color:#174d7c;margin-top:16px;font-size:.92rem}@media(max-width:900px){.menu{display:none;position:absolute;left:4%;right:4%;top:76px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hamb{display:block}.hero-grid,.case,.quote-wrap{grid-template-columns:1fr}.trust,.cards,.footer-grid{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.screen{min-height:360px}.hero{padding-top:44px}}
