:root{--bg:#0f1729;--head:#202c38;--panel:#192639;--text:#e7f6ff;--muted:#b5c8d9;--blue:#67c7ec;--line:#334558;--green:#00c800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Roboto,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1100px,90%);margin:auto}header{background:var(--head)}.brand{display:block;padding:24px 0 18px;text-align:center}.brand img{display:block;width:min(650px,100%);height:auto;margin:auto}.social{border-top:1px solid #121c28;border-bottom:1px solid #121c28}.social .wrap{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:13px 0;font-size:14px}.wa{background:var(--green);color:#071b09;padding:7px 23px;border-radius:28px;font-weight:700}nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:19px 0;font-size:13px}nav a{color:var(--text)}nav .active{color:var(--blue);border-bottom:2px solid var(--blue)}.crumb{font-size:13px;color:var(--muted);padding:27px 0 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center;padding:48px 0 66px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}h1,h2,h3{font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;line-height:1.16;color:#fff}h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-1.4px;margin:14px 0 22px}h1 span{color:var(--blue)}h2{font-size:32px;margin:0 0 20px}h3{font-size:21px;margin:12px 0}p{margin:0 0 20px}.lead{font-size:18px;color:#cfdeeb}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 20px;background:var(--blue);color:#102031;font-weight:700;border-radius:4px}.btn.outline{background:transparent;border:1px solid #758b9e;color:var(--text)}.small{font-size:13px;color:var(--muted)}.hero-note{margin:20px 0 0}.diagram{background:linear-gradient(145deg,#22364a,#142033);border:1px solid #3b546b;border-radius:8px;padding:29px;box-shadow:0 20px 50px #0002}.diagram h3{margin:0 0 24px}.sources{display:flex;gap:8px;flex-wrap:wrap}.sources span{border:1px solid #4b6277;padding:7px 12px;font-size:12px;border-radius:4px}.flow{text-align:center;color:var(--blue);font-size:25px;line-height:1.4;padding:8px}.core{text-align:center;border:1px solid var(--blue);background:#1c3a50;padding:19px;border-radius:5px}.core strong{font-size:25px;color:white;display:block}.core span{font-size:13px}.outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-size:12px}.outputs span{padding:12px 4px;background:#24394d;border-radius:4px}.band{background:#1b293b;border-block:1px solid var(--line);padding:24px 0}.band .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.band strong{display:block;color:#fff}.band span{font-size:14px;color:var(--muted)}section.content{padding:65px 0;border-bottom:1px solid var(--line)}.intro{max-width:820px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:26px}.card .num{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:2px}.card p{color:#cadbe8;font-size:15px;margin-bottom:13px}.card .benefit{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;color:var(--text)}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.check{list-style:none;padding:0;margin:22px 0}.check li{padding:9px 0 9px 26px;position:relative}.check li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.scope{padding:28px;background:var(--panel);border-left:3px solid var(--blue)}.scope h3{margin-top:0}.cases .card{border-top:3px solid var(--blue)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px}.steps b{font-size:28px;color:var(--blue)}.steps p{font-size:14px;color:var(--muted)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:18px;color:white;font-weight:700}details p{padding-top:16px;max-width:900px;color:var(--muted);margin-bottom:0}.cta{margin:60px 0;background:#21364b;border:1px solid #436078;border-radius:6px;padding:44px;display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:center}.cta h2{font-size:32px}.cta p{margin:0;color:#cfdeeb}.cta .actions{margin:0;justify-content:flex-end}footer{background:var(--head);padding:32px 0;color:var(--muted);font-size:13px}.footer-top{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.references{border-top:1px solid var(--line);padding-top:18px;font-size:12px}.skip{position:absolute;left:10px;top:-60px;background:white;color:#111;padding:10px}.skip:focus{top:10px}@media(max-width:800px){.hero,.two,.cta{grid-template-columns:1fr;gap:28px}.hero{padding:35px 0 45px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.brand img{max-width:500px}nav{gap:14px;font-size:11px}.cta .actions{justify-content:flex-start}}@media(max-width:520px){.grid,.band .wrap{grid-template-columns:1fr}.band .wrap{gap:15px}.social .wrap{gap:18px}.brand{padding:18px 0}h2{font-size:28px}section.content{padding:42px 0}.cta{padding:25px}.diagram{padding:20px}.steps{gap:18px}.card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Adaptación PetroControl y formulario seguro integrado. */
:root{color-scheme:dark}input,textarea,select,button{font:inherit}.container{width:min(1100px,90%);margin:auto}.wordmark{display:block;font-size:clamp(38px,6vw,66px);font-weight:800;line-height:1.15;letter-spacing:-2px;color:#fff}.wordmark>span{color:var(--blue)}.brand-domain{display:block;color:var(--muted);font-size:11px;letter-spacing:3px;margin-top:10px}.brand:hover{text-decoration:none}.contact-pill{background:var(--blue);color:#102031;padding:7px 23px;border-radius:28px;font-weight:700}.social .wrap{flex-wrap:wrap;gap:22px}.social .phone-link{white-space:nowrap}.hero h1{font-weight:700}.hero .actions .btn{font-size:14px}.diagram-footnote{margin:20px 0 0}.platform-footnote{margin-top:22px}.contact-section{padding:66px 0;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:55px}.contact-copy h2{font-size:42px;line-height:1.1;letter-spacing:-1px}.contact-copy h2>span{color:var(--blue)}.contact-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.contact-copy .eyebrow{font-size:11px;margin-bottom:20px}.contact-note{display:flex;gap:14px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.note-icon{width:42px;height:42px;flex:none;border:1px solid #58758b;border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--blue)}.contact-note p{font-size:12px;margin:0;line-height:1.7}.form-explainer{margin-top:46px}.form-explainer>span{font-size:10px;letter-spacing:1px;color:var(--blue);font-weight:700}.form-explainer p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.form-panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:0}.form-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:25px}.form-heading h3{font-family:Arial,sans-serif;font-size:18px;margin:0}.form-heading>span{font-size:10px;white-space:nowrap;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px;min-width:0}.field>label{display:block;font-size:12px;line-height:1.6;font-weight:700;margin-bottom:8px}.field label>span{color:var(--blue)}.field label .optional{font-size:10px;font-weight:400;color:var(--muted)}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:#111e30;border:1px solid #43556b;border-radius:4px;color:var(--text);padding:13px 12px;font-size:13px;line-height:1.5;min-height:48px}textarea{resize:vertical;min-height:150px}input::placeholder,textarea::placeholder{color:#a6bbcd;opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--blue)}.field small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}#message-count{float:right}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{height:17px;width:17px;flex:none;margin:3px 0 0;accent-color:var(--blue)}.consent label{font-size:11px;line-height:1.8;color:var(--muted)}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.form-submit p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 18px;border:0;border-radius:4px;background:var(--blue);color:#102031;font-size:13px;font-weight:700;cursor:pointer;min-height:49px}.button:hover{background:#9adcfa}.button:disabled{opacity:.7;cursor:wait}.button span{font-size:20px}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.privacy-section{padding:35px 0;background:var(--panel);border-top:1px solid var(--line)}.privacy-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:55px}.privacy-grid h2{font-size:23px;margin-bottom:14px}.privacy-grid p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:10px}.privacy-grid .eyebrow{font-size:11px}.notice{padding:18px;margin-bottom:22px;border:1px solid;border-radius:4px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notice p{margin:8px 0 0}.notice ul{padding-left:19px;margin-bottom:0}.notice a{color:inherit}.success{background:#123a32;color:#d9f7e5;border-color:#538d76}.error{background:#412a28;color:#ffe8df;border-color:#ad7360}.field .field-error,.field-error{color:#ffb39b;font-size:11px;line-height:1.6;display:block;margin-top:6px}[aria-invalid=true]{border-color:#d58065!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="-1"]:focus{outline:3px solid var(--blue);outline-offset:4px}.footer-top a{overflow-wrap:anywhere}.btn:hover,.contact-pill:hover{filter:brightness(1.08);text-decoration:none}.references{line-height:1.9}
@media(max-width:1050px){.form-heading{display:block}.form-heading>span{display:block;margin-top:8px}.contact-grid,.privacy-grid{gap:32px}.form-panel{padding:24px}}
@media(max-width:800px){.contact-grid,.privacy-grid{grid-template-columns:1fr;gap:26px}.contact-copy h2 br{display:none}.contact-note,.form-explainer{display:none}.form-heading{display:flex}.form-heading>span{margin:0}.contact-section{padding-block:44px}.hero h1{font-size:42px}.social .wrap{justify-content:center;gap:10px 22px}}
@media(max-width:520px){.form-row{grid-template-columns:1fr;gap:0}.form-panel{padding:22px 17px}.form-heading{display:block}.form-heading>span{margin-top:7px}.form-submit{flex-direction:column;align-items:stretch;gap:12px}.contact-copy h2{font-size:34px}.wordmark{letter-spacing:-1.4px}.brand-domain{letter-spacing:1.8px;font-size:9px}.social .wrap{font-size:12px;gap:9px 17px}.contact-pill{padding:6px 16px}.hero h1{font-size:36px}.diagram .sources{gap:6px}.sources span{font-size:11px;padding:6px 8px}.footer-top>div{max-width:100%}.privacy-grid{gap:8px}.privacy-grid .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}