/* Técnicos Gas Bogotá — CSS propio, sin frameworks */
:root{--bg:#07141d;--bg2:#0c1f2b;--ink:#0c1720;--muted:#5a6974;--line:#dce4e8;--surface:#fff;--soft:#f3f7f8;--accent:#f0b323;--accent2:#ffc84b;--teal:#0d7f78;--max:1180px;--radius:22px;--shadow:0 18px 55px rgba(7,20,29,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}.topbar{background:#031019;color:#dbe8ec;font-size:.88rem}.topbar .container{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:38px}.topbar strong{color:#fff}.topbar a{text-decoration:underline;text-underline-offset:3px}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(7,20,29,.08)}.navinner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.03em;font-size:1.07rem}.brandmark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--accent2),var(--accent));display:grid;place-items:center;color:#07141d;font-weight:1000;box-shadow:0 8px 20px rgba(240,179,35,.3)}.menu{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.92rem}.menu a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#07141d;box-shadow:0 12px 28px rgba(240,179,35,.24)}.btn-primary:hover{background:var(--accent2)}.btn-dark{background:#0a1b25;color:#fff}.btn-outline{border-color:#bfcbd0;background:#fff}.mobile-toggle{display:none;background:none;border:0;font-size:1.5rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(13,127,120,.27),transparent 30%),radial-gradient(circle at 10% 5%,rgba(240,179,35,.18),transparent 28%),linear-gradient(145deg,#06131c,#0b2330);color:#fff;padding:88px 0 80px}.hero:after{content:"";position:absolute;inset:auto -120px -200px auto;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:900;color:#ffd774}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.hero h1{font-size:clamp(2.65rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;max-width:880px}.hero p{font-size:1.13rem;color:#d7e2e6;max-width:760px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trustline{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.pill{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);padding:8px 12px;border-radius:999px;color:#dce8eb;font-size:.87rem}.hero-card{background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.hero-card h2{font-size:1.45rem;letter-spacing:-.03em;margin:0 0 8px}.hero-card p{font-size:.95rem;color:var(--muted)}.quick{display:grid;gap:10px;margin-top:18px}.quick a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:var(--soft);border-radius:13px;font-weight:800;font-size:.93rem}.quick a:hover{background:#e9f2f2}.section{padding:82px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--bg);color:#fff}.sectionhead{max-width:780px;margin-bottom:34px}.sectionhead h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em;margin:9px 0 14px}.sectionhead p{color:var(--muted);font-size:1.04rem;margin:0}.dark .sectionhead p{color:#bacbd1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(7,20,29,.04);transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .num{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff2c9;color:#7b5700;font-weight:950}.card h3{font-size:1.18rem;margin:16px 0 8px;letter-spacing:-.025em}.card p{margin:0;color:var(--muted);font-size:.95rem}.card .link{display:inline-flex;margin-top:16px;font-weight:850;color:var(--teal)}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.featurepanel{border-radius:28px;background:linear-gradient(135deg,#0c2734,#0b5754);color:#fff;padding:38px;min-height:380px;position:relative;overflow:hidden}.featurepanel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:54px solid rgba(255,255,255,.07);right:-80px;bottom:-90px}.featurepanel h3{font-size:2.05rem;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.checklist{list-style:none;padding:0;margin:22px 0 0}.checklist li{display:flex;gap:11px;margin:12px 0;color:#dce9ea}.checklist li:before{content:"✓";flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.13);display:grid;place-items:center;font-weight:900;color:#ffd873}.copy h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:12px 0 18px}.copy p{color:var(--muted)}.zones{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zone{min-height:160px;border-radius:20px;padding:22px;color:#fff;background:linear-gradient(150deg,#0c202b,#105851);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.zone:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.zone>*{position:relative}.zone small{text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#b9d9d6}.zone strong{font-size:1.5rem;letter-spacing:-.035em}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;font-weight:850;padding:18px 30px 18px 0;position:relative}.faq summary:after{content:"+";position:absolute;right:0;font-size:1.3rem}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin:0 0 18px}.cta{border-radius:30px;padding:42px;background:linear-gradient(135deg,#f4bd33,#ffd566);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 10px}.cta p{margin:0;max-width:720px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contactbox{background:#0a1b25;color:#fff;border-radius:24px;padding:28px}.contactbox h3{font-size:1.55rem;margin-top:0}.contactbox p{color:#cbd9dd}.form{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd6db;border-radius:12px;padding:12px 13px;background:#fff}.field textarea{min-height:115px;resize:vertical}.formnote{font-size:.82rem;color:var(--muted);margin-top:10px}.emergency{background:#fff3cd;border:1px solid #f3d873;color:#594300;border-radius:16px;padding:16px 18px;margin-top:20px}.emergency strong{display:block}.breadcrumbs{font-size:.86rem;color:#647580;margin:22px 0}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.content{max-width:820px}.content h2{font-size:2rem;line-height:1.12;letter-spacing:-.035em;margin:45px 0 15px}.content h3{font-size:1.25rem;margin-top:28px}.content p,.content li{color:#44545e}.content a{color:#08756f;text-decoration:underline;text-underline-offset:3px}.toc{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:20px;margin:24px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;margin:4px 0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.stat{border-radius:17px;background:var(--soft);padding:18px}.stat strong{display:block;font-size:1.25rem}.footer{background:#04121a;color:#d5e0e4;padding:54px 0 26px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.footer h3,.footer h4{color:#fff}.footer p,.footer a{color:#aebfc5;font-size:.9rem}.footer a{display:block;margin:7px 0}.footer a:hover{color:#fff}.footbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:20px;color:#8fa5ad;font-size:.83rem;display:flex;justify-content:space-between;gap:20px}.stickywa{position:fixed;right:20px;bottom:20px;z-index:40;border:0;background:#1dbe63;color:#fff;width:58px;height:58px;border-radius:50%;box-shadow:0 16px 38px rgba(0,0,0,.24);display:grid;place-items:center;font-weight:950}.notice{padding:15px 18px;border-radius:15px;border:1px solid #d4e0e4;background:#f7fafb;color:#4d5d67}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--teal)}
@media(max-width:950px){.menu{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.mobile-toggle{display:block}.navinner>.btn{display:none}.hero-grid,.split,.contactgrid{grid-template-columns:1fr}.hero-card{max-width:650px}.cards{grid-template-columns:repeat(2,1fr)}.zones{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.hero{padding-top:65px}}
@media(max-width:620px){.container{width:min(100% - 26px,var(--max))}.topbar .container{padding:7px 0}.topbar span:last-child{display:none}.hero{padding:54px 0}.hero h1{font-size:2.7rem}.cards,.zones,.fields,.statgrid,.footergrid{grid-template-columns:1fr}.section{padding:62px 0}.hero-card,.featurepanel,.cta,.form,.contactbox{padding:22px}.footbottom{flex-direction:column}.stickywa{right:14px;bottom:14px}.navinner{height:68px}.menu{top:68px}}