/* H3L Global Energy — Quiénes somos + Servicios */
:root{--h-navy:#1B2944;--h-green:#17755A;--h-ink:#0f1b2e;--h-line:#dfe5ee;--h-soft:#f4f7fb}
.wrap{max-width:1160px;margin:0 auto}
/* ── Quiénes somos ── */
.about-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:36px}
.about-badge{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--font-body);color:var(--h-green);background:rgba(23,117,90,.09);border:1px solid rgba(23,117,90,.25);padding:7px 14px;border-radius:999px;margin-bottom:18px}
.about-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--h-green)}
.about-h{font:800 clamp(28px,3.4vw,40px)/1.15 var(--font-body);color:var(--h-navy);margin:0 0 16px;letter-spacing:-.01em}
.about-p{color:var(--text-secondary);line-height:1.75;font-size:15.5px;margin:0 0 12px;max-width:60ch}
.about-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn-p,.btn-s{font:700 13.5px/1 var(--font-body);padding:12px 20px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s,color .2s}
.btn-p{background:var(--h-navy);color:#fff;border:1px solid var(--h-navy)}
.btn-p:hover{background:#27406b;border-color:#27406b}
.btn-s{background:#fff;color:var(--h-navy);border:1px solid var(--h-line)}
.btn-s:hover{border-color:var(--h-navy)}
.btn-p:focus-visible,.btn-s:focus-visible,.svc-play:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fact{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:20px 20px 18px;position:relative;overflow:hidden}
.fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--h-navy)}
.fact:nth-child(2)::before{background:var(--h-green)}
.fact:nth-child(3)::before{background:var(--blue-core)}
.fact:nth-child(4)::before{background:#5b6b86}
.fact-ico{width:34px;height:34px;color:var(--h-navy);margin-bottom:12px}
.fact:nth-child(2) .fact-ico{color:var(--h-green)}
.fact:nth-child(3) .fact-ico{color:var(--blue-core)}
.fact:nth-child(4) .fact-ico{color:#5b6b86}
.fact-k{font:600 12px/1.2 var(--font-body);color:var(--text-muted);margin-bottom:4px}
.fact-v{font:800 19px/1.2 var(--font-body);color:var(--h-navy);margin-bottom:6px}
.fact-s{font:400 12.5px/1.5 var(--font-body);color:var(--text-secondary)}
.xp{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--h-navy);color:#fff;border-radius:14px;padding:30px 36px;margin-bottom:36px}
.xp-n{display:flex;align-items:baseline;gap:6px;font-family:var(--font-body)}
.xp-n b{font-size:clamp(54px,7vw,84px);font-weight:800;line-height:.9;letter-spacing:-.03em}
.xp-n b i{font-style:normal;color:#5fd1a4}
.xp-n>span{font-size:18px;font-weight:600;opacity:.85}
.xp h3{font:700 clamp(19px,2.2vw,24px)/1.3 var(--font-body);margin:0 0 8px}
.xp p{margin:0;color:rgba(255,255,255,.82);line-height:1.7;font-size:14.5px;max-width:70ch}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px}
.mv-c{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:26px 28px}
.mv-c h4{font:800 22px/1.2 var(--font-body);color:var(--h-navy);margin:0 0 10px;display:flex;align-items:center;gap:10px}
.mv-c h4 svg{width:26px;height:26px;color:var(--h-green)}
.mv-c p{margin:0;color:var(--text-secondary);line-height:1.75;font-size:15px}
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}
.goal{background:var(--h-soft);border-radius:12px;padding:20px 22px;display:flex;gap:14px;align-items:flex-start}
.goal b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--h-green);color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--font-body)}
.goal p{margin:0;font-size:14px;line-height:1.6;color:var(--gray-800)}
.sub-h{font:800 20px/1.2 var(--font-body);color:var(--h-navy);margin:0 0 14px}
.pv{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
.pv ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pv li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.6;color:var(--gray-800)}
.pv li::before{content:"";flex:none;margin-top:.5em;width:8px;height:8px;border-radius:2px;background:var(--h-green)}
.appr{background:linear-gradient(135deg,var(--h-soft),#fff);border:1px solid var(--h-line);border-radius:12px;padding:26px 28px}
.appr p{margin:0;font:700 clamp(18px,2vw,22px)/1.4 var(--font-body);color:var(--h-navy)}
/* ── Servicios ── */
.svc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.svc-intro{max-width:62ch}
.svc-title{font:800 clamp(24px,3vw,34px)/1.2 var(--font-body);color:var(--h-navy);margin:0 0 10px;letter-spacing:-.01em}
.svc-desc{margin:0;color:var(--text-secondary);line-height:1.7;font-size:15.5px}
.svc-top-act{display:flex;gap:10px;flex-wrap:wrap}
.svc-list{display:grid;gap:22px}
.svc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--h-line);border-radius:14px;overflow:hidden}
.svc:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.svc:nth-child(even) .svc-media{order:2}
.svc-media{position:relative;background:#0c1626;align-self:stretch;min-width:0;overflow:hidden}
.svc-media::before{content:"";display:block;padding-top:56.25%}
.svc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0c1626;display:block}
.svc-play{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(15,27,46,.78);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.svc-snd{position:absolute;right:62px;bottom:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(15,27,46,.78);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.svc-snd:hover{background:var(--h-green)}.svc-snd:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}
.svc-snd svg{width:20px;height:20px;fill:#fff}.svc-snd .on{display:none}.svc-snd.sound-on .on{display:inline}.svc-snd.sound-on .off{display:none}
.svc-play svg{width:20px;height:20px;fill:#fff}
.svc-play.playing svg{display:none}
.svc-play.playing::before,.svc-play.playing::after{content:"";width:4px;height:14px;background:#fff;border-radius:1px;margin:0 2px}
.svc-play:hover{background:var(--h-green)}
.svc-cap{position:absolute;left:0;bottom:0;right:110px;padding:26px 16px 12px;background:linear-gradient(transparent,rgba(8,15,28,.85));color:#fff;font:600 12.5px/1.3 var(--font-body);pointer-events:none}
.svc-body{padding:26px 28px;display:flex;flex-direction:column;justify-content:center}
.svc-body h3{font:800 clamp(18px,2vw,22px)/1.25 var(--font-body);color:var(--h-navy);margin:0 0 14px}
.svc-body ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}
.svc-body li{position:relative;padding-left:20px;font-size:14px;line-height:1.55;color:var(--text-secondary)}
.svc-body li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--h-green)}
.svc-act{display:flex;gap:10px;flex-wrap:wrap}
.svc-note{margin-top:18px;font-size:12px;color:var(--text-muted);text-align:center}
.svc-end{margin-top:26px;background:var(--h-navy);border-radius:14px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.svc-end p{margin:0;color:#fff;font:700 18px/1.4 var(--font-body)}
.svc-end .btn-p{background:#fff;color:var(--h-navy);border-color:#fff}
.svc-end .btn-s{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
@media(max-width:860px){
 .about-top,.mv,.pv{grid-template-columns:minmax(0,1fr);gap:22px}
 .goals{grid-template-columns:minmax(0,1fr)}
 .xp{grid-template-columns:minmax(0,1fr);padding:24px 22px;gap:12px}
 .svc,.svc:nth-child(even){grid-template-columns:minmax(0,1fr)}
 .svc:nth-child(even) .svc-media{order:0}
 .svc-media{align-self:start;width:100%}
 .svc-body{padding:20px 20px 22px}
}
@media(max-width:520px){.facts{grid-template-columns:minmax(0,1fr)}.svc-act .btn-p,.svc-act .btn-s,.svc-top-act .btn-p,.svc-top-act .btn-s,.about-cta .btn-p,.about-cta .btn-s{flex:1 1 100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.btn-p,.btn-s{transition:none}}
.back-svc{position:fixed;top:76px;left:16px;z-index:996;padding:9px 14px;font-size:12.5px;box-shadow:0 2px 10px rgba(15,27,46,.12)}
.nav-link.active{color:var(--h-navy);font-weight:700}
@media(max-width:900px){.back-svc{top:70px}}
.sec-label{font:700 14px/1 var(--font-body);color:var(--h-green);margin:0 0 18px;letter-spacing:.02em}

/* móvil: evitar desborde horizontal en secciones heredadas */
@media(max-width:760px){
 #section-noticias,#section-eventos,#section-contacto{overflow-x:hidden}
 #section-noticias div[style*="grid-template-columns"],#section-eventos div[style*="grid-template-columns"],#section-contacto div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
 #section-noticias,#section-eventos,#section-contacto{padding-left:16px !important;padding-right:16px !important}
}
.svc-cap{display:none}

/* botón de pantalla completa (a la izquierda del de sonido) */
.svc-fs{position:absolute;right:110px;bottom:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(15,27,46,.78);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.svc-fs:hover{background:var(--h-green)}.svc-fs:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}
.svc-fs svg{width:20px;height:20px;fill:#fff}.svc-fs .ex{display:none}.svc-fs.is-full .ex{display:inline}.svc-fs.is-full .en{display:none}
/* pantalla completa: nativa (Fullscreen API) o, si el navegador no la ofrece, superposición a pantalla completa */
.svc-media.svc-full,.svc-media:fullscreen,.svc-media:-webkit-full-screen{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100vh;height:100dvh;background:#000;margin:0;border-radius:0;overflow:visible}
.svc-media:fullscreen,.svc-media:-webkit-full-screen{position:relative}
.svc-media.svc-full::before,.svc-media:fullscreen::before,.svc-media:-webkit-full-screen::before{display:none}
.svc-media.svc-full .svc-video,.svc-media:fullscreen .svc-video,.svc-media:-webkit-full-screen .svc-video{background:#000}
.svc-media.svc-full .svc-play,.svc-media.svc-full .svc-snd,.svc-media.svc-full .svc-fs,.svc-media:fullscreen .svc-play,.svc-media:fullscreen .svc-snd,.svc-media:fullscreen .svc-fs{bottom:max(22px,env(safe-area-inset-bottom));width:48px;height:48px}
.svc-media.svc-full .svc-play,.svc-media:fullscreen .svc-play{right:max(22px,env(safe-area-inset-right))}
.svc-media.svc-full .svc-snd,.svc-media:fullscreen .svc-snd{right:calc(max(22px,env(safe-area-inset-right)) + 58px)}
.svc-media.svc-full .svc-fs,.svc-media:fullscreen .svc-fs{right:calc(max(22px,env(safe-area-inset-right)) + 116px)}
html.svc-lock,html.svc-lock body{overflow:hidden}
html.svc-lock main.main{z-index:2147483001}