@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--red:#e60000;--ink:#141414;--muted:#666;--line:#ddd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Barlow',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}header{height:100px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white}.logo{width:235px;height:auto}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-cta{background:var(--ink);color:white;padding:15px 20px;border-radius:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px}.hero-copy{padding:65px 10% 30px 11%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 24px;color:var(--red)}h1,h2,h3,.brand-word{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-size:clamp(64px,6.8vw,104px);line-height:.97;letter-spacing:-2px;margin:0 0 26px;font-weight:800}h1 em{color:var(--red);font-style:normal}.intro{max-width:390px;color:var(--muted);line-height:1.7;margin-bottom:28px}.button{display:inline-flex;background:var(--red);color:white;padding:18px 24px;gap:45px;font-weight:600;border-radius:4px}.hero-foot{display:flex;gap:22px;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.brand-panel{background:var(--red);color:white;position:relative;overflow:hidden;padding:40px 10%;display:flex;flex-direction:column;justify-content:center}.panel-label{font-size:12px;letter-spacing:2px;position:absolute;top:43px}.brand-word{font-size:clamp(64px,7vw,110px);font-weight:900;font-style:italic;letter-spacing:-3px;line-height:.9}.brand-word span{display:block;font-size:.8em;letter-spacing:1px}.brand-line{height:9px;width:80px;background:white;margin-top:30px}.brand-panel>p{font-size:24px;line-height:1.4}.panel-bottom{position:absolute;bottom:33px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:14px;gap:15px}.section{padding:85px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:15px}h2{font-size:clamp(38px,4vw,56px);line-height:1.05;margin:0;font-weight:700}.section-title>p{color:var(--muted);line-height:1.6;margin:0}.fuels{background:#f4f4f4}.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fuel-grid article{padding:28px 30px 25px;background:white;border-top:4px solid #444;position:relative}.fuel-no{font-size:14px;color:var(--muted)}h3{font-size:42px;margin:22px 0 10px}.fuel-grid p{color:var(--muted);line-height:1.6;min-height:52px;max-width:300px}.fuel-type{font-size:12px;font-weight:700;letter-spacing:2px;display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.fuel-grid .super{border-color:var(--red)}.super h3{color:var(--red)}.fuel-grid .diesel{background:var(--ink);color:white;border-color:var(--ink)}.diesel p,.diesel .fuel-no{color:#bbb}.diesel .fuel-type{border-color:#444}.payments{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.payments>div>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:360px}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.payment-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 18px;font-size:24px;font-weight:700;display:flex;flex-direction:column;justify-content:center;min-height:115px}.payment-grid span{font-size:12px;color:var(--muted);font-weight:400;display:block;margin-top:10px}.bac{color:#c90022}.visa{color:#193591;font-style:italic}.payment-note{font-size:14px;line-height:1.6;color:var(--muted)}.stations{background:#f4f4f4}.locator{display:grid;grid-template-columns:330px 1fr;gap:20px}.station-list{display:flex;flex-direction:column;gap:7px}.station-button{width:100%;display:flex;align-items:center;gap:18px;text-align:left;background:white;border:1px solid #ddd;padding:16px 18px;cursor:pointer;font-family:inherit;color:var(--ink);border-radius:3px}.station-button strong{display:block;font-size:16px}.station-button small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.station-button .number{font-size:14px;color:var(--muted)}.station-button .arrow{margin-left:auto}.station-button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:white}.station-button[aria-pressed="true"] small,.station-button[aria-pressed="true"] .number{color:#fff}.map-wrap{position:relative;background:#e4e7e9;border-radius:3px;overflow:hidden;min-width:0}#map{height:540px;background:#e4e7e9}.map-caption{display:flex;justify-content:space-between;padding:20px 24px;background:white;gap:20px;align-items:center}.map-caption>span{font-weight:600}.map-caption a{color:var(--red);font-size:14px;font-weight:700;white-space:nowrap}#map-error{padding:20px;line-height:1.6}.station-marker{background:var(--red);border:3px solid white;border-radius:50%;color:white;text-align:center;font:700 14px/28px Arial;box-shadow:0 2px 8px #0004}.leaflet-popup-content{font-family:'Barlow',Arial,sans-serif;line-height:1.6}.leaflet-popup-content a{color:var(--red)}footer{padding:35px 6%;display:flex;align-items:center;gap:25px;font-size:14px}footer img{width:160px}footer p{color:var(--muted)}footer span{margin-left:auto;color:var(--muted)}footer>a{font-weight:600}a:focus-visible,button:focus-visible{outline:3px solid #145fea;outline-offset:4px}@media(max-width:900px){header{padding:0 5%;height:85px}.logo{width:190px}nav{gap:18px}nav>a:not(.nav-cta){display:none}.hero-copy{padding:50px 10%}.hero{min-height:550px}.brand-panel{padding:35px 8%}.payments{gap:35px;grid-template-columns:1fr 1.3fr}.payment-grid{grid-template-columns:repeat(2,1fr)}.locator{grid-template-columns:280px 1fr}.section{padding:65px 5%}.fuel-grid p{min-height:78px}footer{flex-wrap:wrap}footer span{margin-left:0}}@media(max-width:600px){header{height:78px}.logo{width:165px}.nav-cta{font-size:12px;padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}h1{font-size:72px}.hero-foot{margin-top:30px}.brand-panel{min-height:315px;padding:60px 6%}.brand-word{font-size:70px}.brand-word span{display:inline;margin-left:12px;font-size:.8em}.panel-label{top:25px}.brand-panel>p{font-size:20px}.panel-bottom{left:6%;right:6%;bottom:20px}.brand-line{margin-top:20px;height:5px}.section{padding:50px 6%}.section-title{display:block}.section-title>p{margin-top:20px}.eyebrow{font-size:12px;letter-spacing:1.3px}.fuel-grid{grid-template-columns:1fr;gap:15px}.fuel-grid p{min-height:0}.fuel-grid article{padding:23px}.fuel-grid h3{margin-top:12px}.fuel-type{margin-top:20px}.payments{grid-template-columns:1fr;gap:25px}.payment-grid>div{font-size:23px}.locator{grid-template-columns:1fr}.station-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.station-button{padding:13px 10px;gap:8px}.station-button strong{font-size:14px}.station-button small{font-size:12px}.station-button .arrow{display:none}#map{height:380px}.map-caption{padding:18px 14px;font-size:14px}footer{gap:15px}footer img{width:145px}footer p{margin:0}footer span{width:100%;font-size:12px}footer>a{font-size:14px}}

