/* 8K — páginas interiores */
.hero-pagina{position:relative;overflow:hidden;padding-block:clamp(2rem,5vw,4rem) clamp(3rem,6vw,5rem);
  background:radial-gradient(55% 70% at 85% 100%,rgba(255,90,0,.18),transparent 65%),linear-gradient(180deg,#001621,#00121B)}
.hero-pagina::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(255,255,255,.035) 46px 47px)}
.hp-rejilla{position:relative;display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media (min-width:1000px){.hp-rejilla{grid-template-columns:1.05fr 1fr;align-items:start}.hp-media{margin-top:2rem}}  /* foto arriba, a la altura del título */
.hero-pagina h1{font-size:clamp(2.1rem,3.8vw,3rem);max-width:17ch}
.hero-pagina .entrada{font-size:clamp(1.05rem,1.5vw,1.18rem);color:#D5DEE4;max-width:56ch;margin:1.3rem 0 1.5rem}
.hero-pagina .chips{margin-bottom:1.8rem}
.hp-media{position:relative}
.hp-marco{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.hp-marco img{width:100%;aspect-ratio:4/3;object-fit:cover;animation:kenburns 22s ease-in-out 1s infinite alternate}
.hp-marco:hover img{animation-play-state:paused}
.hp-media::before{content:"";position:absolute;z-index:1;right:-14px;top:-14px;width:96px;height:96px;pointer-events:none;opacity:.9;
  background:linear-gradient(var(--naranja),var(--naranja)) right top/100% 3px no-repeat,linear-gradient(var(--naranja),var(--naranja)) right top/3px 100% no-repeat}
.hp-media::after{content:"";position:absolute;left:10%;right:10%;bottom:-30px;height:50px;background:radial-gradient(50% 100% at 50% 0,var(--brillo),transparent 75%);filter:blur(8px)}
.hp-media .video-real{max-width:380px;margin-inline:auto}

.seccion-corta{padding-block:clamp(2.5rem,5vw,3.5rem)}
.respuesta-directa{max-width:900px;display:grid;gap:.8rem;padding-left:clamp(18px,3vw,28px);border-left:4px solid var(--linea)}
.respuesta-directa h2{font-size:clamp(1.4rem,2.2vw,1.7rem)}
.respuesta-directa p{font-size:1.12rem;margin:0;color:#1F3442}

.usos{list-style:none;display:grid;gap:0;border-top:1px solid var(--linea-o)}
@media (min-width:700px){.usos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.usos{grid-template-columns:repeat(3,1fr)}}
.usos li{padding:26px 24px 26px 0;border-bottom:1px solid var(--linea-o)}
.usos li h3{display:flex;align-items:center;gap:.6em;margin-bottom:.5rem}
.usos li h3::before{content:"";width:16px;height:2px;background:linear-gradient(90deg,var(--linea),#5E6870);flex:none}
.usos li p{color:var(--niebla);margin:0;font-size:.98rem}
.hielo .usos,.blanco .usos,.hielo .usos li,.blanco .usos li{border-color:var(--linea-c)}
.hielo .usos li p,.blanco .usos li p{color:var(--gris)}

.dos-col{display:grid;gap:clamp(1.8rem,4vw,3rem);align-items:center}
@media (min-width:960px){.dos-col{grid-template-columns:1fr 1fr}.dos-col.invertido>:first-child{order:2}}
.dos-col .texto p{max-width:60ch}
.dos-col figure{margin:0;position:relative}
.dos-col figure img{width:100%;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.dos-col figcaption{font-size:.86rem;color:var(--niebla);margin-top:.6rem}
.hielo .dos-col figcaption,.blanco .dos-col figcaption{color:var(--gris)}

.tabla-envoltura{overflow-x:auto;border:1px solid var(--linea-c);background:var(--blanco)}
.tabla{width:100%;border-collapse:collapse;min-width:620px;font-size:.98rem;color:var(--azul)}
.tabla th,.tabla td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--linea-c);vertical-align:top}
.tabla thead th{background:var(--azul);color:var(--blanco);font-size:.84rem;letter-spacing:.06em;text-transform:uppercase}
.tabla tbody th{font-weight:800}
.tabla td{font-variant-numeric:tabular-nums}
.nota{font-size:.88rem;color:var(--gris);margin-top:.9rem}
@media (max-width:700px){
  .tabla-envoltura{overflow:visible}
  .tabla{min-width:0}
  .tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabla tbody,.tabla tr,.tabla th,.tabla td{display:block}
  .tabla tr{padding:14px 16px;border-bottom:1px solid var(--linea-c)}
  .tabla tbody th{padding:0 0 8px;border:0;font-size:1.06rem}
  .tabla td{display:grid;grid-template-columns:40% 1fr;gap:12px;padding:5px 0;border:0}
  .tabla td::before{content:attr(data-label);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);padding-top:.2em}
}

.galeria{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (min-width:900px){.galeria{grid-template-columns:repeat(3,1fr)}}
.g-celda{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--azul-3)}
.g-celda img{width:100%;height:100%;object-fit:cover}
.g-celda figcaption{position:absolute;left:0;bottom:0;z-index:3;padding:.45em .8em;background:rgba(0,22,33,.86);color:var(--blanco);font-size:.84rem;font-weight:700;transition:padding .35s var(--curva),background .3s,color .3s}
.g-celda figcaption::before{content:"";display:inline-block;width:12px;height:2px;margin-right:.55em;vertical-align:middle;background:linear-gradient(90deg,#fff,#8FA1AD)}
.g-celda:hover figcaption{padding-left:1.1em;background:var(--blanco);color:var(--azul)}
.g-celda:hover figcaption::before{background:var(--azul)}
.fila-videos{display:grid;gap:22px;align-items:start;margin-top:clamp(1.6rem,3vw,2.4rem)}
@media (min-width:700px){.fila-videos{grid-template-columns:repeat(3,1fr)}}
.fila-videos .video-real .video-play{aspect-ratio:4/5}
.dos-col .video-real.vertical{width:min(100%,400px);margin-inline:auto}

.otros-servicios{list-style:none;display:grid;gap:12px}
@media (min-width:700px){.otros-servicios{grid-template-columns:repeat(2,1fr)}}
.otros-servicios a{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:4px 14px;padding:20px 22px;border:1px solid var(--linea-o);background:var(--azul);text-decoration:none;font-weight:700;font-size:1.06rem;transition:border-color .25s,background .25s}
.otros-servicios a span{grid-column:2/-1;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
.otros-servicios a>svg{width:22px;height:22px;color:var(--ico);grid-column:3;grid-row:2;transition:transform .25s var(--curva)}
.os-ico{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#D7E0E6;transition:background .3s,color .3s}
.os-ico svg{width:24px;height:24px}
.otros-servicios a:hover .os-ico{background:var(--naranja);color:var(--azul)}
.otros-servicios a:hover{border-color:rgba(255,255,255,.4);background:var(--azul-3)}
.otros-servicios a:hover>svg{transform:translateX(4px)}

.lista-ciudades{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.lista-ciudades a{display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.2em;border:1.5px solid var(--linea-c);font-weight:700;text-decoration:none;color:var(--azul);transition:border-color .2s,background .2s}
.lista-ciudades a svg{width:18px;height:18px;color:var(--gris)}
.lista-ciudades a:hover{border-color:var(--azul);background:var(--hielo)}

.cta-final{background:linear-gradient(110deg,var(--naranja) 0%,#FF6E1A 55%,#E04F00 100%);color:var(--azul);padding-block:clamp(3rem,6vw,4.5rem)}
.cta-rejilla{display:grid;gap:1.6rem;align-items:center}
@media (min-width:900px){.cta-rejilla{grid-template-columns:1.4fr auto}}
.cta-final h2{font-size:clamp(1.7rem,2.6vw,2.1rem);margin-bottom:.6rem}
.cta-final p{margin:0;font-size:1.08rem;max-width:56ch}
.cta-final .btn-wa{background:var(--azul);color:var(--blanco)}
.cta-final .btn-wa:hover{background:#06263A}
.cta-final .btn-linea{color:var(--azul)}
.cta-final .btn-linea:hover{background:rgba(0,22,33,.08)}

.texto-legal{max-width:78ch}
.texto-legal h2{font-size:1.4rem;margin:2.2rem 0 .8rem}
.texto-legal ul{padding-left:1.2em;margin-bottom:1em}
.texto-legal li{margin-bottom:.4em}
.pendiente{display:inline-block;background:#FFF1E8;color:#9A3A00;border:1px dashed #E05A0A;padding:.15em .5em;font-size:.86em;font-weight:700}

/* Piezas propias de algunas páginas */
.adn{display:grid;gap:0;border-top:1px solid var(--linea-o)}
@media (min-width:900px){.adn{grid-template-columns:repeat(3,1fr)}}
.adn div{padding:26px 26px 26px 0;border-bottom:1px solid var(--linea-o)}
@media (min-width:900px){.adn div{border-bottom:0;border-right:1px solid var(--linea-o);padding-left:24px}.adn div:first-child{padding-left:0}.adn div:last-child{border-right:0}}
.adn h3{color:var(--naranja);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;margin-bottom:.7rem}
.adn p{color:#D5DEE4;margin:0;font-size:1.05rem}
.logo-grande{width:min(100%,420px);margin-inline:auto;clip-path:none!important}
.ficha-empresa dd{font-size:1.08rem}
.ficha-empresa a{text-decoration:none}
.ilustra-marco{background:radial-gradient(70% 70% at 60% 40%,#0B3149,#04202F);display:grid;place-items:center;aspect-ratio:4/3;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.ilustra-marco .ilustra-tactil{width:78%}
.ilustra-tactil .onda-t{transform-origin:236px 92px;animation:toque 2.4s ease-out infinite}
@keyframes toque{from{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}
.lista-check.columnas{gap:1.1em}
@media (min-width:900px){.lista-check.columnas{grid-template-columns:repeat(2,1fr);column-gap:3rem}}
.lista-check.columnas strong{color:var(--blanco)}
.contacto-tarjetas{list-style:none;display:grid;gap:12px;margin-top:2rem}
@media (min-width:700px){.contacto-tarjetas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.contacto-tarjetas{grid-template-columns:repeat(6,1fr)}.contacto-tarjetas li{grid-column:span 2}.contacto-tarjetas li:nth-child(n+4){grid-column:span 3}}
.contacto-tarjetas li{display:grid;gap:.35em;padding:20px;background:var(--azul-2);border:1px solid var(--linea-o)}
.contacto-tarjetas strong{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
.contacto-tarjetas a{font-weight:700;text-decoration:none;word-break:break-word}
.contacto-tarjetas a:hover{color:var(--naranja)}
.ct-ico{width:40px;height:40px;display:grid;place-items:center;background:var(--naranja);color:var(--azul);margin-bottom:.4rem}
.ct-ico svg{width:22px;height:22px}

/* --- Índice de la página */
.indice-pagina{background:#00121B;border-bottom:1px solid var(--linea-o)}
.indice-pagina .contenedor{display:flex;align-items:center;gap:10px 18px;padding-block:12px;overflow-x:auto;scrollbar-width:none}
.indice-pagina .contenedor::-webkit-scrollbar{display:none}
.indice-pagina p{display:inline-flex;align-items:center;gap:.5em;margin:0;flex:none;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--niebla)}
.indice-pagina p svg{width:16px;height:16px;color:var(--ico)}
.indice-pagina ul{list-style:none;display:flex;gap:6px;flex:none}
.indice-pagina a{display:inline-flex;align-items:center;min-height:40px;padding:0 .85em;border:1px solid var(--linea-o);font-size:.88rem;font-weight:600;color:#DCE4E9;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.indice-pagina a:hover{border-color:rgba(255,255,255,.45);color:var(--blanco);background:rgba(255,255,255,.06)}

/* --- Artículo del blog */
.art-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 1.4rem;font-size:.9rem;color:var(--niebla)}
.art-meta li{display:inline-flex;align-items:center;gap:.45em}
.art-meta svg{width:16px;height:16px;color:var(--ico)}
.art-rejilla{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:start}
@media (min-width:1050px){.art-rejilla{grid-template-columns:minmax(0,1fr) 320px}}
.art-cuerpo{max-width:74ch;font-size:1.08rem;color:#1C3240}
.art-cuerpo h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2.6rem 0 1rem;color:var(--azul);scroll-margin-top:110px}
.art-cuerpo h2::after{width:96px}
.art-cuerpo h3{font-size:1.2rem;margin:1.8rem 0 .6rem;color:var(--azul)}
.art-cuerpo p,.art-cuerpo li{line-height:1.75}
.art-cuerpo ul,.art-cuerpo ol{padding-left:1.25em;margin:0 0 1.2em}
.art-cuerpo li{margin-bottom:.45em}
.art-cuerpo li::marker{color:var(--gris);font-weight:700}
.art-cuerpo a{color:#C24400;font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}
.art-cuerpo a:hover{color:var(--azul)}
.art-cuerpo a.btn{text-decoration:none}
.art-cuerpo a.btn-wa{color:var(--azul)}
.art-cuerpo a.btn-linea{color:var(--blanco)}
.art-cuerpo strong{color:var(--azul)}
.art-cuerpo figure{margin:2rem 0}
.art-cuerpo figure img{width:100%}
.art-cuerpo figure .fx{background:var(--hielo-2)}
.art-cuerpo figure figcaption{margin-top:.6rem;font-size:.88rem;color:var(--gris)}
.art-cuerpo .tabla-envoltura{margin:1.6rem 0}
.art-cuerpo dl{margin:0 0 1.5rem;border-top:1px solid var(--linea-c)}
.art-cuerpo dt{margin-top:1rem;font-weight:800;color:var(--azul)}
.art-cuerpo dd{margin:.25rem 0 0;padding-bottom:1rem;border-bottom:1px solid var(--linea-c)}
.art-cuerpo .video-real{max-width:420px;margin:2rem 0}
.nota-8k{display:block;margin:1.8rem 0;padding:18px 22px 18px 20px;background:linear-gradient(100deg,var(--hielo),#FFFFFF 70%);border-left:4px solid var(--azul);font-size:1rem}
.nota-8k strong{color:var(--azul)}
.art-respuesta{margin:0 0 2rem;padding:22px 24px;background:var(--azul);color:#D5DEE4;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.art-respuesta p{margin:0;font-size:1.08rem}
.art-respuesta .ar-titulo{display:flex;align-items:center;gap:.5em;margin-bottom:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
.art-respuesta .ar-titulo svg{width:18px;height:18px}
.art-respuesta strong{color:var(--blanco)}
.art-toc{margin:0 0 2rem;padding:18px 22px;border:1px solid var(--linea-c);background:var(--hielo)}
.art-toc p{display:flex;align-items:center;gap:.5em;margin:0 0 .6rem;font-weight:800;color:var(--azul)}
.art-toc p svg{width:18px;height:18px;color:var(--gris)}
.art-toc ol{margin:0;padding-left:1.3em;columns:2 260px;column-gap:2rem}
.art-toc li{margin-bottom:.35em;break-inside:avoid}
.art-toc a{color:var(--azul);text-decoration:none;font-weight:600;font-size:.96rem}
.art-toc a:hover{color:#C24400;text-decoration:underline}
.art-cta{position:relative;display:grid;gap:14px;margin:2.4rem 0;padding:24px;color:var(--blanco);background:linear-gradient(120deg,#03263A,#001621 70%);overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.art-cta::before{content:"";position:absolute;right:-30px;top:0;bottom:0;width:180px;opacity:.5;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 2px,transparent 2px 15px);pointer-events:none}
.art-cta .ac-titulo{position:relative;margin:0;font-size:1.25rem;font-weight:800;line-height:1.25;color:var(--blanco)}
.art-cta .ac-texto{position:relative;margin:0;font-size:.98rem;color:#D5DEE4}
.art-cta .acciones{position:relative}
.art-cta .btn-linea{color:var(--blanco)}
.art-lateral{display:grid;gap:18px}
@media (min-width:1050px){.art-lateral{position:sticky;top:110px}}
.al-tarjeta{padding:22px;background:var(--azul);color:#D5DEE4;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.al-tarjeta .al-titulo{margin:0 0 .5rem;font-size:1.2rem;font-weight:800;line-height:1.2;color:var(--blanco)}
.al-tarjeta p{font-size:.95rem}
.al-tarjeta .btn{width:100%;margin-top:8px}
.al-tarjeta .btn-linea{color:var(--blanco)}
.al-lista{padding:20px 22px;border:1px solid var(--linea-c);background:var(--blanco)}
.al-lista .al-ante{margin:0 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.al-lista ul{list-style:none;display:grid;gap:2px}
.al-lista a{display:flex;align-items:center;gap:.6em;min-height:44px;padding:.4em 0;font-weight:600;font-size:.95rem;color:var(--azul);text-decoration:none;border-bottom:1px solid var(--hielo-2)}
.al-lista a:hover{color:#C24400}
.al-lista svg{width:18px;height:18px;color:var(--gris);flex:none}
.autor{display:flex;gap:14px;align-items:center;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--linea-c);font-size:.94rem;color:var(--gris)}
.autor img{width:60px;height:auto;padding:10px;background:var(--azul);flex:none;box-sizing:content-box}
.autor strong{display:block;color:var(--azul)}
.autor p{margin:0}
.blog-filtros{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}
.blog-filtros button{display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:0 1em;border:1.5px solid var(--linea-c);background:var(--blanco);color:var(--azul);font:700 .9rem var(--f);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.blog-filtros button svg{width:17px;height:17px;color:var(--gris)}
.blog-filtros button[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:var(--blanco)}
.blog-filtros button[aria-pressed="true"] svg{color:var(--blanco)}
.tarjeta-blog[hidden]{display:none}
.blog-destacado{display:grid;gap:0;background:var(--azul);color:var(--blanco);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);margin-bottom:2rem;position:relative}
@media (min-width:900px){.blog-destacado{grid-template-columns:1.2fr 1fr}}
.blog-destacado .marco-foto{aspect-ratio:16/10;overflow:hidden}
.blog-destacado .marco-foto img{width:100%;height:100%;object-fit:cover}
.blog-destacado .bd-texto{padding:clamp(22px,3vw,40px);display:grid;align-content:center;gap:.6rem}
.blog-destacado h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.blog-destacado h2 a{text-decoration:none}
.blog-destacado h2 a::after{content:"";position:absolute;inset:0;z-index:5}
.blog-destacado p{color:#D5DEE4;margin:0}

/* --- Proyectos y cobertura */
.proyectos-rejilla{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-flow:dense}
@media (min-width:900px){.proyectos-rejilla{grid-template-columns:repeat(4,1fr)}.proyectos-rejilla .p-ancha{grid-row:span 2}}
.proyectos-rejilla figure{margin:0;position:relative;background:var(--azul-3);aspect-ratio:4/3}
/* Celda destacada: 2 columnas (y 2 filas en escritorio) en 4:3, así cuadra con cualquier filtro */
.proyectos-rejilla .p-ancha{grid-column:span 2}
.proyectos-rejilla img{width:100%;height:100%;object-fit:cover}
.proyectos-rejilla figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:30px 14px 12px;background:linear-gradient(0deg,rgba(0,14,21,.92),transparent);font-size:.92rem;font-weight:700;line-height:1.3}
.proyectos-rejilla figcaption small{display:block;margin-bottom:2px;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#C9D3DA}
.proyectos-rejilla figure[hidden]{display:none}
.ciudades-rejilla{display:grid;gap:14px}
@media (min-width:800px){.ciudades-rejilla{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1150px){.ciudades-rejilla{grid-template-columns:repeat(4,1fr)}}
.ciudad-tarjeta{position:relative;padding:24px;border:1px solid var(--linea-c);background:var(--blanco);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.ciudad-tarjeta h3{display:flex;align-items:center;gap:.5em;margin-bottom:.4rem}
.ciudad-tarjeta h3 svg{width:22px;height:22px;color:var(--gris)}
.ciudad-tarjeta>p{color:var(--gris);font-size:.95rem}
.ciudad-tarjeta ul{list-style:none;display:grid;gap:2px;margin-top:.6rem}
.ciudad-tarjeta li a,.ciudad-tarjeta li span{display:flex;align-items:center;gap:.55em;min-height:44px;font-weight:700;font-size:.95rem;color:var(--azul);text-decoration:none;border-bottom:1px solid var(--hielo-2)}
.ciudad-tarjeta li span{font-weight:600;color:var(--gris)}
.ciudad-tarjeta li a:hover{color:#C24400}
.ciudad-tarjeta li svg{width:18px;height:18px;color:var(--gris);flex:none}


/* --- Pasos del servicio */
.pasos-servicio{list-style:none;display:grid;gap:14px}
@media (min-width:700px){.pasos-servicio{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.pasos-servicio{grid-template-columns:repeat(5,1fr)}}
.pasos-servicio li{position:relative;padding:22px 20px 24px;background:var(--blanco);border:1px solid var(--linea-c);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.pasos-servicio li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--linea),#5E6870 60%,transparent);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--curva)}
.pasos-servicio li:hover::before{transform:none}
.ps-num{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:14px;background:var(--azul);color:var(--naranja);font-weight:850;font-size:1rem;font-variant-numeric:tabular-nums;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.pasos-servicio h3{font-size:1.08rem;margin-bottom:.45rem}
.pasos-servicio p{margin:0;font-size:.95rem;color:var(--gris)}
.ct-accion{margin-top:1rem}

.cifras-8k{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:2rem 0 0}
@media (min-width:900px){.cifras-8k{grid-template-columns:repeat(4,1fr)}}
.cifras-8k div{position:relative;padding:20px 22px;border:1px solid var(--linea-o);background:rgba(255,255,255,.025);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.cifras-8k div::before{content:"";position:absolute;left:0;top:0;width:34%;height:3px;background:var(--linea)}
.cifras-8k dt{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--niebla)}
.cifras-8k dd{margin:.35rem 0 0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:850;line-height:1;color:var(--blanco);font-variant-numeric:tabular-nums}