.service-explorer{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;border-top:1px solid var(--line);padding-top:32px;align-items:start}
.service-menu{position:sticky;top:24px;display:flex;flex-direction:column}
.service-tab{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) 18px;gap:13px;align-items:center;text-align:left;min-height:82px;padding:19px 16px;background:none;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent;color:#959fae;font-size:15px;line-height:1.5;transition:color .25s,background .25s,border-color .25s}
.service-tab:hover{color:#dce3f1;background:#ffffff03}
.service-tab[aria-selected=true]{color:var(--text);background:#8c9de509;border-left-color:var(--blue)}
.service-index{color:#697991;font-size:11px;font-variant-numeric:tabular-nums}
.service-tab[aria-selected=true] .service-index{color:#a9b7e2}
.service-tab svg{width:18px;height:18px;fill:none;stroke:#9eb0dd;stroke-width:1.2;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}
.service-tab[aria-selected=true] svg,.service-tab:hover svg{opacity:1;transform:none}
.service-content,.service-panel{min-width:0}
.service-panel[hidden]{display:none}
.service-panel[data-entering] .reveal{transition:none}
.service-panel:focus-visible{outline:1px solid #8c9de570;outline-offset:12px}
.service-overview h2{font-size:36px;line-height:1.2;letter-spacing:-1px}
.service-overview>p{margin-top:12px;max-width:670px;font-size:16px;line-height:1.7;color:#a8b0be}
.service-tab-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.service-tab-items{font-size:12px;line-height:1.45;color:#717d93;transition:color .25s}
.service-tab:hover .service-tab-items,.service-tab[aria-selected=true] .service-tab-items{color:#9ba7bd}
@media(max-width:1100px){.service-explorer{grid-template-columns:225px minmax(0,1fr);gap:35px}.service-tab{padding-left:12px;padding-right:12px;gap:10px;font-size:14px}.service-overview h2{font-size:31px}}
@media(max-width:800px){.service-explorer{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px}.service-menu{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.service-tab{grid-template-columns:18px minmax(0,1fr);gap:7px;min-height:83px;padding:12px 9px;font-size:12px;align-items:start;border:1px solid var(--line);border-bottom:2px solid transparent}.service-index{padding-top:2px}.service-tab[aria-selected=true]{border-left-color:var(--line);border-bottom-color:var(--blue)}.service-tab-items{font-size:11px}.service-tab svg{display:none}.service-overview>p{font-size:15px}.service-panel:focus-visible{outline-offset:5px}}
@media(max-width:680px){.page-servicios .page-heading{margin-bottom:25px}.service-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tab{font-size:13px;min-height:66px;padding:12px;align-items:center}.service-index{padding:0}.service-overview h2{font-size:28px;letter-spacing:-.7px}.service-tab-items{font-size:11px}}
@media(prefers-reduced-motion:reduce){.service-tab,.service-tab svg{transition:none}}
/* Videos de cada área: miniatura con botón de reproducir (abre el diálogo) y el alcance del servicio debajo.
   Cada tarjeta ocupa cuatro filas (subgrid), así títulos, descripciones y listas quedan alineados. */
.vid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:30px}
.vid-card{min-width:0;display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start}
.vid-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #ffffff14;border-radius:6px;overflow:hidden;background:#111722;cursor:pointer;box-shadow:0 10px 26px -14px #000c}
.vid-thumb .vid-diagram{position:absolute;inset:0;margin:0;height:auto;padding:6% 7% 12%;display:block;background:radial-gradient(120% 90% at 50% 40%,#18202f,#0f141e);transition:transform .5s var(--ease)}.vid-thumb .vid-diagram svg{display:block;width:100%;height:100%}.example-graphic .diagram-label{fill:#aab7d0;font:13px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0}.example-graphic .diagram-key{fill:#d0dbf6;font:13px 'IBM Plex Sans',Arial,sans-serif}
.vid-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0b0f1899);pointer-events:none}
.vid-play{position:absolute;left:10px;bottom:9px;z-index:1;width:40px;height:28px;transform-origin:left bottom;transition:transform .3s var(--ease)}
.vid-play svg{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 10px #0007)}
.vid-play-bg{fill:#1b2233;fill-opacity:.86;transition:fill .25s,fill-opacity .25s}
.vid-play-icon{fill:#fff}
.vid-time{position:absolute;right:8px;bottom:8px;z-index:1;padding:2px 6px;border-radius:4px;background:#0b0f18d9;color:#e6ebf4;font-size:12px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}
.vid-thumb:hover .vid-diagram{transform:scale(1.03)}
.vid-thumb:hover .vid-play{transform:scale(1.08)}
.vid-thumb:hover .vid-play-bg,.vid-thumb:focus-visible .vid-play-bg{fill:#6f84d6;fill-opacity:1}
.vid-thumb:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.vid-card h3{margin:18px 0 0;font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.2px}
.vid-lead{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#b5bece}
.vid-scope{list-style:none;margin:14px 0 0;padding:14px 0 31px;border-top:1px solid var(--line)}
.vid-scope li{position:relative;margin:0 0 9px;padding-left:20px;font-size:14px;line-height:1.55;color:#a8b0be}
.vid-scope li:before{content:'';position:absolute;left:2px;top:.62em;width:8px;height:1.5px;border-radius:1px;background:#6d80ba}
.vid-more{margin:4px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:#a8b0be}
.vid-more a{margin-left:6px;color:var(--text)}
.vid-more a span{padding-left:6px}
@media(max-width:1100px){.vid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.vid-grid{grid-template-columns:minmax(0,1fr);margin-top:24px}.vid-card h3{font-size:18px}.vid-more{font-size:14px}.vid-more a{display:inline-block;margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.vid-thumb .vid-diagram,.vid-play{transition:none}.vid-thumb:hover .vid-diagram{transform:none}}