.station-card{background:white;border:1px solid #ddd;border-radius:3px;overflow:hidden}.station-card .station-button{border:0;border-radius:0;padding:12px 16px}.station-maps{display:block;padding:10px 16px;color:var(--red);font-size:14px;font-weight:700;border-top:1px solid #eee}.station-maps:hover{text-decoration:underline}.station-card .station-button[aria-pressed=true]+a{background:#fff5f5}#map{height:670px}@media(max-width:600px){#map{height:380px}.station-card .station-button{padding:12px 10px}.station-maps{padding:10px;font-size:12px}}

.station-card .arrow{display:block!important;color:var(--red);font-size:23px}.station-card .station-button:hover{background:#fff5f5}.station-card .station-button{min-height:60px}

.map-caption-copy{display:flex;flex-direction:column;gap:3px}.map-caption-copy>span{color:var(--red);font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.map-caption-copy>strong{font-size:18px}.map-caption-copy>small{color:var(--muted);font-size:13px}.station-card .station-button[aria-pressed=true] .arrow{color:white}.department-count-marker{background:#171717;border:2px solid white;border-radius:50%;color:white;text-align:center;font:800 12px/24px Arial;box-shadow:0 2px 8px #0005}.department-count-marker.is-selected{background:var(--red)}.leaflet-container{font-family:'Barlow',Arial,sans-serif}.leaflet-control-attribution{font-size:9px!important}

/* Logotipo transparente y de mayor presencia */
header{grid-template-columns:280px 1fr auto}
header .logo{display:block;width:265px;height:auto}
.hero-brand{max-width:370px}
.hero-brand img{width:330px;max-width:100%;background:transparent;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(0 8px 18px #0008)}
footer .footer-brand img{width:220px;height:auto}

/* Entrada y conteo de las cifras corporativas */
.corporate-stats>div:not(.commercial-partner){transition:transform .65s ease,opacity .65s ease}
.corporate-stats:not(.stats-visible)>div:not(.commercial-partner){transform:translateY(18px);opacity:.5}
.corporate-stats.stats-visible>div:not(.commercial-partner){transform:translateY(0);opacity:1}
.corporate-stats.stats-visible>div:nth-child(2){transition-delay:.07s}
.corporate-stats.stats-visible>div:nth-child(3){transition-delay:.14s}
.corporate-stats.stats-visible>div:nth-child(4){transition-delay:.21s}
.stat-count{font-variant-numeric:tabular-nums;display:inline-block;min-width:4ch}
@media(max-width:1120px){header{grid-template-columns:245px 1fr auto}header .logo{width:235px}.hero-brand img{width:290px}}
@media(max-width:900px){header .logo{width:225px}.hero-brand{max-width:300px}.hero-brand img{width:285px}}
@media(max-width:600px){header .logo{width:205px}.hero-brand{max-width:250px}.hero-brand img{width:245px}footer .footer-brand img{width:190px}}
@media(prefers-reduced-motion:reduce){.corporate-stats>div:not(.commercial-partner){transition:none!important;transform:none!important;opacity:1!important}}
/* Identidad de marca: usar siempre el logotipo original. */
.brand-logo-wrap{background:#fff;border-radius:12px;padding:14px 18px;max-width:520px;box-shadow:0 18px 42px #85000055}
.brand-logo{display:block;width:100%;height:auto}
@media(max-width:600px){.brand-logo-wrap{padding:10px 12px;border-radius:9px}}
.fuel-grid .premium{border-color:var(--red)}.premium h3{color:var(--red)}.fuel-grid .plus{border-color:#c8a400}.plus h3{color:#a58700}
.hero-foot{flex-wrap:wrap}.hero-foot span{display:flex;flex-direction:column;min-width:105px}.hero-foot strong{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:var(--ink);font-size:28px;line-height:1}.pending-note{font-size:14px;color:var(--red);font-weight:600}.network-status{padding:18px;background:var(--ink);color:white;border-radius:3px;display:flex;flex-direction:column;gap:5px}.network-status span{font-size:12px;color:#ccc}

/* Identificación de producto: Diésel en verde. */
.fuel-grid .diesel{background:#087a3e;color:#fff;border-color:#087a3e}
.fuel-grid .diesel h3{color:#fff}
.fuel-grid .diesel p,.fuel-grid .diesel .fuel-no{color:#e0f3e8}
.fuel-grid .diesel .fuel-type{border-color:#58a77e}

.credit-link{display:inline-flex;align-items:center;gap:42px;margin-top:18px;background:var(--ink);color:#fff;padding:16px 20px;border-radius:4px;font-weight:700}.credit-section{background:var(--ink);color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.credit-heading{position:sticky;top:130px;align-self:start}.credit-heading>p:not(.eyebrow){color:#bdbdbd;line-height:1.7;max-width:390px}.contact-number{display:inline-flex;flex-direction:column;margin-top:28px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;color:#fff;font-size:42px;font-weight:700;line-height:1}.contact-number small{font-family:'DM Sans',Arial,sans-serif;color:#aaa;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px}.credit-form{background:#fff;color:var(--ink);padding:34px;border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.credit-form label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700}.credit-form input,.credit-form select{width:100%;border:1px solid #ccc;background:#fff;border-radius:3px;padding:14px 13px;color:var(--ink);font:inherit}.credit-form input:focus,.credit-form select:focus{outline:3px solid #e6000030;border-color:var(--red)}.credit-form fieldset{border:0;padding:28px 0 0;margin:28px 0 0;border-top:1px solid var(--line)}.credit-form legend{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:28px;font-weight:700;padding:0 0 18px}.credit-form .check{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:12px;padding:16px;background:#f4f4f4}.credit-form .check input{width:18px;height:18px;margin:0;accent-color:var(--red)}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.file-grid label{padding:16px;border:1px solid var(--line);border-radius:3px}.file-grid input[type=file]{padding:10px;font-size:12px}.file-grid small{color:var(--muted);font-weight:400}.submit-credit{width:100%;border:0;background:var(--red);color:#fff;margin-top:28px;padding:18px 22px;border-radius:4px;display:flex;justify-content:space-between;font:700 16px 'DM Sans',Arial,sans-serif;cursor:pointer}.submit-credit:hover{background:#c90000}.form-note,.form-status{font-size:12px!important;color:var(--muted)!important;max-width:none!important;margin:14px 0 0!important}.form-status{color:#087a3e!important;font-weight:700}.footer-phone{font-weight:700;color:var(--red)}
@media(max-width:900px){.credit-section{grid-template-columns:1fr;gap:35px}.credit-heading{position:static}.form-grid{grid-template-columns:1fr}nav>a[href="#credito"],nav>a[href^="tel:"]{display:none}}
@media(max-width:600px){.credit-form{padding:22px 16px}.file-grid{grid-template-columns:1fr}.contact-number{font-size:36px}.credit-section{gap:28px}.credit-link{width:100%;justify-content:space-between}footer .footer-phone{width:100%}}

/* Portada fotográfica y navegación principal */
header{position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000000d}
header nav{gap:24px}
.menu-toggle{display:none}
.hero{min-height:680px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,7,10,.97) 0%,rgba(5,7,10,.88) 43%,rgba(5,7,10,.42) 72%,rgba(5,7,10,.14) 100%),url('texaco-hero.png') center/cover no-repeat;color:#fff;overflow:hidden}
.hero-copy{padding:72px 6%;width:min(900px,70%);position:relative;z-index:2}
.hero h1{max-width:860px;font-size:clamp(62px,6.35vw,98px);line-height:.92;font-weight:900;letter-spacing:-1.5px;color:#fff;text-shadow:0 4px 10px #000,0 10px 38px #000c}
.hero h1 em{display:inline;color:#ff2424;text-shadow:0 3px 12px #000,0 8px 30px #000c}
.hero .intro{color:#f1f1f1;font-size:18px;max-width:500px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-contact{display:flex;flex-direction:column;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:26px;font-weight:700}
.hero-contact small{font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:#ddd;margin-bottom:4px}
.hero-foot{border-color:#ffffff55;color:#eee;max-width:620px}
.hero-foot strong{color:#fff}
.hero-brand{position:absolute;right:5%;bottom:42px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:330px;text-align:right;font-size:14px;font-weight:600;text-shadow:0 2px 12px #000}
.hero-brand img{width:220px;max-width:100%;background:#fff;border-radius:8px;padding:8px;box-shadow:0 12px 35px #0007}

@media(max-width:1120px){header nav{gap:16px}header nav>a{font-size:13px}.nav-phone{display:none}}
@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .menu-toggle{display:flex;align-items:center;gap:4px;border:0;background:var(--ink);color:#fff;padding:13px 15px;border-radius:4px;cursor:pointer}
  .menu-toggle span{display:block;width:18px;height:2px;background:#fff;position:absolute;opacity:0}
  .menu-toggle b{font:700 13px 'DM Sans',Arial,sans-serif}
  header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:18px 5% 24px;box-shadow:0 18px 28px #0002;flex-direction:column;align-items:stretch;gap:0}
  header nav.open{display:flex}
  header nav a{display:flex!important;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);font-size:16px}
  header nav a::after{content:'→';color:var(--red);font-family:Arial,sans-serif}
  header nav .nav-cta{margin-top:12px;padding:16px 18px;border:0}
  header nav .nav-cta::after{color:#fff}
  .hero{min-height:620px;background-position:62% center}
  .hero-copy{padding:65px 6%;width:80%}
  .hero-brand{right:4%;bottom:30px;max-width:220px}
  .hero-brand img{width:165px}
}
@media(max-width:600px){
  header nav{top:78px}
  .hero{min-height:690px;align-items:flex-end;background-position:66% center;background-image:linear-gradient(0deg,rgba(5,7,10,.97) 0%,rgba(5,7,10,.80) 46%,rgba(5,7,10,.18) 100%),url('texaco-hero.png')}
  .hero-copy{padding:180px 6% 125px;width:100%}
  .hero h1{font-size:clamp(48px,14.5vw,68px);line-height:.94;letter-spacing:-.8px}
  .hero .intro{font-size:16px;line-height:1.6}
  .hero-foot{gap:14px;margin-top:32px}
  .hero-foot span{min-width:90px;font-size:12px}
  .hero-brand{left:6%;right:6%;bottom:25px;max-width:none;align-items:flex-start;text-align:left}
  .hero-brand img{width:145px}
  .hero-brand span{display:none}
}

/* Refuerzo de presencia de marca */
header .logo{width:275px}
footer img{width:195px}
.hero-brand img{width:285px}
.hero .eyebrow{color:#ff3434;font-size:15px;font-weight:900;letter-spacing:2.4px;text-shadow:0 2px 9px #000,0 0 18px #000}
@media(max-width:900px){
  header .logo{width:220px}
  .hero-brand{max-width:255px}
  .hero-brand img{width:220px}
}
@media(max-width:600px){
  header .logo{width:190px}
  .hero-brand img{width:175px}
  .hero .eyebrow{font-size:14px;letter-spacing:1.8px}
}

/* Presentación corporativa preliminar */
.trust-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;background:#fff}
.trust-intro{align-self:center;max-width:440px}
.trust-intro>p:not(.eyebrow){color:var(--muted);line-height:1.75;margin:22px 0}
.text-link{display:inline-flex;align-items:center;gap:46px;color:var(--red);font-weight:800;border-bottom:2px solid var(--red);padding:0 0 9px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.trust-grid article{padding:28px 25px 30px;border-right:1px solid var(--line);position:relative;min-height:330px;display:flex;flex-direction:column}
.trust-grid article:last-child{border-right:0}
.trust-number{color:#999;font-size:12px;font-weight:700;letter-spacing:1.5px}
.trust-icon{width:76px;height:76px;margin:30px 0 24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 28px 'Barlow Condensed','Arial Narrow',sans-serif;box-shadow:inset 0 0 0 6px #fff,0 0 0 1px #d5d5d5}
.trust-grid article:nth-child(2) .trust-icon{background:var(--red)}
.trust-grid h3{font-size:29px;line-height:1.05;margin:0 0 14px}
.trust-grid p{color:var(--muted);line-height:1.65;margin:auto 0 0;font-size:14px}
.payment-grid>div{transition:background .2s ease,transform .2s ease}
.payment-grid>div:hover{background:#fafafa;transform:translateY(-2px)}
.privacy-note{font-size:12px!important;color:#666!important;border-left:3px solid var(--red);padding-left:12px;margin-top:12px!important}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:1100;display:flex;align-items:center;gap:10px;background:#147a43;color:#fff;padding:11px 17px 11px 10px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 10px 28px #0005;transition:transform .2s ease,background .2s ease}
.whatsapp-float:hover{background:#0f6637;transform:translateY(-3px)}
.whatsapp-symbol{display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff;border-radius:50%;font:800 11px 'DM Sans',Arial,sans-serif}
footer{display:grid;grid-template-columns:1.05fr .75fr 1.2fr auto;align-items:start;gap:38px;background:#101010;color:#fff;padding:52px 6% 25px}
.footer-brand img{width:210px;background:#fff;border-radius:7px;padding:5px}
.footer-brand p{color:#aaa;margin:12px 0 0}
.footer-contact,.footer-address{display:flex;flex-direction:column;gap:8px;line-height:1.5}
.footer-contact strong,.footer-address strong{color:#fff;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}
.footer-contact a,.footer-address span{color:#bbb}
.footer-contact a:hover{color:#fff}
.footer-top{font-weight:700;color:#fff;white-space:nowrap}
.footer-bottom{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;margin-top:8px;display:flex;justify-content:space-between;gap:25px;color:#888;font-size:12px}
.reveal-ready .section{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal-ready .section.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready .section{opacity:1;transform:none;transition:none}.payment-grid>div,.whatsapp-float{transition:none}}
@media(max-width:1050px){.trust-section{grid-template-columns:1fr;gap:38px}.trust-intro{max-width:620px}footer{grid-template-columns:1fr 1fr 1fr}.footer-top{grid-column:3}.footer-brand img{width:190px}}
@media(max-width:700px){.trust-grid{grid-template-columns:1fr}.trust-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:0}.trust-grid article:last-child{border-bottom:0}.trust-grid p{margin-top:0}.trust-icon{margin:22px 0 18px}.whatsapp-float{right:14px;bottom:14px}.whatsapp-float>span:last-child{display:none}footer{grid-template-columns:1fr;padding:42px 6% 90px}.footer-top{grid-column:auto}.footer-bottom{display:grid;grid-template-columns:1fr}.footer-brand img{width:190px}}

/* Rediseño corporativo inspirado en la estructura de la empresa hermana,
   conservando la identidad Supreme: rojo, negro y blanco. */
header{height:92px;padding:0 5.5%;display:grid;grid-template-columns:290px 1fr auto;gap:28px}
header nav{justify-self:center}
.nav-cta{background:var(--red);color:#fff;padding:15px 20px}
.hero{min-height:calc(100vh - 92px);background-image:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.76) 48%,rgba(5,5,5,.22) 100%),linear-gradient(0deg,rgba(230,0,0,.13),rgba(230,0,0,.13)),url('texaco-hero.png')}
.hero:before{content:'';position:absolute;inset:0 auto 0 0;width:8px;background:var(--red);z-index:1}
.hero h1{text-transform:uppercase;font-size:clamp(70px,7.4vw,112px);max-width:920px}
.hero h1 em{display:block;color:#fff}
.hero .intro{font-size:19px;max-width:590px}
.hero .button{background:var(--red);min-height:58px;padding:0 26px}
.hero-foot{display:none}
.hero-brand{bottom:34px}
.corporate-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 6%;background:var(--red);color:#fff}
.corporate-stats div{display:flex;flex-direction:column;padding:7px 30px;border-right:1px solid #ffffff55}
.corporate-stats div:first-child{padding-left:0}.corporate-stats div:last-child{border-right:0}
.corporate-stats strong{font:800 clamp(42px,4vw,62px)/1 'Barlow Condensed','Arial Narrow',sans-serif}
.corporate-stats span{margin-top:9px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.trust-section{padding-top:110px;padding-bottom:110px}
.trust-intro h2,.section-title h2,.credit-heading h2{text-transform:uppercase}
.trust-grid article:nth-child(2) .trust-icon{background:var(--red)}
.payments{background:var(--red);color:#fff}
.payments .eyebrow{color:#fff}.payments>div>p:not(.eyebrow),.payments .payment-note,.payments .payment-grid span{color:#f6dada}
.payment-grid{border-color:#ffffff55}.payment-grid>div{border-color:#ffffff55}.payment-grid>div:hover{background:#c90000}
.credit-link{background:#fff;color:var(--red)}
@media(max-width:1120px){header{grid-template-columns:245px 1fr auto}.corporate-stats div{padding-left:20px;padding-right:20px}}
@media(max-width:900px){header{display:flex;height:82px}.corporate-stats{grid-template-columns:1fr 1fr}.corporate-stats div:nth-child(2){border-right:0}.corporate-stats div:nth-child(-n+2){border-bottom:1px solid #ffffff55}.hero{min-height:690px}.hero h1{font-size:clamp(62px,10vw,88px)}}
@media(max-width:600px){header{height:76px}.hero{min-height:700px;background-image:linear-gradient(0deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.70) 55%,rgba(5,5,5,.16) 100%),url('texaco-hero.png')}.hero-copy{padding-top:160px}.hero h1{font-size:clamp(50px,15vw,68px)}.hero-brand{bottom:20px}.corporate-stats{padding:22px 6%}.corporate-stats div{padding:14px 12px}.corporate-stats div:first-child{padding-left:12px}.corporate-stats strong{font-size:40px}.corporate-stats span{font-size:10px;letter-spacing:.7px}.trust-section{padding-top:70px;padding-bottom:70px}}

/* Correspondencia tipográfica y estructural con FarOil */
body,button,input,select,.menu-toggle b,.hero-contact small,.contact-number small,.submit-credit,.whatsapp-float{font-family:'Barlow',Arial,sans-serif}
html{scroll-padding-top:80px}
header{height:80px;padding:0 max(40px,calc((100% - 1280px)/2));grid-template-columns:230px 1fr auto;gap:28px}
header .logo{width:215px}
header nav{gap:32px;font-size:14px;font-weight:600}
.nav-cta{padding:8px 16px;min-height:36px;display:flex;align-items:center;border-radius:4px}
.hero{min-height:calc(100vh - 80px)}
.hero-copy{padding-left:max(40px,calc((100% - 1280px)/2));padding-right:40px;width:min(920px,76%)}
.hero h1{font-weight:400;line-height:.88;letter-spacing:.02em;font-size:clamp(72px,7.98vw,109px)}
.hero .eyebrow{font-weight:600}
h2,.trust-intro h2,.section-title h2,.credit-heading h2{font-weight:400;line-height:.95;letter-spacing:.02em;font-size:clamp(44px,3.75vw,52px)}
h3,.trust-grid h3{font-weight:400;letter-spacing:.02em}
.section{padding:112px max(40px,calc((100% - 1280px)/2))}
.trust-section{background:#f8f6f0;padding-top:112px;padding-bottom:112px}
.corporate-stats{padding:64px max(40px,calc((100% - 1280px)/2)) 48px}
.corporate-stats strong{font-weight:400;letter-spacing:.02em}
.corporate-stats .commercial-partner{grid-column:1/-1;border-right:0;border-top:1px solid #ffffff55;margin-top:38px;padding:34px 0 0;display:flex;align-items:center;justify-content:center;gap:34px;text-align:center}
.commercial-partner p{margin:0;color:#ffdede;font-size:14px}
.corporate-stats .commercial-partner img{width:190px;height:auto;background:#fff;padding:10px 14px;border-radius:4px}
.footer-partner{grid-column:1/-1;border-top:1px solid #333;padding-top:24px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:22px}
.footer-partner span{margin:0;color:#aaa;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
footer .footer-partner img{width:190px;height:auto;background:#fff;border-radius:4px;padding:9px 12px}

@media(max-width:900px){
  header{height:80px;padding:0 5%;display:flex}
  header .logo{width:205px}
  header nav{top:80px}
  .hero{min-height:690px}
  .hero-copy{padding-left:6%;width:82%}
  .section{padding:80px 6%}
  .trust-section{padding-top:80px;padding-bottom:80px}
  .corporate-stats{padding:48px 6% 38px}
  .corporate-stats .commercial-partner{padding:28px 0 0}
}
@media(max-width:600px){
  header{height:76px}
  header nav{top:76px}
  header .logo{width:188px}
  .hero-copy{width:100%;padding-left:6%;padding-right:6%}
  .hero h1{font-size:clamp(50px,15vw,68px);line-height:.9}
  .section{padding:70px 6%}
  .corporate-stats{padding:32px 6%}
  .corporate-stats .commercial-partner{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding-top:24px}
  .corporate-stats .commercial-partner img{width:175px}
  .footer-partner{flex-direction:column;align-items:flex-start}
}

/* Cronología de la industria */
.industry-timeline{background:var(--ink);color:#fff;overflow:hidden}
.timeline-heading{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end;margin-bottom:72px}
.timeline-heading .eyebrow{color:#ff3434;margin-bottom:18px}
.timeline-heading h2{text-transform:uppercase;max-width:620px}
.timeline-heading>p{color:#bcbcbc;line-height:1.75;max-width:530px;margin:0}
.timeline-track{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));border-top:1px solid #ffffff38;border-left:1px solid #ffffff22}
.timeline-item{position:relative;min-height:260px;padding:38px 28px 34px;border-right:1px solid #ffffff22;border-bottom:1px solid #ffffff22}
.timeline-item::before{content:'';position:absolute;top:-7px;left:28px;width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px var(--ink)}
.timeline-item time{display:block;color:#ff3434;font:600 32px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.03em;margin-bottom:28px}
.timeline-item p{color:#d0d0d0;line-height:1.65;margin:0;font-size:15px}
.timeline-current{background:var(--red)}
.timeline-current::before{background:#fff;box-shadow:0 0 0 5px var(--red)}
.timeline-current time,.timeline-current p{color:#fff}

/* Texaco sin recuadro blanco, sobre contraste negro */
.corporate-stats .commercial-partner{background:var(--ink);border-top:0;border-radius:5px;margin-top:38px;padding:26px 34px}
.commercial-partner p{color:#ddd}
.corporate-stats .commercial-partner img{width:205px;background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 2px 8px #0008)}
footer .footer-partner img{width:205px;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 2px 8px #0008)}

@media(max-width:1000px){
  .timeline-track{grid-template-columns:repeat(2,minmax(240px,1fr))}
}
@media(max-width:700px){
  .timeline-heading{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .timeline-track{grid-template-columns:1fr;border-left:0}
  .timeline-item{min-height:0;padding:34px 22px 30px;border-right:0}
  .timeline-item::before{left:22px}
  .timeline-item time{font-size:29px;margin-bottom:18px}
  .corporate-stats .commercial-partner{margin-top:20px;padding:24px 18px}
  .corporate-stats .commercial-partner img,footer .footer-partner img{width:185px}
}

/* Logotipo limpio: sin marcos ni bloques de fondo */
header{grid-template-columns:310px 1fr auto}
header>a[aria-label="Supreme Oil, inicio"]{display:flex;align-items:center;overflow:visible}
header .logo{width:300px;max-width:none;height:auto}
.hero-brand{right:5%;max-width:430px}
.hero-brand img{display:block;width:410px;max-width:100%;height:auto;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(0 5px 12px #0008)}
footer .footer-brand img{width:265px;max-width:100%;height:auto}

/* Misión y visión */
.purpose-section{background:#fff}
.purpose-heading{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:end;margin-bottom:58px}
.purpose-heading .eyebrow{margin-bottom:18px}
.purpose-heading h2{text-transform:uppercase;max-width:620px}
.purpose-heading>p{color:var(--muted);line-height:1.75;max-width:560px;margin:0}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.purpose-card{position:relative;min-height:390px;padding:48px 46px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:5px}
.purpose-card::after{content:'';position:absolute;right:-70px;top:-92px;width:260px;height:260px;border:1px solid currentColor;border-radius:50%;opacity:.13}
.mission-card{background:var(--red);color:#fff}
.vision-card{background:var(--ink);color:#fff}
.purpose-index{position:absolute;top:34px;right:38px;font:400 76px/1 'Barlow Condensed','Arial Narrow',sans-serif;opacity:.2}
.purpose-label{margin:0 0 20px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.purpose-card h3{font-size:clamp(36px,3.2vw,52px);line-height:.98;max-width:520px;margin:0 0 22px;text-transform:uppercase}
.purpose-card>p:last-child{max-width:590px;margin:0;color:#f2f2f2;line-height:1.75;font-size:16px}

@media(max-width:1120px){header{grid-template-columns:260px 1fr auto}header .logo{width:250px}.hero-brand img{width:350px}}
@media(max-width:900px){header .logo{width:235px}.hero-brand{max-width:335px}.hero-brand img{width:325px}.purpose-heading{grid-template-columns:1fr;gap:24px}.purpose-grid{grid-template-columns:1fr}.purpose-card{min-height:340px}}
@media(max-width:600px){header .logo{width:215px}.hero-brand{max-width:285px}.hero-brand img{width:275px}.purpose-heading{margin-bottom:36px}.purpose-card{min-height:330px;padding:38px 26px}.purpose-index{top:25px;right:24px;font-size:62px}.purpose-card h3{font-size:38px}footer .footer-brand img{width:220px}}

/* Menú móvil Supreme: panel editorial negro y rojo */
.mobile-nav-head{display:none}
footer .footer-brand img{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.corporate-stats .commercial-partner{background:transparent;border-radius:0;border-top:1px solid #ffffff66;padding:32px 0 0}
.corporate-stats .commercial-partner p{color:#fff}
.corporate-stats .commercial-partner img{width:220px;filter:none}
@media(max-width:900px){
  body.menu-open::before{content:'';position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:900}
  .menu-toggle{position:relative!important;z-index:1002;width:108px;min-height:46px;padding:0 15px 0 43px!important;border-radius:6px!important;justify-content:flex-start!important;transition:background .2s ease,color .2s ease}
  .menu-toggle span{display:block!important;position:absolute!important;left:15px;width:19px!important;height:2px!important;background:#fff!important;opacity:1!important;transition:transform .25s ease,opacity .2s ease,top .25s ease}
  .menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:22px}.menu-toggle span:nth-child(3){top:29px}
  .menu-toggle[aria-expanded="true"]{background:var(--red)!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}
  .menu-toggle b{font:800 13px 'Barlow',Arial,sans-serif!important;letter-spacing:.03em}
  header nav{counter-reset:nav-item;display:flex!important;position:fixed!important;top:80px!important;left:auto!important;right:0!important;width:min(88vw,420px);height:calc(100dvh - 80px);padding:0 28px 28px!important;background:#111!important;color:#fff;box-shadow:-24px 24px 60px #0007!important;flex-direction:column;align-items:stretch!important;gap:0!important;overflow-y:auto;opacity:0;visibility:hidden;transform:translateX(105%);transition:transform .38s cubic-bezier(.22,.8,.24,1),opacity .25s ease,visibility .38s;z-index:1001}
  header nav.open{opacity:1;visibility:visible;transform:translateX(0)}
  .mobile-nav-head{display:block;margin:0 -28px 8px;padding:29px 28px 25px;border-top:5px solid var(--red);border-bottom:1px solid #333;background:#171717}
  .mobile-nav-logo{display:block;width:225px;max-width:88%;height:auto;margin:0 0 18px;filter:drop-shadow(0 4px 10px #0006)}
  .mobile-nav-head strong{display:block;font:400 44px/1 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.03em}
  header nav>a:not(.nav-phone):not(.nav-cta){counter-increment:nav-item;display:grid!important;grid-template-columns:36px 1fr 34px;align-items:center;min-height:67px;padding:0!important;border-bottom:1px solid #333!important;color:#fff;font-size:19px!important;font-weight:600}
  header nav>a:not(.nav-phone):not(.nav-cta)::before{content:'0' counter(nav-item);color:#777;font-size:11px;font-weight:800;letter-spacing:1px}
  header nav>a:not(.nav-phone):not(.nav-cta)::after{content:'→'!important;width:30px;height:30px;display:grid;place-items:center;border:1px solid #555;border-radius:50%;color:#fff!important;font-size:16px;transition:background .2s ease,border-color .2s ease}
  header nav>a:not(.nav-phone):not(.nav-cta):hover::after{background:var(--red);border-color:var(--red)}
  header nav .nav-phone{display:flex!important;justify-content:space-between;align-items:center;margin-top:20px;padding:14px 0!important;border:0!important;color:#bbb;font-size:16px!important;font-weight:700}
  header nav .nav-phone::before{content:'Llámanos';color:#777;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
  header nav .nav-phone::after{content:none!important}
  header nav .nav-cta{display:flex!important;justify-content:space-between;margin:6px 0 0!important;padding:17px 19px!important;border:0!important;border-radius:4px!important;background:var(--red)!important;color:#fff!important;font-size:15px!important}
  header nav .nav-cta::after{content:'→'!important;color:#fff!important;font-size:18px}
}
@media(max-width:600px){header nav{top:76px!important;height:calc(100dvh - 76px);width:min(90vw,390px);padding-left:24px!important;padding-right:24px!important}.mobile-nav-head{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.menu-toggle{width:102px}.hero-brand img{width:290px}}

/* Flechas gráficas consistentes, sin símbolos tipo emoji */
.hero .button{align-items:center;justify-content:space-between;gap:28px;min-width:310px;box-shadow:0 10px 28px #0005;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.hero .button:hover{background:#c90000;transform:translateY(-2px);box-shadow:0 14px 32px #0006}
.hero .button span{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--red);font-size:0}
.hero .button span::before{content:'→';font:700 20px/1 Arial,sans-serif}
.station-card .arrow{flex:0 0 34px;width:34px;height:34px;margin-left:auto;display:grid!important;place-items:center;border:1px solid #d5d5d5;border-radius:50%;background:#f7f7f7;color:var(--ink)!important;font-size:0!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.station-card .arrow::before{content:'→';font:700 17px/1 Arial,sans-serif}
.station-card .station-button:hover .arrow{border-color:var(--red);color:var(--red)!important;transform:translateX(2px)}
.station-card .station-button[aria-pressed=true] .arrow{background:#fff;border-color:#fff;color:var(--red)!important}
.station-maps{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none!important}
.station-maps::after{content:'→';flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #e6000066;border-radius:50%;background:#fff;color:var(--red);font:700 14px/1 Arial,sans-serif;transition:background .2s ease,color .2s ease,transform .2s ease}
.station-maps:hover::after{background:var(--red);color:#fff;transform:translateX(2px)}
.text-link span,.credit-link span,.submit-credit span{display:grid;place-items:center;border-radius:50%;font-size:0;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.text-link span{flex:0 0 29px;width:29px;height:29px;border:1px solid #e6000066;background:#fff;color:var(--red)}
.text-link span::before,.credit-link span::before,.submit-credit span::before{content:'→';font:700 16px/1 Arial,sans-serif}
.text-link:hover span{background:var(--red);color:#fff;transform:translateX(2px)}
.credit-link{justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}
.credit-link span{flex:0 0 31px;width:31px;height:31px;background:var(--red);color:#fff}
.credit-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0003}
.credit-link:hover span{transform:translateX(2px)}
.submit-credit{align-items:center;gap:18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.submit-credit span{flex:0 0 36px;width:36px;height:36px;background:#fff;color:var(--red)}
.submit-credit:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0003}
.submit-credit:hover span{transform:translateX(2px)}
#route,.leaflet-popup-content a,.footer-top{display:inline-flex;align-items:center;gap:10px}
#route::after,.leaflet-popup-content a::after,.footer-top::after{content:'→';display:grid;place-items:center;border-radius:50%;font:700 14px/1 Arial,sans-serif;transition:background .2s ease,color .2s ease,transform .2s ease}
#route::after{flex:0 0 28px;width:28px;height:28px;background:var(--red);color:#fff}
#route:hover::after,.leaflet-popup-content a:hover::after{transform:translateX(2px)}
.leaflet-popup-content a::after{width:23px;height:23px;background:var(--red);color:#fff;font-size:12px}
.footer-top::after{content:'↑';flex:0 0 29px;width:29px;height:29px;border:1px solid #555;color:#fff}
.footer-top:hover::after{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
@media(max-width:600px){.hero .button{width:100%;min-width:0}.hero .button span{width:34px;height:34px;flex-basis:34px}.station-card .arrow{width:31px;height:31px;flex-basis:31px}.station-maps{font-size:12px;padding:11px 10px}.station-maps::after{width:25px;height:25px;flex-basis:25px}.submit-credit{padding:15px 16px;text-align:left}.submit-credit span{width:34px;height:34px;flex-basis:34px}.text-link{gap:24px}}
.map-media.has-photo{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)}.station-photo{position:relative;margin:0;min-width:0;height:670px;background:#111;overflow:hidden}.station-photo[hidden]{display:none}.station-photo img{width:100%;height:100%;display:block;object-fit:cover}.station-photo figcaption{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(20,20,20,.82);color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;border-left:3px solid var(--red)}@media(max-width:900px){.map-media.has-photo{grid-template-columns:1fr}.station-photo{height:auto}.station-photo img{aspect-ratio:16/9;object-fit:cover}}@media(max-width:600px){.station-photo figcaption{left:12px;bottom:12px}}
.station-photo{display:grid;place-items:center;background:#ececeb}.station-photo img{object-fit:contain}@media(max-width:900px){.station-photo img{height:auto;aspect-ratio:1672/941;object-fit:contain}}
.contact-numbers{display:flex;flex-wrap:wrap;gap:18px 30px}.contact-numbers .contact-number{margin-top:28px}@media(max-width:600px){.contact-numbers{display:grid;gap:0}}