:root{--glu-green:#278454;--glu-green-2:#55b97b;--glu-green-dark:#0b3d27;--glu-green-deep:#06291a;--glu-mint:#eaf7ef;--glu-muted:#66766d}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#101827}.fw-black{font-weight:900}.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}
.glu-nav-wrap{transition:.25s;background:linear-gradient(180deg,rgba(2,10,23,.86),rgba(2,10,23,.2));backdrop-filter:blur(5px)}.glu-nav-wrap.scrolled{background:rgba(5,14,27,.96);box-shadow:0 12px 35px rgba(0,0,0,.2)}.glu-logo{height:48px;width:auto}.custom-logo{max-height:56px;width:auto}.navbar .nav-link{color:rgba(255,255,255,.88);font-weight:600}.navbar .nav-link:hover{color:var(--glu-green-2)}
.glu-hero{position:relative;min-height:780px;padding-top:90px;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(85,185,123,.22),transparent 24%),radial-gradient(circle at 15% 15%,rgba(0,161,255,.16),transparent 30%),linear-gradient(135deg,#030914 0%,#0b2239 55%,#0b3d27 100%)}.glu-hero:after{content:"";position:absolute;right:-10vw;bottom:-26vw;width:58vw;height:58vw;border-radius:50%;border:80px solid rgba(85,185,123,.06)}.glu-hero h1 span{background:linear-gradient(90deg,var(--glu-green-2),#bceccc);-webkit-background-clip:text;color:transparent}.glu-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent)}
.glu-price-card{background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-radius:32px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);color:#fff}.glu-price-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.glu-price-row:last-child{border:0}.glu-price-row strong{font-size:1.5rem}.glu-stats strong{color:white;font-size:1.7rem;display:block}.glu-stats span{color:rgba(255,255,255,.5);font-size:.85rem}.glu-kicker{display:inline-block;font-size:.78rem;letter-spacing:.16em;font-weight:800;color:#1d6c45;margin-bottom:.7rem}.glu-service-card{padding:2rem;background:white;border:1px solid #e9edf2;border-radius:24px;box-shadow:0 14px 40px rgba(12,39,66,.07);transition:.25s}.glu-service-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(12,39,66,.12)}.glu-service-card i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eaf7ef;color:#278454;font-size:1.6rem;margin-bottom:1.4rem}.glu-service-card p{color:var(--glu-muted);margin-bottom:0}
.glu-dark-section{background:linear-gradient(135deg,#072d1e,#0f5637)}.glu-dark-card{padding:2rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.05);color:white}.glu-dark-card i{font-size:2rem;color:var(--glu-green-2)}.glu-dark-card h4{margin-top:1rem}.glu-dark-card p{color:rgba(255,255,255,.55);margin-bottom:0}.glu-photo-placeholder{min-height:420px;border-radius:34px;background:radial-gradient(circle at 50% 30%,rgba(85,185,123,.42),transparent 35%),linear-gradient(135deg,#0f5637,#072d1e);display:grid;place-items:center;box-shadow:0 25px 65px rgba(7,17,31,.25)}.glu-photo-placeholder i{font-size:8rem;color:var(--glu-green-2);filter:drop-shadow(0 12px 25px rgba(85,185,123,.32))}.glu-chip{padding:.7rem 1rem;background:white;border:1px solid #e2e8f0;border-radius:999px;font-weight:600}.glu-contact{border-radius:32px;background:linear-gradient(135deg,#0b3d27,#1d7049);box-shadow:0 24px 60px rgba(7,17,31,.2)}.glu-footer{background:#06291a;color:white}.glu-product-card{border:1px solid #e9edf2;border-radius:22px;overflow:hidden;background:white;height:100%;transition:.2s}.glu-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}.glu-product-img{height:150px;background:linear-gradient(135deg,#f3f6f9,#e9eef3);display:grid;place-items:center;font-size:3rem;color:#8392a4}.glu-product-card .pbody{padding:1.2rem}.glu-product-card .price{font-weight:800;font-size:1.25rem}.glu-stock{font-size:.75rem;padding:.35rem .6rem;border-radius:999px;background:#eaf8ef;color:#287a46}
@media(max-width:991px){.glu-hero{min-height:auto;padding-top:120px;padding-bottom:70px}.glu-nav-wrap{background:rgba(5,14,27,.95)}.navbar-collapse{padding:1rem 0}.display-2{font-size:3rem}}


.glu-feature-strip{background:#fff;border-bottom:1px solid #e8edf2;box-shadow:0 14px 32px rgba(12,39,66,.05)}
.glu-feature-mini{display:flex;align-items:center;gap:14px;padding:1.35rem 1rem;border-right:1px solid #edf1f4}.glu-feature-mini i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf7ef;color:#278454;font-size:1.2rem}.glu-feature-mini b,.glu-feature-mini small{display:block}.glu-feature-mini b{font-size:.92rem}.glu-feature-mini small{font-size:.72rem;color:#7b8795;margin-top:2px}.service-tag{display:inline-block;margin-top:1rem;padding:.4rem .65rem;border-radius:999px;background:#f5f7fa;color:#657384;font-size:.72rem;font-weight:700}
.glu-price-source{font-size:.69rem!important;color:rgba(255,255,255,.55)!important;padding-top:.8rem;display:flex!important;gap:.45rem;align-items:center}.glu-tech-item{display:flex;gap:.8rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);height:100%}.glu-tech-item i{width:42px;height:42px;border-radius:13px;background:rgba(85,185,123,.17);display:grid;place-items:center;color:var(--glu-green-2);font-size:1.2rem;flex:none}.glu-tech-item b,.glu-tech-item small{display:block}.glu-tech-item b{color:#fff}.glu-tech-item small{color:rgba(255,255,255,.5);font-size:.74rem;margin-top:.25rem}
.glu-console-card{border-radius:28px;padding:1.5rem;background:linear-gradient(155deg,#0d4c32,#072d1e);border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 80px rgba(0,0,0,.3);min-height:360px}.console-top{display:flex;align-items:center;gap:.45rem;color:#8ea0b0;font-size:.75rem}.console-top span{width:9px;height:9px;border-radius:50%;background:#ef5350}.console-top span:nth-child(2){background:#ffca28}.console-top span:nth-child(3){background:#27ae60}.console-top b{margin-left:auto;color:#f0f5fa;letter-spacing:.08em}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.3rem}.console-metrics>div{padding:1rem;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06)}.console-metrics small,.console-metrics strong{display:block}.console-metrics small{color:#72879b}.console-metrics strong{color:#fff;font-size:1.3rem;margin-top:.35rem}.console-bars{display:flex;flex-direction:column;gap:.8rem;margin:2rem 0}.console-bars:before{content:"Inventario / operación";color:#718498;font-size:.7rem}.console-bars span{height:13px;border-radius:999px;background:linear-gradient(90deg,#55b97b,#278454);box-shadow:0 0 24px rgba(85,185,123,.18)}.console-bars span:nth-child(2){background:linear-gradient(90deg,#20a56f,#4fd4a0)}.console-bars span:nth-child(3){background:linear-gradient(90deg,#2b78e4,#5aa7ff)}.console-line{margin-top:1.2rem;color:#b8c6d4;font-size:.78rem;display:flex;gap:.6rem;align-items:center}.console-line i{color:#39c98a}
@media(max-width:991px){.glu-feature-mini{border-right:0;border-bottom:1px solid #edf1f4}.glu-console-card{min-height:auto}}


/* v4.1 · identidad visual real Estación de Servicios La Unión */
:root{--glu-brand:#278454;--glu-brand-light:#55b97b;--glu-brand-dark:#0b3d27;--glu-brand-deep:#06291a;--glu-brand-soft:#eaf7ef}
.glu-nav-wrap{background:linear-gradient(180deg,rgba(6,41,26,.94),rgba(6,41,26,.42));border-bottom:1px solid rgba(255,255,255,.08)}
.glu-nav-wrap.scrolled{background:rgba(6,41,26,.97);box-shadow:0 12px 35px rgba(2,28,17,.22)}
.navbar .nav-link:hover{color:#8ce0aa}
.glu-hero{
  min-height:790px;
  background-image:
    linear-gradient(90deg,rgba(4,38,24,.92) 0%,rgba(4,38,24,.78) 42%,rgba(4,38,24,.36) 72%,rgba(4,38,24,.18) 100%),
    linear-gradient(0deg,rgba(4,38,24,.30),rgba(4,38,24,.12)),
    var(--glu-hero-image,url("../img/estacion-la-union.webp"));
  background-size:cover;background-position:center 48%;background-repeat:no-repeat
}
.glu-hero:after{border-color:rgba(115,214,151,.08)}
.glu-hero h1 span{background:linear-gradient(90deg,#79d99d,#c7f1d5);-webkit-background-clip:text;color:transparent}
.glu-grid{opacity:.25}
.glu-badge-brand{display:inline-block;background:rgba(255,255,255,.92);color:var(--glu-brand-dark);font-size:.78rem;font-weight:800;letter-spacing:.07em}
.glu-btn-brand{background:linear-gradient(135deg,var(--glu-brand-light),var(--glu-brand));border:1px solid var(--glu-brand);color:#fff!important;box-shadow:0 10px 28px rgba(20,105,65,.25)}
.glu-btn-brand:hover{background:linear-gradient(135deg,#65c98a,#23794d);border-color:#23794d;transform:translateY(-1px)}
.text-brand{color:#7bd89c!important}.text-brand-light{color:#83dda3!important}
.glu-price-card{background:linear-gradient(160deg,rgba(9,73,46,.88),rgba(5,48,30,.80));border-color:rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(2,32,20,.32)}
.glu-price-row strong{color:#d8f7e3}
.glu-kicker{color:var(--glu-brand)}
.glu-service-card{border-color:#dfeae3;box-shadow:0 14px 40px rgba(19,89,56,.07)}
.glu-service-card:hover{box-shadow:0 22px 48px rgba(19,89,56,.13)}
.glu-service-card i,.glu-feature-mini i{background:var(--glu-brand-soft);color:var(--glu-brand)}
.service-tag{background:#eff8f2;color:#2f7552}
.glu-dark-section{background:linear-gradient(135deg,var(--glu-brand-deep),#0e5a39)}
.glu-tech-item i{background:rgba(111,210,147,.14);color:#77d89a}
.glu-console-card{background:linear-gradient(155deg,#0d4c32,#06291a);box-shadow:0 35px 80px rgba(2,35,21,.32)}
.console-bars span{background:linear-gradient(90deg,#4ab472,#8be0a9);box-shadow:0 0 24px rgba(85,185,123,.18)}
.console-bars span:nth-child(2){background:linear-gradient(90deg,#278454,#55b97b)}
.console-bars span:nth-child(3){background:linear-gradient(90deg,#17633f,#7bd89c)}
.glu-contact{background:linear-gradient(135deg,#0b3d27,#1d7049);box-shadow:0 24px 60px rgba(6,57,36,.2)}
.glu-footer{background:#06291a}
.glu-stock{background:#e9f8ef;color:#27724d}
.glu-product-card:hover{box-shadow:0 18px 40px rgba(24,105,66,.09)}
@media(max-width:991px){.glu-hero{background-position:58% center}.glu-nav-wrap{background:rgba(6,41,26,.97)}}