/* fuentes autoalojadas: la pagina se ve igual en cualquier
   dispositivo, tambien sin conexion a servidores de terceros */
@font-face{font-family:'Archivo Black';src:url('../fuentes/ArchivoBlack-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('../fuentes/Archivo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fuentes/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}



/* ================================================================
   NAVEGACION GLOBAL · fragmento compartido
   Autocontenido: variables propias y clases prefijadas.
   No depende de los tokens de la hoja de cada pagina.
   ================================================================ */
.gnav,.gmenu,.gbus,.gpie{
  --g-rojo:#A52019; --g-rojo-osc:#8B1A15; --g-gris:#332F2C;
  --g-linea:#E2E0DC; --g-niebla:#8F8B84; --g-hueso:#F6F6F5; --g-texto2:#5C574F;
  --g-display:"Archivo Black",system-ui,sans-serif;
  --g-sans:"Archivo",system-ui,sans-serif;
  --g-mono:"IBM Plex Mono",ui-monospace,monospace;
}
:root{--gnav-h:62px}
:target{scroll-margin-top:calc(var(--gnav-h) + 8px)}
/* el salto programado del conmutador y del menu no pasa por :target,
   asi que la reserva bajo la barra se declara para todo destino */
[id]{scroll-margin-top:calc(var(--gnav-h) + 8px)}
.gnav *,.gmenu *,.gbus *,.gpie *{box-sizing:border-box}

.gnav-saltar{position:absolute;left:-9999px;top:0;z-index:200;background:#A52019;color:#fff;
padding:12px 18px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;
letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.gnav-saltar:focus{left:0}

.gnav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--g-linea);
font-family:var(--g-sans);color:var(--g-gris);transition:transform .28s ease}
.gnav.oculta{transform:translateY(-100%)}
.gnav-in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);
display:flex;align-items:center;gap:clamp(12px,2.5vw,34px);height:var(--gnav-h)}
.gnav-logo{display:flex;align-items:center;text-decoration:none;flex:none}
.gnav-logo img{height:15px;width:auto;display:block}
.gnav-centro{display:flex;align-items:center;gap:clamp(12px,2vw,26px);margin-left:clamp(10px,3vw,40px)}
.gnav-der{display:flex;align-items:center;gap:clamp(8px,1.4vw,16px);margin-left:auto}
.gnav-enl{font-family:var(--g-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--g-gris);white-space:nowrap;padding:6px 0;
border-bottom:1px solid transparent;transition:border-color .15s}
.gnav-enl:hover{border-bottom-color:var(--g-rojo)}
.gnav-ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;
border:1px solid var(--g-linea);background:none;color:var(--g-gris);cursor:pointer;padding:0;
transition:border-color .15s}
.gnav-ico:hover{border-color:var(--g-gris)}
.gnav-ico svg{width:15px;height:15px;display:block}
.gnav-menu{display:inline-flex;align-items:center;gap:10px;flex:none;cursor:pointer;
font-family:var(--g-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
background:var(--g-rojo);border:1px solid var(--g-rojo);padding:0 15px;height:34px;transition:background .15s}
.gnav-menu:hover{background:var(--g-rojo-osc);border-color:var(--g-rojo-osc)}
.gnav-hamb{display:inline-block;width:15px;height:9px;position:relative}
.gnav-hamb i{position:absolute;left:0;width:100%;height:1.5px;background:#fff;transition:transform .2s,opacity .2s}
.gnav-hamb i:nth-child(1){top:0}.gnav-hamb i:nth-child(2){top:3.75px}.gnav-hamb i:nth-child(3){top:7.5px}
.gnav-menu[aria-expanded="true"] .gnav-hamb i:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
.gnav-menu[aria-expanded="true"] .gnav-hamb i:nth-child(2){opacity:0}
.gnav-menu[aria-expanded="true"] .gnav-hamb i:nth-child(3){transform:translateY(-3.75px) rotate(-45deg)}
@media(max-width:900px){.gnav-centro,.gnav-der .gnav-enl{display:none}}
@media(max-width:520px){.gnav-menu .gnav-mtxt{display:none}.gnav-menu{padding:0 12px}}

/* ---- menu a pantalla entera ---- */
.gmenu{position:fixed;inset:0;z-index:70;background:var(--g-gris);color:#fff;overflow-y:auto;
font-family:var(--g-sans);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}
.gmenu.abierto{opacity:1;visibility:visible}
.gmenu-in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}
.gmenu-barra{position:sticky;top:0;background:var(--g-gris);border-bottom:1px solid rgba(255,255,255,.16);z-index:2}
.gmenu-barra .gmenu-in{display:flex;align-items:center;height:var(--gnav-h);gap:20px}
.gmenu-barra img{height:15px;width:auto;display:block;filter:brightness(0) invert(1)}
.gmenu-cerrar{margin-left:auto;display:inline-flex;align-items:center;gap:10px;cursor:pointer;
font-family:var(--g-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
background:none;border:1px solid rgba(255,255,255,.3);padding:0 15px;height:34px;transition:border-color .15s}
.gmenu-cerrar:hover{border-color:#fff}
.gmenu-cuerpo{padding:clamp(28px,4.5vw,58px) 0 clamp(34px,5vw,64px)}
.gmenu-rejilla{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,3fr);gap:clamp(24px,4vw,58px)}
.gmenu-lineas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,34px) clamp(18px,2.6vw,40px)}
.gmenu-rot{font-family:var(--g-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
color:rgba(255,255,255,.5);padding-bottom:11px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2)}
.gmenu-cab{display:flex;align-items:baseline;gap:9px;padding-bottom:11px;margin-bottom:12px;
border-bottom:1px solid rgba(255,255,255,.2)}
.gmenu-num{font-family:var(--g-mono);font-size:10px;letter-spacing:.14em;color:var(--g-rojo)}
.gmenu-tit{font-family:var(--g-display);font-size:clamp(15px,1.7vw,19px);letter-spacing:-.02em;
color:#fff;text-decoration:none;line-height:1.05;transition:color .15s}
.gmenu-tit:hover{color:#F0A9A3}
.gmenu-lista{list-style:none;margin:0;padding:0}
.gmenu-lista li+li{margin-top:2px}
.gmenu-lista a{display:block;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.74);
text-decoration:none;padding:3px 0;transition:color .15s,padding-left .15s}
.gmenu-lista a:hover{color:#fff;padding-left:6px}
.gmenu-lista a.grande{font-size:14.5px;color:rgba(255,255,255,.86)}
.gmenu-vacio{font-family:var(--g-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
color:rgba(255,255,255,.38);padding:3px 0}
.gmenu-pie{margin-top:clamp(28px,4vw,52px);padding-top:22px;border-top:1px solid rgba(255,255,255,.2);
display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.gmenu-sedes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gmenu-sede b{display:block;font-family:var(--g-display);font-size:13px;letter-spacing:-.01em;
margin-bottom:6px;font-weight:400}
.gmenu-sede span{display:block;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.66)}
.gmenu-sede a{font-family:var(--g-mono);font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.8);text-decoration:none}
.gmenu-legal{display:flex;flex-direction:column;gap:7px}
.gmenu-legal a{font-family:var(--g-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
color:rgba(255,255,255,.6);text-decoration:none}
.gmenu-legal a:hover{color:#fff}
@media(max-width:980px){.gmenu-rejilla{grid-template-columns:1fr}.gmenu-lineas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.gmenu-lineas,.gmenu-sedes{grid-template-columns:1fr}.gmenu-pie{grid-template-columns:1fr}}

/* ---- buscador ---- */
.gbus{position:fixed;inset:0;z-index:80;background:rgba(20,18,17,.55);font-family:var(--g-sans);
opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
.gbus.abierto{opacity:1;visibility:visible}
.gbus-caja{background:#fff;max-width:760px;margin:min(14vh,110px) auto 0;color:var(--g-gris);
max-height:72vh;display:flex;flex-direction:column;box-shadow:0 26px 70px rgba(0,0,0,.35)}
.gbus-campo{display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--g-linea);flex:none}
.gbus-campo svg{width:17px;height:17px;color:var(--g-niebla);flex:none}
.gbus-campo input{flex:1;font-family:var(--g-sans);font-size:17px;color:var(--g-gris);
border:none;outline:none;background:none;padding:20px 0}
.gbus-cerrar{font-family:var(--g-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
color:var(--g-niebla);flex:none;background:none;border:none;cursor:pointer}
.gbus-cerrar:hover{color:var(--g-gris)}
.gbus-res{overflow-y:auto;padding:6px 0 10px}
.gbus-res a{display:block;padding:14px 20px;text-decoration:none;color:inherit;border-bottom:1px solid var(--g-linea)}
.gbus-res a:last-child{border-bottom:none}
.gbus-res a:hover{background:var(--g-hueso)}
.gbus-donde{font-family:var(--g-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
color:var(--g-rojo);display:block;margin-bottom:5px}
.gbus-tit{font-family:var(--g-display);font-size:14.5px;letter-spacing:-.02em;display:block;margin-bottom:5px}
.gbus-frag{font-size:13px;line-height:1.55;color:var(--g-texto2)}
.gbus-frag mark{background:rgba(165,32,25,.16);color:var(--g-gris);font-weight:600;padding:0 1px}
.gbus-nada{padding:26px 20px;font-size:13.5px;color:var(--g-texto2)}
.gbus-nota{padding:12px 20px;border-top:1px solid var(--g-linea);flex:none;
font-family:var(--g-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-niebla)}
@media(max-width:820px){.gbus-caja{margin-top:0;max-height:100vh;height:100%}}

/* ---- pie ---- */
.gpie{background:var(--g-gris);color:#fff;font-family:var(--g-sans);
padding:clamp(44px,5.5vw,72px) 0 clamp(26px,3vw,38px)}
.gpie-in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}
.gpie-sedes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.gpie-sede{background:var(--g-gris);padding:26px 22px 28px}
.gpie-sede h4{font-family:var(--g-display);font-size:17px;letter-spacing:-.02em;margin:0 0 15px;font-weight:400}
.gpie-sede p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.8);margin:0 0 12px}
.gpie-sede .tel{font-family:var(--g-mono);font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.62)}
.gpie-sede a{display:block;font-size:13px;color:#fff;text-decoration:none;
border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:3px;margin-top:8px;width:fit-content;
transition:border-color .15s}
.gpie-sede a:hover{border-color:#fff}
.gpie-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);border-top:none}
.gpie-col{background:var(--g-gris);padding:26px 22px 28px}
.gpie-rot{font-family:var(--g-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
color:rgba(255,255,255,.5);margin-bottom:15px}
.gpie-lista{list-style:none;margin:0;padding:0}
.gpie-lista li+li{margin-top:7px}
.gpie-lista a{display:flex;align-items:baseline;gap:9px;font-size:13.5px;color:rgba(255,255,255,.8);
text-decoration:none;transition:color .15s}
.gpie-lista a:hover{color:#fff}
.gpie-lista i{font-family:var(--g-mono);font-style:normal;font-size:10px;letter-spacing:.1em;
color:rgba(255,255,255,.42);flex:none}
.gpie-marca{container-type:inline-size;display:flex;align-items:center;justify-content:center}
.gpie-lock{display:flex;align-items:center;gap:min(4.2cqw,13px);--g-claim:min(4.5cqw,14px)}
/* el logotipo se centra sobre el bloque de tres lineas del claim, de modo que
   queda a la altura de la linea central. */
.gpie-lock img{height:min(3.4cqw,11px);width:auto;display:block;filter:brightness(0) invert(1);
flex:none}
.gpie-raya{width:1px;flex:none;align-self:stretch;background:rgba(255,255,255,.42)}
.gpie-claim{font-family:var(--g-display);font-size:var(--g-claim);letter-spacing:-.03em;
line-height:1.04;color:#fff;white-space:nowrap}
.gpie-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:34px;
padding-top:20px;border-top:1px solid rgba(255,255,255,.18);
font-family:var(--g-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.gpie-links a{color:rgba(255,255,255,.7);text-decoration:none;margin-left:22px}
.gpie-links a:hover{color:#fff}
@media(max-width:820px){.gpie-sedes,.gpie-cols{grid-template-columns:1fr}}

/* --- documento y conmutador de capitulos --- */
html,body{margin:0;padding:0}
body{background:#fff}


/* ===== capitulo · PORTADA (encapsulado) ===== */
:root{--blanco:#fff;--hueso:#F6F6F5;--gris:#332F2C;--rojo:#A52019;--linea:#E2E0DC;
--texto2:#5C574F;--niebla:#8F8B84;--display:'Archivo Black';--mono:'IBM Plex Mono'}
.pg-portada *{box-sizing:border-box;margin:0;padding:0}
.pg-portada{font-family:'Archivo',system-ui,sans-serif;background:var(--hueso);color:var(--gris);-webkit-font-smoothing:antialiased}
.pg-portada button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}
.pg-portada .in{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}
.pg-portada .barra-sup{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--linea)}
.pg-portada .barra-sup .in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:62px}
.pg-portada .logo{display:flex;align-items:center;text-decoration:none}
.pg-portada .logo img{height:15px;width:auto;display:block}
.pg-portada .nav-acc{display:flex;align-items:center;gap:10px}
.pg-portada .btn-nav{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--gris);border:1px solid var(--linea);padding:11px 16px;transition:all .15s}
.pg-portada .btn-nav:hover{border-color:var(--gris)}
.pg-portada .btn-nav.destacado{background:var(--rojo);border-color:var(--rojo);color:#fff}
.pg-portada .btn-nav.destacado:hover{background:#8B1A15;border-color:#8B1A15}
.pg-portada .contacto{background:#fff;border-top:1px solid var(--linea);padding:clamp(44px,5.5vw,74px) 0}
.pg-portada .contacto .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(26px,4vw,60px)}
.pg-portada .contacto h2{font-family:var(--display);font-size:clamp(25px,3.9vw,45px);letter-spacing:-.04em;line-height:1.02}
.pg-portada .ccab p{font-size:14.5px;line-height:1.6;color:var(--texto2);margin-top:20px;max-width:46ch}
.pg-portada .cdir{margin-top:26px;padding-top:18px;border-top:1px solid var(--linea)}
.pg-portada .cdir span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--niebla);display:block;margin-bottom:8px}
.pg-portada .cdir a{font-size:15.5px;color:var(--rojo);text-decoration:none;border-bottom:1px solid rgba(165,32,25,.35);padding-bottom:2px}
.pg-portada .cform{display:flex;flex-direction:column;gap:16px}
.pg-portada .cform label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--texto2);display:flex;flex-direction:column;gap:8px}
.pg-portada .cform input[type=text],
.pg-portada .cform input[type=email],
.pg-portada .cform textarea{font-family:'Archivo',sans-serif;font-size:14.5px;
letter-spacing:normal;text-transform:none;color:var(--gris);background:var(--hueso);
border:1px solid var(--linea);padding:12px 14px;width:100%;transition:border-color .15s}
.pg-portada .cform input:focus,
.pg-portada .cform textarea:focus{outline:none;border-color:var(--rojo);background:#fff}
.pg-portada .cform textarea{resize:vertical}
.pg-portada .ccheck{flex-direction:row;align-items:flex-start;gap:11px;text-transform:none;letter-spacing:normal;
font-family:'Archivo',sans-serif;font-size:13px;color:var(--texto2);margin-top:4px}
.pg-portada .ccheck input{margin-top:2px;accent-color:var(--rojo);width:15px;height:15px;flex:none}
.pg-portada .ccheck a{color:var(--rojo)}
.pg-portada .cbtn{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:11px;
font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
background:var(--rojo);border:none;padding:14px 22px;cursor:pointer;transition:background .15s}
.pg-portada .cbtn:hover{background:#8B1A15}

@media(max-width:860px){.contacto .in{grid-template-columns:1fr}}
.pg-portada .pie{background:var(--gris);color:#fff;padding:clamp(44px,5.5vw,72px) 0 clamp(26px,3vw,38px)}
.pg-portada .prot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
color:rgba(255,255,255,.55);margin-bottom:14px}
.pg-portada .pie h3{font-family:var(--display);font-size:clamp(28px,4vw,46px);letter-spacing:-.04em;line-height:1.0}
.pg-portada .prejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);margin-top:0}
.pg-portada .sede{background:var(--gris);padding:26px 22px 28px}
.pg-portada .sede h4{font-family:var(--display);font-size:17px;letter-spacing:-.02em;margin-bottom:15px}
.pg-portada .sede p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.8);margin-bottom:12px}
.pg-portada .sede .tel{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.62)}
.pg-portada .sede a{display:block;font-size:13px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);
padding-bottom:3px;margin-top:8px;width:fit-content;transition:border-color .15s}
.pg-portada .sede a:hover{border-color:#fff}
.pg-portada .plegal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:34px;padding-top:20px;
border-top:1px solid rgba(255,255,255,.18);
font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.pg-portada .plinks a{color:rgba(255,255,255,.7);text-decoration:none;margin-left:22px}
.pg-portada .plinks a:hover{color:#fff}

@media(max-width:820px){.prejilla{grid-template-columns:1fr}}
.pg-portada .hero{position:relative;width:100%;height:min(80vh,50vw);min-height:320px;overflow:hidden;background:#2a2a2a}
.pg-portada .hero .foto{position:absolute;inset:0;background-size:cover;background-position:center 58%}
.pg-portada .hero .capa{position:absolute;inset:0;pointer-events:none;
background:radial-gradient(120% 90% at 80% 92%,rgba(0,0,0,.5) 0%,rgba(0,0,0,.22) 45%,rgba(0,0,0,0) 72%)}
.pg-portada .hbloque{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;
padding:clamp(22px,4vw,54px) clamp(20px,5vw,72px)}
.pg-portada .hcaja{max-width:min(46ch,54%)}
.pg-portada .hmarca{font-family:var(--mono);font-size:clamp(9.5px,1.1vw,11px);letter-spacing:.2em;text-transform:uppercase;
color:rgba(255,255,255,.72);margin-bottom:14px}
.pg-portada .hero h1{font-family:var(--display);font-size:clamp(26px,4.6vw,58px);line-height:.94;letter-spacing:-.04em;color:#fff}
.pg-portada .hdesc{font-family:var(--mono);font-size:clamp(9.5px,1.1vw,12px);letter-spacing:.16em;text-transform:uppercase;
color:rgba(255,255,255,.8);margin-top:16px}

@media(max-width:700px){.hcaja{max-width:72%}}
.pg-portada .intro{padding:clamp(40px,5vw,68px) 0 clamp(38px,4.5vw,60px);background:#fff;border-bottom:1px solid var(--linea)}
.pg-portada .intro .in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
gap:clamp(20px,3vw,42px);align-items:center}
.pg-portada .icaja{background:var(--rojo);color:#fff;padding:clamp(24px,3vw,40px)}
.pg-portada .ifrase{font-family:var(--display);font-size:clamp(25px,3.9vw,45px);letter-spacing:-.04em;
line-height:1.02;max-width:24ch;color:#fff}
.pg-portada .ibajada{font-size:clamp(13.5px,1.4vw,16px);line-height:1.55;color:rgba(255,255,255,.88);margin-top:18px;max-width:44ch}
.pg-portada .idatos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);
border:1px solid var(--linea);margin-top:0}
.pg-portada .idatos>div{background:#fff;padding:20px 18px 22px}
.pg-portada .idatos b{font-family:var(--display);font-size:clamp(20px,2.4vw,29px);letter-spacing:-.035em;display:block}
.pg-portada .idatos .ancho{grid-column:1/-1}
.pg-portada .idatos b.chico{font-size:clamp(15px,1.65vw,19px);line-height:1.12}
.pg-portada .idatos span{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
color:var(--niebla);display:block;margin-top:7px}

@media(max-width:860px){.intro .in{grid-template-columns:1fr}}
.pg-portada .eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--niebla);margin-bottom:22px}
.pg-portada h1{font-family:var(--display);font-size:clamp(34px,5.4vw,62px);line-height:.96;letter-spacing:-.035em;max-width:15ch}
.pg-portada .sub{font-size:clamp(15px,1.5vw,18px);color:var(--texto2);margin-top:18px;max-width:60ch;line-height:1.5}
.pg-portada section.bloque{padding:clamp(38px,5vw,64px) 0;border-bottom:1px solid var(--linea)}
.pg-portada h2{font-family:var(--display);font-size:clamp(22px,3vw,34px);letter-spacing:-.03em;line-height:1.05}
.pg-portada .rot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:12px}
.pg-portada .nota{font-size:14px;color:var(--texto2);line-height:1.55;margin-top:14px;max-width:64ch}
.pg-portada .serie{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:30px;
grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-portada .serie>div{background:#fff;padding:26px 22px 28px;display:flex;flex-direction:column;gap:18px;min-height:160px}
.pg-portada .serie .ic{width:48px;height:48px;color:var(--gris)}
.pg-portada .serie .par{display:flex;align-items:center;gap:13px}
.pg-portada .serie .par .ic{width:44px;height:44px}
.pg-portada .serie .par .sep{width:1px;height:30px;background:var(--linea);flex:none}
.pg-portada .serie b{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-top:auto}
.pg-portada .serie span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--niebla);display:block;margin-top:5px}
.pg-portada .serie>div.tinta{background:var(--rojo)}
.pg-portada .serie .iso{width:auto;height:48px;color:#fff}
.pg-portada .serie>div.tinta b,
.pg-portada .serie>div.tinta span{color:#fff}
.pg-portada .serie>div.tinta span{color:rgba(255,255,255,.66)}
.pg-portada .serie .lgnombre{height:17px;width:auto;color:#fff;display:block;margin-top:auto}

@media(max-width:820px){.serie{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-portada .previo{background:var(--blanco)}
.pg-portada .banda{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 18px minmax(0,1fr);
gap:12px;align-items:stretch;margin-top:26px}
.pg-portada .banda>.cel{border:1px solid var(--linea)}
.pg-portada .hueco{width:18px}
.pg-portada .tecnico{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:1px;
background:var(--linea);border:1px solid var(--linea);margin-top:26px}
.pg-portada .tecnico>div{background:#fff;padding:30px 26px 32px}
.pg-portada .tecnico h3{font-family:var(--display);font-size:clamp(28px,3.6vw,42px);letter-spacing:-.035em;line-height:.98}
.pg-portada .tsub{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
color:var(--niebla);margin-top:14px}
.pg-portada .tdato{margin-top:26px;padding-top:16px;border-top:1px solid var(--linea)}
.pg-portada .tdato b{font-family:var(--display);font-size:30px;letter-spacing:-.04em;display:block}
.pg-portada .tdato span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--niebla);display:block;margin-top:5px}
.pg-portada .tcuerpo p{font-size:14.5px;line-height:1.62;color:var(--texto2);max-width:70ch}
.pg-portada .tinstr{margin-top:22px;padding-top:16px;border-top:1px solid var(--linea);
font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}

@media(max-width:900px){.tecnico{grid-template-columns:1fr}}
.pg-portada .herr{margin-top:1px;border:1px solid var(--linea);border-top:none;background:#fff}
.pg-portada .herr summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
gap:18px;padding:20px 26px;transition:background .15s}
.pg-portada .herr summary::-webkit-details-marker{display:none}
.pg-portada .herr summary:hover{background:var(--hueso)}
.pg-portada .herr summary:focus-visible{outline:2px solid var(--rojo);outline-offset:-2px}
.pg-portada .herr .sm{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.pg-portada .herr .signo{position:relative;width:16px;height:16px;flex:none}
.pg-portada .herr .signo::before,
.pg-portada .herr .signo::after{content:"";position:absolute;background:var(--rojo);transition:transform .18s}
.pg-portada .herr .signo::before{left:0;top:7px;width:16px;height:2px}
.pg-portada .herr .signo::after{left:7px;top:0;width:2px;height:16px}
.pg-portada .herr[open] .signo::after{transform:scaleY(0)}
.pg-portada .herr[open] summary{border-bottom:1px solid var(--linea)}
.pg-portada .hcuerpo{padding:28px 26px 32px}
.pg-portada .hrejilla{display:flex;flex-direction:column;border-top:1px solid var(--linea)}
.pg-portada .hrejilla article{display:grid;grid-template-columns:142px minmax(0,1fr);gap:24px;
padding:22px 0;border-bottom:1px solid var(--linea);align-items:stretch;min-height:168px}
.pg-portada .foto{background:#E7ECEE;display:flex;align-items:center;justify-content:center;height:100%}
.pg-portada .foto img{width:100%;height:100%;object-fit:contain;display:block;padding:8px}
.pg-portada .hcontenido{display:flex;flex-direction:column;justify-content:center}
.pg-portada .guia{margin-top:26px;border-top:1px solid var(--linea)}
.pg-portada .guia summary{padding:24px 26px}
.pg-portada .guia .sm{font-family:var(--display);font-size:clamp(17px,2.1vw,25px);letter-spacing:-.03em;
text-transform:none;line-height:1.06;color:var(--gris)}
.pg-portada .mas{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
color:var(--rojo);margin-left:auto;margin-right:16px}
.pg-portada .gcuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.pg-portada .trabaja{margin-top:26px;border-top:1px solid var(--linea)}
.pg-portada .trabaja summary{padding:44px 26px;background-size:cover;background-position:center 38%}
.pg-portada .trabaja summary:hover{background-color:transparent}
.pg-portada .trabaja .sm{font-family:var(--display);font-size:clamp(19px,2.4vw,29px);letter-spacing:-.03em;
text-transform:none;color:#fff;line-height:1.04}
.pg-portada .trabaja .mas{color:#fff}
.pg-portada .trabaja .signo::before,
.pg-portada .trabaja .signo::after{background:#fff}
.pg-portada .tcuerpo2{padding:30px 26px 34px}
.pg-portada .tbloque h4{font-family:var(--display);font-size:clamp(18px,2vw,23px);letter-spacing:-.03em;line-height:1.06;margin-bottom:14px}
.pg-portada .tbloque p{font-size:14px;line-height:1.6;color:var(--texto2);margin-bottom:13px;max-width:62ch}
.pg-portada .tbloque .genlace{margin-top:10px}
.pg-portada .tbloque.impulsa{margin-top:30px;padding-top:28px;border-top:1px solid var(--linea);
display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.pg-portada .ifoto{background:#E7ECEE}
.pg-portada .ifoto img{width:100%;height:auto;display:block}

@media(max-width:760px){.tbloque.impulsa{grid-template-columns:1fr}}
.pg-portada .gtexto{padding:30px 30px 32px 26px;display:flex;flex-direction:column}
.pg-portada .grot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:14px}
.pg-portada .guia h3{font-family:var(--display);font-size:clamp(21px,2.5vw,29px);letter-spacing:-.03em;line-height:1.04;margin-bottom:18px}
.pg-portada .gtexto p{font-size:14px;line-height:1.6;color:var(--texto2);margin-bottom:13px;max-width:52ch}
.pg-portada .genlace{display:inline-flex;align-items:center;gap:11px;align-self:flex-start;margin-top:12px;
font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
background:var(--rojo);text-decoration:none;padding:13px 20px;transition:background .15s}
.pg-portada .genlace:hover{background:#8B1A15}
.pg-portada .gflecha{font-size:13px}
.pg-portada .gurl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--niebla);margin-top:11px}
.pg-portada .gfotos{display:flex;flex-direction:column;gap:1px;background:var(--linea);border-left:1px solid var(--linea)}
.pg-portada .gprincipal img,
.pg-portada .gpar img{width:100%;height:100%;object-fit:cover;display:block}
.pg-portada .gprincipal{aspect-ratio:16/7;overflow:hidden;background:#E7ECEE}
.pg-portada .gpar{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea)}
.pg-portada .gpar>div{aspect-ratio:4/3;overflow:hidden;background:#E7ECEE}
.pg-portada .caesec{margin-top:44px}
.pg-portada .cae{border:1px solid var(--linea);background:#fff}
.pg-portada .cae summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;padding:18px 24px}
.pg-portada .cae summary::-webkit-details-marker{display:none}
.pg-portada .cae summary:hover{background:var(--hueso)}
.pg-portada .cae summary:focus-visible{outline:2px solid var(--rojo);outline-offset:-2px}
.pg-portada .cemblema{width:112px;flex:none;aspect-ratio:4/3;background:#E7ECEE;border:1px solid var(--linea);overflow:hidden}
.pg-portada .cemblema svg{width:100%;height:100%;display:block}
.pg-portada .cid{flex:1 1 auto;min-width:0}
.pg-portada .ceti{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo);margin-bottom:7px}
.pg-portada .cnom{display:block;font-family:var(--display);font-size:clamp(17px,1.9vw,22px);letter-spacing:-.03em;line-height:1.08}
.pg-portada .ccifra{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--niebla);margin-top:9px}
.pg-portada .cae[open] summary{border-bottom:1px solid var(--linea)}
.pg-portada .caecuerpo{padding:30px 26px 32px}
.pg-portada .caetexto{max-width:88ch}
.pg-portada .caetexto p{font-size:14px;line-height:1.62;color:var(--texto2);margin-bottom:13px}
.pg-portada .caecasos{margin-top:30px;padding-top:20px;border-top:1px solid var(--linea)}
.pg-portada .caerot{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--niebla);margin-bottom:16px}
.pg-portada .caerejilla{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border:1px solid var(--linea)}
.pg-portada .caerejilla figure{background:#fff}
.pg-portada .caerejilla img{width:100%;height:auto;display:block}
.pg-portada .caerejilla figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--niebla);padding:11px 14px 13px;border-top:1px solid var(--linea)}
.pg-portada .caerejilla figcaption b{font-family:var(--display);font-size:13px;letter-spacing:-.02em;text-transform:none;color:var(--tinta);display:block;margin-top:4px}
.pg-portada .caenota{font-family:var(--mono);font-size:9.5px;line-height:1.6;letter-spacing:.06em;color:var(--niebla);margin-top:14px;max-width:76ch}

@media(max-width:760px){.cae summary{flex-wrap:wrap;gap:16px}.cemblema{width:88px}.caerejilla{grid-template-columns:1fr}}

@media(max-width:900px){.gcuerpo{grid-template-columns:1fr}.gfotos{border-left:none;border-top:1px solid var(--linea)}}
.pg-portada .hrejilla .marca{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--rojo);margin-bottom:7px}
.pg-portada .hrejilla h4{font-family:var(--display);font-size:18px;letter-spacing:-.025em;line-height:1.08;margin-bottom:11px}
.pg-portada .hrejilla p{font-size:13.5px;line-height:1.55;color:var(--texto2);max-width:74ch}
.pg-portada .hrejilla ul{list-style:none;margin-top:14px;display:flex;flex-wrap:wrap;gap:0 14px}
.pg-portada .hrejilla li{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
color:var(--niebla);padding:3px 0}
.pg-portada .hrejilla li+li::before{content:"\00b7";margin-right:14px}

@media(max-width:640px){.hrejilla article{grid-template-columns:104px minmax(0,1fr);gap:18px}}
.pg-portada .cel{background:#fff;padding:26px 20px 28px;display:flex;flex-direction:column;min-height:238px}
.pg-portada .cel .cab{height:66px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.pg-portada .cel .ic{width:64px;height:64px;color:var(--gris)}
.pg-portada .cel .iso{width:64px;height:auto;color:var(--gris)}
.pg-portada .par{display:flex;align-items:center;gap:11px}
.pg-portada .par .sep{width:1px;height:32px;background:var(--linea);flex:none}
.pg-portada .par .ic{width:54px;height:54px}
.pg-portada .cel .n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--niebla);margin-bottom:9px}
.pg-portada .cel h4{font-family:var(--display);font-size:clamp(14px,1.28vw,17px);letter-spacing:-.03em;
line-height:1.08;margin-bottom:10px;overflow-wrap:break-word;hyphens:auto}
.pg-portada .cel .nombre{line-height:0;margin-bottom:13px}
.pg-portada .cel .lgnombre{height:19px;width:auto;color:#fff;display:block}
.pg-portada .cel p{font-size:12.5px;color:var(--texto2);line-height:1.45;margin-top:auto}
.pg-portada a.cel,
.pg-portada button.cel{text-decoration:none;color:inherit;cursor:pointer;text-align:left;font:inherit;
transition:border-color .18s,transform .18s,box-shadow .18s,background .18s}
.pg-portada button.cel{width:100%}
.pg-portada .signo-mas{font-size:16px;line-height:1;transition:transform .2s}
.pg-portada button.cel[aria-expanded="true"]{background:var(--rojo);border-color:var(--rojo);color:#fff}
.pg-portada button.cel[aria-expanded="true"] .ic{color:#fff}
.pg-portada button.cel[aria-expanded="true"] .n{color:rgba(255,255,255,.7)}
.pg-portada button.cel[aria-expanded="true"] p{color:rgba(255,255,255,.9)}
.pg-portada button.cel[aria-expanded="true"] .ir{color:#fff;border-top-color:rgba(255,255,255,.35)}
.pg-portada button.cel[aria-expanded="true"] .signo-mas{transform:rotate(45deg)}
.pg-portada .panel-marcas{margin-top:12px;border:1px solid var(--rojo);background:#fff;padding:clamp(22px,3vw,34px)}
.pg-portada .pm-rot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);display:block;margin-bottom:10px}
.pg-portada .pm-cab p{font-size:14.5px;line-height:1.55;color:var(--texto2);max-width:56ch}
.pg-portada .pm-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--linea);
border:1px solid var(--linea);margin-top:24px}
.pg-portada .pm-rejilla a{background:#fff;padding:22px 20px 24px;text-decoration:none;color:inherit;
display:flex;flex-direction:column;transition:background .15s}
.pg-portada .pm-rejilla a:hover{background:var(--hueso)}
.pg-portada .pm-tipo{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--niebla);margin-bottom:10px}
.pg-portada .pm-rejilla b{font-family:var(--display);font-size:16px;letter-spacing:-.025em;line-height:1.1;margin-bottom:10px}
.pg-portada .pm-rejilla p{font-size:12.5px;line-height:1.5;color:var(--texto2);margin-bottom:16px}
.pg-portada .pm-ir{margin-top:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--rojo);display:flex;justify-content:space-between;gap:8px}
.pg-portada .pm-rejilla a:hover .pm-ir span{transform:translateX(3px)}
.pg-portada .pm-ir span{transition:transform .18s;display:inline-block}

@media(max-width:900px){.pm-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:560px){.pm-rejilla{grid-template-columns:1fr}}
.pg-portada a.cel:hover,
.pg-portada button.cel:hover{background:var(--rojo);border-color:var(--rojo);color:#fff;
transform:translateY(-4px);box-shadow:0 10px 26px rgba(51,47,44,.14)}
.pg-portada a.cel:hover .n,
.pg-portada button.cel:hover .n{color:rgba(255,255,255,.7)}
.pg-portada a.cel:hover p,
.pg-portada button.cel:hover p{color:rgba(255,255,255,.9)}
.pg-portada a.cel:hover .ir,
.pg-portada button.cel:hover .ir{color:#fff;border-top-color:rgba(255,255,255,.35)}
.pg-portada a.cel:hover .par .sep,
.pg-portada button.cel:hover .par .sep{background:rgba(255,255,255,.35)}
.pg-portada a.cel:focus-visible,
.pg-portada button.cel:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}
.pg-portada a.cel:hover .ic,
.pg-portada a.cel:hover .iso,
.pg-portada button.cel:hover .ic{color:#fff}
.pg-portada .ir{margin-top:16px;padding-top:13px;border-top:1px solid var(--linea);
font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--niebla);
display:flex;align-items:center;justify-content:space-between;gap:10px;transition:color .18s}
.pg-portada a.cel:hover .ir,
.pg-portada button.cel:hover .ir{color:var(--rojo)}
.pg-portada .ir .fl{font-size:13px;transition:transform .18s}
.pg-portada a.cel:hover .ir .fl{transform:translateX(4px)}
.pg-portada button.cel:hover .signo-mas{transform:none}
.pg-portada .ltitulo{font-family:var(--display);font-size:clamp(25px,3.9vw,45px);letter-spacing:-.04em;line-height:1.02}
.pg-portada .lsub{font-family:var(--mono);font-size:clamp(11px,1.35vw,14px);letter-spacing:.2em;text-transform:uppercase;
color:var(--rojo);margin-top:18px}
.pg-portada .lintro{font-size:clamp(14px,1.5vw,16.5px);line-height:1.55;color:var(--texto2);margin-top:20px;max-width:58ch}
.pg-portada .cel.vitta{background:#fff;color:var(--gris)}
.pg-portada .cel.vitta .iso,
.pg-portada .cel.vitta .lgnombre{color:var(--gris)}
.pg-portada a.cel.vitta:hover .lgnombre{color:#fff}
.pg-portada .banda.azul>.cel.vitta .iso,
.pg-portada .banda.azul>.cel.vitta .lgnombre{color:#222345}
.pg-portada .banda.marco>.cel.vitta{border-color:var(--gris)}
.pg-portada .cel.vitta .cab{justify-content:center}
.pg-portada .cel.vitta .nombre{display:flex;justify-content:center}
.pg-portada .cel.vitta.todo{text-align:center;align-items:center}
.pg-portada .cel.vitta.todo p{max-width:22ch}
.pg-portada .muestra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);
border:1px solid var(--linea);margin-top:26px;max-width:640px}
.pg-portada .muestra .pieta{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
color:rgba(255,255,255,.62);margin-top:14px}
.pg-portada .mini.banda{grid-template-columns:repeat(5,minmax(0,1fr)) 12px minmax(0,1fr);gap:8px}
.pg-portada .mini .cel{min-height:0;padding:16px 13px 18px}
.pg-portada .mini .cel .cab{height:36px;margin-bottom:14px}
.pg-portada .mini .cel .ic{width:34px;height:34px}
.pg-portada .mini .cel .iso{width:34px;height:auto}
.pg-portada .mini .par .ic{width:29px;height:29px}
.pg-portada .mini .par{gap:7px}
.pg-portada .mini .par .sep{height:18px}
.pg-portada .mini .cel h4{font-size:12.5px}
.pg-portada .mini .cel .lgnombre{height:14px}
.pg-portada .mini .cel p{display:none}
.pg-portada .mini .banda,
.pg-portada .mini.banda{gap:8px}
.pg-portada .barra{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}
.pg-portada .tg{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--linea);padding:11px 18px;background:#fff}
.pg-portada .tg.on{background:var(--gris);color:#fff;border-color:var(--gris)}
.pg-portada .rojoTest{display:flex;gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:26px;flex-wrap:wrap}
.pg-portada .rojoTest>div{flex:1 1 210px;background:var(--rojo);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:34px 20px}
.pg-portada .rojoTest .iso{color:#fff;width:auto}
.pg-portada .rojoTest .lgnombre{color:#fff;width:auto;display:block}
.pg-portada .rojoTest .pie{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.62);text-transform:uppercase;margin-top:6px}
.pg-portada .v1 .iso{height:64px}
.pg-portada .v1 .lgnombre{height:24px}
.pg-portada .v2 .iso{height:44px}
.pg-portada .v2 .lgnombre{height:19px}
.pg-portada .v3 .iso{height:28px}
.pg-portada .v3 .lgnombre{height:14px}
.pg-portada .v4 .iso{height:20px}
.pg-portada .v4 .lgnombre{height:10px}

@media(max-width:900px){.banda{grid-template-columns:repeat(2,1fr)}}
.pg-portada .tcontacto{margin-top:24px;padding-top:20px;border-top:1px solid var(--linea);
display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.pg-portada .tcontacto .trot{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
color:var(--rojo);flex:none}
.pg-portada .tcontacto p{font-size:14px;line-height:1.55;color:var(--texto2);margin:0}
.pg-portada .tcontacto a{color:var(--gris);text-decoration:none;border-bottom:1px solid rgba(165,32,25,.45);
padding-bottom:2px;transition:color .15s,border-color .15s}
.pg-portada .tcontacto a:hover{color:var(--rojo);border-color:var(--rojo)}
.pg-portada #lineas,
.pg-portada #contacto,
.pg-portada #trabaja,
.pg-portada #tecnico,
.pg-portada #cae,
.pg-portada #guia,
.pg-portada #inicio{scroll-margin-top:70px}

/* ===== capitulo · INDAR (encapsulado) ===== */
:root{
  --ral3001:#A52019;      
  --ral7022:#332F2C;      
  --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-indar *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.pg-indar{font-family:var(--sans);color:var(--ral7022);background:#fff;font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-indar .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}
.pg-indar .esc{position:relative;overflow:hidden;padding:clamp(56px,7vw,94px) 0}
.pg-indar .esc.grave{background:var(--ral7022);color:#fff}
.pg-indar .esc.acento{background:var(--ral3001);color:#fff}
.pg-indar .esc.hueso{background:var(--hueso)}
.pg-indar .esc.blanca{background:#fff}
.pg-indar .eyebrow{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-indar .grave .eyebrow,
.pg-indar .acento .eyebrow{color:rgba(255,255,255,.74)}
.pg-indar h1{font-family:var(--display);font-size:clamp(32px,5.4vw,66px);line-height:.98;
  letter-spacing:-.045em;max-width:16ch}
.pg-indar h2{font-family:var(--display);font-size:clamp(27px,4.2vw,50px);line-height:1;
  letter-spacing:-.04em;max-width:20ch}
.pg-indar h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.035em;
  line-height:1.06}
.pg-indar .sub{max-width:58ch;font-size:clamp(15px,1.4vw,18px);margin-top:24px;line-height:1.6;
  color:var(--gris-txt)}
.pg-indar .grave .sub,
.pg-indar .acento .sub{color:rgba(255,255,255,.82)}
.pg-indar .nota{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--niebla);
  margin-top:16px;text-transform:uppercase}
.pg-indar .rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.pg-indar .esc.on .rev{opacity:1;transform:none}
.pg-indar .esc.on .d1{transition-delay:.07s}
.pg-indar .esc.on .d2{transition-delay:.14s}
.pg-indar .esc.on .d3{transition-delay:.21s}
.pg-indar .esc.on .d4{transition-delay:.28s}
.pg-indar .trazo{stroke-dasharray:2600;stroke-dashoffset:2600;transition:stroke-dashoffset 2s ease}
.pg-indar .esc.on .trazo{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none}.trazo{stroke-dashoffset:0;transition:none}}
.pg-indar nav.top{position:absolute;top:0;left:0;right:0;z-index:12;padding:22px 0;
  border-bottom:1px solid var(--linea)}
.pg-indar nav.top .in{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);padding-bottom:20px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris-txt)}
.pg-indar nav.top .marca{height:clamp(11px,1.25vw,15px);width:auto;display:block;flex:none}
.pg-indar nav.top .sp{margin-left:auto}
.pg-indar nav.top .idio b{color:var(--ral7022);font-weight:500}

@media(max-width:760px){nav.top .oc{display:none}}
.pg-indar .cabhead{padding-top:clamp(122px,14vw,180px);padding-bottom:clamp(50px,6vw,80px)}
.pg-indar .ruta{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--niebla);margin-bottom:34px}
.pg-indar .identidad{display:flex;align-items:flex-end;gap:clamp(20px,3vw,38px);flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--linea);margin-bottom:34px}
.pg-indar .identidad img{height:clamp(66px,8vw,104px);object-fit:contain}
.pg-indar .identidad .nombre{font-family:var(--mono);font-size:clamp(10px,1.05vw,12.5px);
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt);padding-bottom:8px}
.pg-indar .pie{position:relative;z-index:3;margin-top:clamp(38px,5.5vw,64px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  border-top:1px solid var(--linea)}
.pg-indar .pie div{padding:18px 16px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla)}
.pg-indar .pie b{display:block;font-family:var(--display);font-size:clamp(18px,2.3vw,28px);
  color:var(--ral7022);letter-spacing:-.03em;margin-bottom:5px;text-transform:none}
.pg-indar .curvasFondo{position:absolute;left:0;bottom:0;width:100%;height:34%;z-index:1;
  pointer-events:none}
.pg-indar .cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-indar .cifras div{background:var(--ral7022);padding:24px 20px 28px}
.pg-indar .cifras b{display:block;font-family:var(--display);font-size:clamp(26px,4vw,46px);
  letter-spacing:-.04em;color:#fff}
.pg-indar .cifras span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);margin-top:10px}

@media(max-width:640px){.cifras{grid-template-columns:1fr}}
.pg-indar .tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-indar .tipos article{background:#fff;padding:26px 22px 30px;display:flex;flex-direction:column}
.pg-indar .tipos .ico svg{width:44px;height:44px;display:block;margin-bottom:18px}
.pg-indar .tipos .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-indar .tipos h3{margin-bottom:10px;max-width:14ch}
.pg-indar .tipos p{font-size:13px;color:var(--gris-txt);line-height:1.5;margin-bottom:18px}
.pg-indar .tipos .gamas{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.pg-indar .tipos .gamas span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  padding:6px 10px;background:var(--humo);color:var(--rojo-hondo)}

@media(max-width:860px){.tipos{grid-template-columns:1fr}}
.pg-indar .mapa{margin-top:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--linea);
  padding:clamp(20px,3vw,34px)}
.pg-indar .mapa svg{width:100%;height:auto;display:block}
.pg-indar .leyenda{display:flex;gap:clamp(16px,3vw,34px);flex-wrap:wrap;margin-top:20px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gris-txt)}
.pg-indar .leyenda i{display:inline-block;width:14px;height:14px;margin-right:8px;
  vertical-align:-2px;border:1.5px solid}
.pg-indar .fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-indar .fichas article{background:#fff;display:flex;flex-direction:column}
.pg-indar .fichas .foto{background:var(--hueso);aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;position:relative;overflow:hidden}
.pg-indar .fichas .foto img{max-width:80%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}
.pg-indar .fichas .foto .falta{position:absolute;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--niebla);text-align:center;
  padding:0 20px;line-height:1.6}
.pg-indar .fichas .cuerpo{padding:22px 20px 26px;display:flex;flex-direction:column;flex:1}
.pg-indar .fichas .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-indar .fichas h3{margin-bottom:6px}
.pg-indar .fichas .pot{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ral3001);
  margin-bottom:12px}
.pg-indar .fichas p{font-size:12.5px;color:var(--gris-txt);line-height:1.5;margin-bottom:16px}
.pg-indar .fichas ul{list-style:none;margin-top:auto;border-top:1px solid var(--linea);padding-top:14px}
.pg-indar .fichas li{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.06em;padding:5px 0;color:var(--gris-txt)}
.pg-indar .fichas li b{color:var(--ral7022);font-weight:500;text-align:right}
.pg-indar .fichas article.cta{background:var(--ral3001);color:#fff;justify-content:center;padding:32px 24px}
.pg-indar .fichas article.cta .fam{color:rgba(255,255,255,.72)}
.pg-indar .fichas article.cta h3{color:#fff;margin-bottom:12px}
.pg-indar .fichas article.cta p{color:rgba(255,255,255,.9);margin-bottom:0;font-size:13px}

@media(max-width:980px){.fichas{grid-template-columns:repeat(2,1fr)}}

@media(max-width:620px){.fichas{grid-template-columns:1fr}}
.pg-indar .tabla{margin-top:clamp(28px,4vw,48px);overflow-x:auto}
.pg-indar table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px}
.pg-indar th,
.pg-indar td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.pg-indar thead th{font-family:var(--display);font-size:15px;letter-spacing:-.03em;
  border-bottom:1.5px solid var(--ral7022);white-space:nowrap}
.pg-indar thead th:first-child{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--niebla);font-weight:400}
.pg-indar tbody th{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--niebla);font-weight:400;white-space:nowrap}
.pg-indar tbody td{font-family:var(--mono);font-size:11.5px;color:#3A3936;letter-spacing:.02em}
.pg-indar tbody tr:hover td{background:var(--humo)}
.pg-indar .apps{display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.22);
  margin-top:clamp(26px,3.6vw,44px)}
.pg-indar .apps span{background:var(--ral3001);padding:16px 22px;font-family:var(--mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;flex:1 1 auto;white-space:nowrap}
.pg-indar .serv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-indar .serv div{background:var(--ral3001);padding:24px 22px 28px}
.pg-indar .serv b{display:block;font-family:var(--display);font-size:clamp(16px,1.9vw,22px);
  letter-spacing:-.03em;margin-bottom:9px}
.pg-indar .serv p{font-size:13px;color:rgba(255,255,255,.86);line-height:1.5}

@media(max-width:760px){.serv{grid-template-columns:1fr}}
.pg-indar .cierre{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:clamp(26px,3.6vw,42px);
  border-top:1px solid rgba(255,255,255,.35);padding-top:clamp(22px,3vw,32px)}
.pg-indar .cierre b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,23px);
  letter-spacing:-.035em}
.pg-indar .cierre span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:8px}
.pg-indar .cierre .link{margin-top:0}
.pg-indar .link{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px 26px;
  border:1px solid currentColor;color:inherit;text-decoration:none;transition:background .2s}
.pg-indar .link:hover{background:rgba(255,255,255,.14)}
.pg-indar .blanca .link:hover,
.pg-indar .hueso .link:hover{background:var(--ral7022);color:#fff}
.pg-indar .link:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}
.pg-indar .mk{display:block;flex:none;aspect-ratio:58.2/36.2;width:auto;
  transition:opacity .35s ease}
.pg-indar body.sinmarca .mk{opacity:0}
.pg-indar .mk-xs{height:11px;width:17.7px}
.pg-indar .mk-s{height:28px;width:45px}
.pg-indar .mk-m{height:52px;width:83.6px}
.pg-indar .mk-l{height:clamp(24px,2.8vw,33px)}
.pg-indar .cartela{display:flex;align-items:center;gap:clamp(12px,1.4vw,18px);
  margin-bottom:clamp(28px,3.4vw,40px);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}
.pg-indar .cartela .mk{color:var(--ral3001)}
.pg-indar .cartela .rail{flex:1;height:1px;background:var(--linea);min-width:20px}
.pg-indar .cartela .ref{color:var(--niebla)}

@media(max-width:560px){.cartela .ref{display:none}}
.pg-indar .empalme{display:flex;align-items:center;gap:0;
  margin-bottom:clamp(34px,4vw,52px)}
.pg-indar .empalme .mk{color:var(--ral3001)}
.pg-indar .empalme i{flex:1;height:1px;background:var(--linea)}
.pg-indar .filigrana{position:absolute;top:50%;right:-13%;transform:translateY(-50%);
  width:min(880px,78%);height:auto;color:#fff;opacity:.055;z-index:1;
  pointer-events:none}

@media(max-width:760px){.filigrana{right:-34%;width:110%;opacity:.045}}
.pg-indar .selloCierre{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px)}
.pg-indar .selloCierre .mk{color:#fff;opacity:.92}
.pg-indar .nota{display:flex;align-items:center;gap:10px}
.pg-indar .nota .mk{color:var(--ral3001);opacity:.9}
/* ===== capitulo · WATEX (encapsulado) ===== */
:root{
  --ral3001:#A52019; --ral7022:#332F2C; --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F; --verde:#3FA46A;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-watex *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.pg-watex{font-family:var(--sans);color:var(--ral7022);background:#fff;font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-watex .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}
.pg-watex .esc{position:relative;overflow:hidden;padding:clamp(56px,7vw,94px) 0}
.pg-watex .esc.grave{background:var(--ral7022);color:#fff}
.pg-watex .esc.hueso{background:var(--hueso)}
.pg-watex .esc.blanca{background:#fff}
.pg-watex .eyebrow{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-watex .grave .eyebrow{color:rgba(255,255,255,.74)}
.pg-watex h1{font-family:var(--display);font-size:clamp(28px,3.9vw,50px);line-height:1.02;
  letter-spacing:-.045em;max-width:17ch}
.pg-watex h2{font-family:var(--display);font-size:clamp(27px,4.2vw,50px);line-height:1;
  letter-spacing:-.04em;max-width:20ch}
.pg-watex h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.035em;
  line-height:1.06}
.pg-watex .sub{max-width:58ch;font-size:clamp(15px,1.4vw,18px);margin-top:24px;line-height:1.6;
  color:var(--gris-txt)}
.pg-watex .grave .sub{color:rgba(255,255,255,.82)}
.pg-watex .nota{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--niebla);
  margin-top:16px;text-transform:uppercase}
.pg-watex .rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.pg-watex .esc.on .rev{opacity:1;transform:none}
.pg-watex .esc.on .d1{transition-delay:.07s}
.pg-watex .esc.on .d2{transition-delay:.14s}
.pg-watex .esc.on .d3{transition-delay:.21s}
.pg-watex .esc.on .d4{transition-delay:.28s}
.pg-watex .trazo{stroke-dasharray:2600;stroke-dashoffset:2600;transition:stroke-dashoffset 2s ease}
.pg-watex .esc.on .trazo{stroke-dashoffset:0}
.pg-watex .barra{transform:scaleX(0);transform-origin:left center;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.pg-watex .esc.on .barra{transform:scaleX(1)}
.pg-watex .esc.on .b2{transition-delay:.3s}
.pg-watex .ruta-v{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.6s ease}
.pg-watex .esc.on .ruta-v{stroke-dashoffset:0}
.pg-watex .destino{opacity:0;transition:opacity .5s ease}
.pg-watex .esc.on .destino{opacity:1;transition-delay:1.3s}
.pg-watex .tick{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset .8s ease .35s}
.pg-watex .esc.on .tick{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none}
  .trazo,.ruta-v,.tick{stroke-dashoffset:0;transition:none}
  .barra{transform:none;transition:none}.destino{opacity:1;transition:none}
  .pieza{transform:translateY(-50%) !important;opacity:1 !important;transition:none !important}}
.pg-watex nav.top{position:absolute;top:0;left:0;right:0;z-index:14;padding:22px 0;
  border-bottom:1px solid var(--linea);background:#fff}
.pg-watex nav.top .in{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);padding-bottom:20px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris-txt)}
.pg-watex nav.top .marca{height:clamp(11px,1.25vw,15px);width:auto;display:block;flex:none}
.pg-watex nav.top .sp{margin-left:auto}
.pg-watex nav.top .idio b{color:var(--ral7022);font-weight:500}

@media(max-width:760px){nav.top .oc{display:none}}
.pg-watex .cabhead{padding-top:clamp(126px,14vw,186px);padding-bottom:clamp(46px,6vw,76px)}
.pg-watex .cabhead .in{position:relative;z-index:3}
.pg-watex .cabhead .col{max-width:min(660px,60%)}
.pg-watex .cabfoto{position:absolute;right:0;top:clamp(126px,13.5vw,180px);
  bottom:clamp(34px,5vw,76px);width:min(37%,500px);z-index:1;overflow:hidden}
.pg-watex .cabfoto img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.pg-watex .ruta{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--niebla);margin-bottom:32px}
.pg-watex .identidad{display:flex;align-items:flex-end;gap:clamp(18px,2.4vw,32px);flex-wrap:wrap;
  padding-bottom:24px;border-bottom:1px solid var(--linea);margin-bottom:30px}
.pg-watex .identidad img{height:clamp(46px,5.4vw,70px);object-fit:contain}
.pg-watex .identidad .nombre{font-family:var(--mono);font-size:clamp(9.5px,.95vw,11.5px);
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt);padding-bottom:6px}
.pg-watex .pie{margin-top:clamp(32px,4.5vw,52px);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));border-top:1px solid var(--linea)}
.pg-watex .pie div{padding:16px 14px 0 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla)}
.pg-watex .pie b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,25px);
  color:var(--ral7022);letter-spacing:-.03em;margin-bottom:5px;text-transform:none}

@media(max-width:900px){
  .cabhead .col{max-width:none}
  .cabfoto{position:relative;right:auto;top:auto;bottom:auto;width:auto;height:300px;
    margin:34px 0 0}
  .cabfoto img{object-position:center 40%}}
.pg-watex .cobertura{margin-top:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--linea);
  padding:clamp(20px,3vw,34px)}
.pg-watex .cobertura svg{width:100%;height:auto;display:block}
.pg-watex .prod{min-height:min(760px,92vh);display:flex;align-items:center;
  padding:clamp(64px,8vw,110px) 0}
.pg-watex .prod .in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);
  align-items:center;position:relative;z-index:3}
.pg-watex .prod.pizq .txt{grid-column:2}
.pg-watex .prod.pder .txt{grid-column:1}
.pg-watex .piezas{position:absolute;top:0;bottom:0;display:flex;align-items:center;
  gap:clamp(8px,2vw,34px);z-index:1;pointer-events:none}
.pg-watex .pizq .piezas{left:0;width:50%;justify-content:center}
.pg-watex .pder .piezas{right:0;width:50%;justify-content:center}
.pg-watex .piezas img{width:auto;opacity:0;transform:translateY(var(--ty,0)) translateY(22px);
  transition:opacity 1s ease,transform 1.3s cubic-bezier(.22,1,.36,1)}
.pg-watex .esc.on .piezas img{opacity:1;transform:translateY(var(--ty,0))}
.pg-watex .esc.on .piezas img:nth-child(2){transition-delay:.14s}
.pg-watex .pizq .piezas img{filter:drop-shadow(0 34px 54px rgba(0,0,0,.45))}
.pg-watex .pder .piezas img{filter:drop-shadow(0 26px 42px rgba(51,47,44,.20))}
.pg-watex .pz-corte{height:90%;--ty:0%}
.pg-watex .pz-pulida{height:90%;--ty:0%}
.pg-watex .pz-motor{height:90%;--ty:0%}
.pg-watex .pz-familia{height:62%;--ty:14%}
.pg-watex .cota{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--niebla);margin-top:22px;padding-top:16px;
  border-top:1px solid rgba(143,139,132,.35)}
.pg-watex .especs{margin-top:26px}
.pg-watex .especs div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;
  border-bottom:1px solid rgba(143,139,132,.28);font-family:var(--mono);font-size:11.5px}
.pg-watex .especs span{color:var(--niebla)}
.pg-watex .especs b{font-weight:500;text-align:right;color:var(--ral7022)}
.pg-watex .grave .especs b{color:#fff}
.pg-watex .series{margin-top:26px}
.pg-watex .series div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px 0;
  border-bottom:1px solid rgba(143,139,132,.28);font-family:var(--mono);font-size:11.5px;
  align-items:baseline}
.pg-watex .series b{font-family:var(--display);font-size:15px;letter-spacing:-.02em}
.pg-watex .grave .series b{color:#fff}
.pg-watex .series span{color:var(--niebla)}

@media(max-width:900px){
  .prod{min-height:0;padding:clamp(44px,7vw,70px) 0}
  .prod .in{grid-template-columns:1fr}
  .prod.pizq .txt,.prod.pder .txt{grid-column:1}
  .piezas{position:relative;top:auto;left:auto !important;right:auto !important;
    width:auto !important;justify-content:center;gap:18px;margin:0 0 28px}
  .piezas img{height:auto !important;max-height:280px;transform:none !important;opacity:1}
  .pz-familia{max-height:210px !important}}
.pg-watex .constr{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-watex .constr article{background:#fff;padding:26px 22px 30px}
.pg-watex .constr .ico svg{width:40px;height:40px;display:block;margin-bottom:16px}
.pg-watex .constr h3{font-size:clamp(15px,1.6vw,19px);margin-bottom:8px}
.pg-watex .constr p{font-size:13px;color:var(--gris-txt);line-height:1.5}

@media(max-width:900px){.constr{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.constr{grid-template-columns:1fr}}
.pg-watex .calidad{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4.5vw,60px);
  align-items:center}
.pg-watex .sello svg{width:clamp(96px,11vw,150px);height:auto;display:block}
.pg-watex .selloFoto{width:clamp(196px,25vw,330px)}
.pg-watex .selloFoto .marco{position:relative;overflow:hidden;aspect-ratio:1/1;background:#26231F;
  border:1px solid rgba(255,255,255,.16)}
.pg-watex .selloFoto .marco::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(200deg,rgba(51,47,44,0) 52%,rgba(51,47,44,.42) 100%)}
.pg-watex .selloFoto img{width:100%;height:100%;object-fit:cover;object-position:58% 48%;display:block;
  transform:scale(1.02)}
.pg-watex .selloFoto figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--niebla);line-height:1.55;
  margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.18)}

@media(max-width:720px){.calidad{grid-template-columns:1fr;gap:22px}
  .selloFoto{width:min(320px,100%)}}
.pg-watex .pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.18);margin-top:clamp(28px,4vw,48px)}
.pg-watex .pasos article{background:var(--ral7022);padding:26px 22px 30px;position:relative}
.pg-watex .pasos .n{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--verde);
  margin-bottom:14px;display:flex;align-items:center;gap:9px}
.pg-watex .pasos .n svg{width:14px;height:14px;flex:none}
.pg-watex .pasos h3{font-size:clamp(15px,1.6vw,19px);color:#fff;margin-bottom:10px}
.pg-watex .pasos p{font-size:13px;color:#B3B1A8;line-height:1.52}

@media(max-width:820px){.pasos{grid-template-columns:1fr}}
.pg-watex .mundo{margin-top:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--linea);
  padding:clamp(14px,2.2vw,26px);max-width:660px}
.pg-watex .mundo svg{width:100%;height:auto;display:block}
.pg-watex .paises{display:flex;flex-wrap:wrap;gap:1px;background:var(--linea);border:1px solid var(--linea);
  margin-top:clamp(22px,3vw,36px)}
.pg-watex .paises span{background:#fff;padding:16px 24px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;flex:1 1 auto;white-space:nowrap;
  color:var(--ral7022)}
.pg-watex .paises span.orig{background:var(--ral3001);color:#fff}
.pg-watex .cierre{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:clamp(26px,3.6vw,42px);background:var(--ral7022);color:#fff;
  padding:clamp(22px,3vw,34px) clamp(24px,3.4vw,40px)}
.pg-watex .cierre b{display:block;font-family:var(--display);font-size:clamp(19px,2.3vw,28px);
  letter-spacing:-.035em}
.pg-watex .cierre span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--niebla);margin-top:8px}
.pg-watex .cierre .link{margin-top:0;background:var(--ral3001);border-color:var(--ral3001);color:#fff}
.pg-watex .cierre .link:hover{background:#C4241B;border-color:#C4241B;color:#fff}
.pg-watex .stock{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-watex .stock div{background:var(--ral3001);padding:24px 22px 28px}
.pg-watex .stock b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,23px);
  letter-spacing:-.03em;margin-bottom:8px}
.pg-watex .stock p{font-size:13px;color:rgba(255,255,255,.86);line-height:1.5}

@media(max-width:760px){.stock{grid-template-columns:1fr}}
.pg-watex .esc.acento{background:var(--ral3001);color:#fff}
.pg-watex .acento .eyebrow{color:rgba(255,255,255,.74)}
.pg-watex .acento .sub{color:rgba(255,255,255,.86)}
.pg-watex .link{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px 26px;
  border:1px solid currentColor;color:inherit;text-decoration:none;transition:background .2s}
.pg-watex .link:hover{background:var(--ral7022);color:#fff}
.pg-watex .link:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}
.pg-watex .mk{display:block;flex:none;aspect-ratio:58.2/36.2;width:auto;
  transition:opacity .35s ease}
.pg-watex body.sinmarca .mk{opacity:0}
.pg-watex .mk-xs{height:11px;width:17.7px}
.pg-watex .mk-s{height:28px;width:45px}
.pg-watex .mk-m{height:52px;width:83.6px}
.pg-watex .mk-l{height:clamp(23px,2.6vw,31px)}
.pg-watex .cartela{display:flex;align-items:center;gap:clamp(11px,1.3vw,17px);
  margin-bottom:clamp(26px,3.2vw,36px);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}
.pg-watex .cartela .mk{color:var(--ral3001)}
.pg-watex .cartela .rail{flex:1;height:1px;background:var(--linea);min-width:18px}
.pg-watex .cartela .ref{color:var(--niebla)}

@media(max-width:620px){.cartela .ref{display:none}}
.pg-watex .empalme{display:flex;align-items:center;margin-bottom:clamp(32px,3.8vw,48px)}
.pg-watex .empalme .mk{color:var(--ral3001)}
.pg-watex .empalme i{flex:1;height:1px;background:var(--linea)}
.pg-watex .filigrana{position:absolute;top:28%;right:-13%;transform:translateY(-50%);
  width:min(940px,80%);height:auto;color:var(--ral7022);opacity:.06;z-index:0;
  pointer-events:none}

@media(max-width:900px){.filigrana{right:-30%;width:112%;opacity:.05}}
.pg-watex .fotofondo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.pg-watex .fotofondo img{width:100%;height:100%;object-fit:cover;display:block}
.pg-watex .fotofondo::after{content:"";position:absolute;inset:0}
.pg-watex .acento .fotofondo img{filter:grayscale(1) contrast(1.14) brightness(1.04);
  mix-blend-mode:multiply;object-position:center 58%}
.pg-watex .acento .fotofondo::after{background:
  linear-gradient(94deg,rgba(165,32,25,.97) 0%,rgba(165,32,25,.9) 26%,
    rgba(165,32,25,.66) 58%,rgba(165,32,25,.4) 100%)}
.pg-watex .hueso .fotofondo img{filter:grayscale(1) contrast(.94) brightness(1.06);
  opacity:.5;object-position:center 44%}
.pg-watex .hueso .fotofondo::after{background:
  linear-gradient(94deg,var(--hueso) 0%,var(--hueso) 30%,
    rgba(246,246,245,.86) 56%,rgba(246,246,245,.52) 100%)}
.pg-watex .selloCierre{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px)}
.pg-watex .selloCierre .mk{color:#fff;opacity:.9}
.pg-watex .nota{display:flex;align-items:center;gap:10px}
.pg-watex .nota .mk{color:var(--ral3001);opacity:.9}
.pg-watex .grave .nota .mk{color:var(--niebla);opacity:1}
/* ===== capitulo · FLYGT (encapsulado) ===== */
:root{
  --ral3001:#A52019; --ral7022:#332F2C; --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-flygt *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.pg-flygt{font-family:var(--sans);color:var(--ral7022);background:#fff;font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-flygt .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}
.pg-flygt .esc{position:relative;overflow:hidden;padding:clamp(56px,7vw,94px) 0}
.pg-flygt .esc.grave{background:var(--ral7022);color:#fff}
.pg-flygt .esc.acento{background:var(--ral3001);color:#fff}
.pg-flygt .esc.hueso{background:var(--hueso)}
.pg-flygt .esc.blanca{background:#fff}
.pg-flygt .eyebrow{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-flygt .grave .eyebrow,
.pg-flygt .acento .eyebrow{color:rgba(255,255,255,.74)}
.pg-flygt h1{font-family:var(--display);font-size:clamp(32px,5.4vw,66px);line-height:.98;
  letter-spacing:-.045em;max-width:16ch}
.pg-flygt h2{font-family:var(--display);font-size:clamp(27px,4.2vw,50px);line-height:1;
  letter-spacing:-.04em;max-width:20ch}
.pg-flygt h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.035em;
  line-height:1.06}
.pg-flygt .sub{max-width:58ch;font-size:clamp(15px,1.4vw,18px);margin-top:24px;line-height:1.6;
  color:var(--gris-txt)}
.pg-flygt .grave .sub,
.pg-flygt .acento .sub{color:rgba(255,255,255,.82)}
.pg-flygt .nota{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.1em;color:var(--niebla);margin-top:16px;text-transform:uppercase}
.pg-flygt .rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.pg-flygt .esc.on .rev{opacity:1;transform:none}
.pg-flygt .esc.on .d1{transition-delay:.07s}
.pg-flygt .esc.on .d2{transition-delay:.14s}
.pg-flygt .esc.on .d3{transition-delay:.21s}
.pg-flygt .esc.on .d4{transition-delay:.28s}
.pg-flygt .trazo{stroke-dasharray:2600;stroke-dashoffset:2600;transition:stroke-dashoffset 2s ease}
.pg-flygt .esc.on .trazo{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none}.trazo{stroke-dashoffset:0;transition:none}}
.pg-flygt nav.top{position:absolute;top:0;left:0;right:0;z-index:12;padding:22px 0;
  border-bottom:1px solid var(--linea)}
.pg-flygt nav.top .in{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);padding-bottom:20px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris-txt)}
.pg-flygt nav.top .marca{height:clamp(11px,1.25vw,15px);width:auto;display:block;flex:none}
.pg-flygt nav.top .sp{margin-left:auto}
.pg-flygt nav.top .idio b{color:var(--ral7022);font-weight:500}

@media(max-width:760px){nav.top .oc{display:none}}
.pg-flygt .mk{display:block;flex:none;aspect-ratio:58.2/36.2;width:auto;
  transition:opacity .35s ease}
.pg-flygt body.sinmarca .mk{opacity:0}
.pg-flygt .mk-xs{height:11px;width:17.7px}
.pg-flygt .mk-s{height:28px;width:45px}
.pg-flygt .mk-m{height:52px;width:83.6px}
.pg-flygt .mk-l{height:clamp(24px,2.8vw,33px)}
.pg-flygt .cartela{display:flex;align-items:center;gap:clamp(12px,1.4vw,18px);
  margin-bottom:clamp(28px,3.4vw,40px);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}
.pg-flygt .cartela .mk{color:var(--ral3001)}
.pg-flygt .cartela .rail{flex:1;height:1px;background:var(--linea);min-width:20px}
.pg-flygt .cartela .ref{color:var(--niebla)}

@media(max-width:560px){.cartela .ref{display:none}}
.pg-flygt .empalme{display:flex;align-items:center;margin-bottom:clamp(34px,4vw,52px)}
.pg-flygt .empalme .mk{color:var(--ral3001)}
.pg-flygt .empalme i{flex:1;height:1px;background:var(--linea)}
.pg-flygt .filigrana{position:absolute;top:50%;right:-13%;transform:translateY(-50%);
  width:min(880px,78%);height:auto;color:#fff;opacity:.055;z-index:1;pointer-events:none}

@media(max-width:760px){.filigrana{right:-34%;width:110%;opacity:.045}}
.pg-flygt .selloCierre{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px)}
.pg-flygt .selloCierre .mk{color:#fff;opacity:.92}
.pg-flygt .nota .mk{color:var(--ral3001);opacity:.9}
.pg-flygt .grave .nota .mk{color:var(--niebla)}
.pg-flygt .cabhead{padding-top:clamp(122px,14vw,180px);padding-bottom:clamp(50px,6vw,80px)}
.pg-flygt .identidad{display:flex;align-items:flex-end;gap:clamp(20px,3vw,38px);flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--linea);margin-bottom:34px}
.pg-flygt .identidad .nombre{font-family:var(--mono);font-size:clamp(10px,1.05vw,12.5px);
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt);padding-bottom:8px}
.pg-flygt .logoflygt{height:clamp(46px,5.6vw,74px);width:auto;display:block;
  mix-blend-mode:multiply}
.pg-flygt .pie{position:relative;z-index:3;margin-top:clamp(38px,5.5vw,64px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  border-top:1px solid var(--linea)}
.pg-flygt .pie div{padding:18px 16px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla)}
.pg-flygt .pie b{display:block;font-family:var(--display);font-size:clamp(18px,2.3vw,28px);
  color:var(--ral7022);letter-spacing:-.03em;margin-bottom:5px;text-transform:none}
.pg-flygt .curvasFondo{position:absolute;left:0;bottom:0;width:100%;height:34%;z-index:1;
  pointer-events:none}
.pg-flygt .cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-flygt .cifras div{background:var(--ral7022);padding:24px 20px 28px}
.pg-flygt .cifras b{display:block;font-family:var(--display);font-size:clamp(26px,4vw,46px);
  letter-spacing:-.04em;color:#fff}
.pg-flygt .cifras span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);margin-top:10px}

@media(max-width:640px){.cifras{grid-template-columns:1fr}}
.pg-flygt .tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-flygt .tipos article{background:#fff;padding:26px 22px 30px;display:flex;flex-direction:column}
.pg-flygt .tipos .ico svg{width:44px;height:44px;display:block;margin-bottom:18px}
.pg-flygt .tipos .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-flygt .tipos h3{margin-bottom:10px;max-width:16ch}
.pg-flygt .tipos p{font-size:13px;color:var(--gris-txt);line-height:1.5}

@media(max-width:860px){.tipos{grid-template-columns:1fr}}
.pg-flygt .fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-flygt .fichas article{background:#fff;display:flex;flex-direction:column}
.pg-flygt .fichas .foto{background:#fff;aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--linea)}
.pg-flygt .fichas .foto img{max-width:80%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}
.pg-flygt .fichas .foto .falta{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);text-align:center;padding:0 24px;line-height:1.7}
.pg-flygt .fichas .cuerpo{padding:22px 20px 26px;display:flex;flex-direction:column;flex:1}
.pg-flygt .fichas .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-flygt .fichas h3{margin-bottom:6px}
.pg-flygt .fichas .pot{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ral3001);
  margin-bottom:12px}
.pg-flygt .fichas p{font-size:12.5px;color:var(--gris-txt);line-height:1.5;margin-bottom:16px}
.pg-flygt .fichas ul{list-style:none;margin-top:auto;border-top:1px solid var(--linea);padding-top:14px}
.pg-flygt .fichas li{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.06em;padding:5px 0;color:var(--gris-txt)}
.pg-flygt .fichas li b{color:var(--ral7022);font-weight:500;text-align:right}
.pg-flygt .fichas article.cta{background:var(--ral3001);color:#fff;justify-content:center;padding:32px 24px}
.pg-flygt .fichas article.cta .fam{color:rgba(255,255,255,.72)}
.pg-flygt .fichas article.cta h3{color:#fff;margin-bottom:12px}
.pg-flygt .fichas article.cta p{color:rgba(255,255,255,.9);margin-bottom:0;font-size:13px}

@media(max-width:980px){.fichas{grid-template-columns:repeat(2,1fr)}}

@media(max-width:620px){.fichas{grid-template-columns:1fr}}
.pg-flygt .control{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-flygt .control article{background:#fff;padding:26px 22px 30px}
.pg-flygt .control .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--ral3001);
  text-transform:uppercase;margin-bottom:12px}
.pg-flygt .control h3{font-size:clamp(15px,1.6vw,19px);margin-bottom:9px}
.pg-flygt .control p{font-size:13px;color:var(--gris-txt);line-height:1.52}

@media(max-width:860px){.control{grid-template-columns:1fr}}
.pg-flygt .serv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-flygt .serv div{background:var(--ral3001);padding:24px 22px 28px}
.pg-flygt .serv b{display:block;font-family:var(--display);font-size:clamp(16px,1.9vw,22px);
  letter-spacing:-.03em;margin-bottom:9px}
.pg-flygt .serv p{font-size:13px;color:rgba(255,255,255,.86);line-height:1.5}

@media(max-width:760px){.serv{grid-template-columns:1fr}}
.pg-flygt .cierre{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:clamp(26px,3.6vw,42px);
  border-top:1px solid rgba(255,255,255,.35);padding-top:clamp(22px,3vw,32px)}
.pg-flygt .cierre b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,23px);
  letter-spacing:-.035em}
.pg-flygt .cierre span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:8px}
.pg-flygt .cierre .link{margin-top:0}
.pg-flygt .link{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px 26px;
  border:1px solid currentColor;color:inherit;text-decoration:none;transition:background .2s}
.pg-flygt .link:hover{background:rgba(255,255,255,.14)}
.pg-flygt .blanca .link:hover,
.pg-flygt .hueso .link:hover{background:var(--ral7022);color:#fff}
.pg-flygt .link:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}
.pg-flygt .mon{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(26px,3.6vw,58px);
  align-items:center}
.pg-flygt .mon h2{font-size:clamp(24px,3.1vw,38px);max-width:14ch}
.pg-flygt .mon .panel{background:var(--hueso);border:1px solid var(--linea);
  padding:clamp(18px,2.4vw,32px)}
.pg-flygt .mon .panel img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.pg-flygt .mon .pieimg{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla);margin-top:14px;line-height:1.7}

/* ===== capitulo · pg-empresa (encapsulado) ===== */
:root{--hueso:#F6F6F5;--gris:#332F2C;--rojo:#A52019;--linea:#E2E0DC;--texto2:#5C574F;--niebla:#8F8B84;
--display:'Archivo Black';--mono:'IBM Plex Mono'}
.pg-empresa *{box-sizing:border-box;margin:0;padding:0}
.pg-empresa{font-family:'Archivo',system-ui,sans-serif;background:var(--hueso);color:var(--gris);-webkit-font-smoothing:antialiased}
.pg-empresa .in{max-width:860px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.pg-empresa .barra-sup{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--linea)}
.pg-empresa .barra-sup .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);
display:flex;align-items:center;justify-content:space-between;gap:10px;height:62px}
.pg-empresa .barra-sup .cin>span{display:flex;gap:10px}
.pg-empresa .logo img{height:15px;width:auto;display:block}
.pg-empresa .btn-nav{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--gris);border:1px solid var(--linea);padding:11px 16px;transition:border-color .15s}
.pg-empresa .btn-nav:hover{border-color:var(--gris)}
.pg-empresa header.doc{background:#fff;border-bottom:1px solid var(--linea);padding:clamp(46px,7vw,84px) 0 clamp(30px,4vw,48px)}
.pg-empresa .rot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:16px}
.pg-empresa h1{font-family:var(--display);font-size:clamp(32px,5.4vw,58px);letter-spacing:-.04em;line-height:.98}
.pg-empresa .entradilla{font-size:clamp(14.5px,1.5vw,17px);line-height:1.6;color:var(--texto2);margin-top:22px;max-width:56ch}
.pg-empresa main{padding:clamp(38px,5vw,64px) 0 clamp(30px,4vw,48px)}
.pg-empresa main p{font-size:15.5px;line-height:1.68;color:var(--texto2);margin-bottom:20px}
.pg-empresa main p b,
.pg-empresa main li b{color:var(--gris);font-weight:600}
.pg-empresa h2{font-family:var(--display);font-size:clamp(19px,2.2vw,25px);letter-spacing:-.03em;line-height:1.06;
margin:38px 0 20px;padding-top:26px;border-top:1px solid var(--linea)}
.pg-empresa ul{list-style:none}
.pg-empresa li{font-size:15px;line-height:1.62;color:var(--texto2);padding:16px 0 16px 30px;border-bottom:1px solid var(--linea);position:relative}
.pg-empresa li::before{content:"";position:absolute;left:0;top:25px;width:12px;height:2px;background:var(--rojo)}
.pg-empresa li:first-child{border-top:1px solid var(--linea)}
.pg-empresa .cierre{background:#fff;border:1px solid var(--linea);padding:clamp(24px,3vw,34px);margin-top:36px}
.pg-empresa .cierre p{margin-bottom:0}
.pg-empresa .normas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pg-empresa .normas span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
border:1px solid var(--linea);padding:10px 16px;color:var(--gris)}
.pg-empresa .firma{margin-top:40px;padding-top:22px;border-top:1px solid var(--linea);
font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla);line-height:1.9}
.pg-empresa .firma b{color:var(--gris);font-weight:500;display:block}
.pg-empresa footer{background:var(--gris);color:rgba(255,255,255,.6);padding:30px 0;margin-top:clamp(40px,5vw,70px)}
.pg-empresa footer .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);display:flex;justify-content:space-between;
flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.pg-empresa footer a{color:rgba(255,255,255,.75);text-decoration:none;margin-left:22px}
.pg-empresa footer a:hover{color:#fff}

/* ===== capitulo · pg-privacidad (encapsulado) ===== */
:root{--hueso:#F6F6F5;--gris:#332F2C;--rojo:#A52019;--linea:#E2E0DC;--texto2:#5C574F;--niebla:#8F8B84;
--display:'Archivo Black';--mono:'IBM Plex Mono'}
.pg-privacidad *{box-sizing:border-box;margin:0;padding:0}
.pg-privacidad{font-family:'Archivo',system-ui,sans-serif;background:var(--hueso);color:var(--gris);-webkit-font-smoothing:antialiased}
.pg-privacidad .in{max-width:860px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.pg-privacidad .barra-sup{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--linea)}
.pg-privacidad .barra-sup .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);
display:flex;align-items:center;justify-content:space-between;gap:10px;height:62px}
.pg-privacidad .logo img{height:15px;width:auto;display:block}
.pg-privacidad .nav-acc{display:flex;gap:10px}
.pg-privacidad .btn-nav{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--gris);border:1px solid var(--linea);padding:11px 16px;transition:border-color .15s}
.pg-privacidad .btn-nav:hover{border-color:var(--gris)}
.pg-privacidad header.doc{background:#fff;border-bottom:1px solid var(--linea);padding:clamp(46px,7vw,84px) 0 clamp(30px,4vw,48px)}
.pg-privacidad .rot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:16px}
.pg-privacidad h1{font-family:var(--display);font-size:clamp(32px,5.4vw,58px);letter-spacing:-.04em;line-height:.98}
.pg-privacidad .entradilla{font-size:clamp(14.5px,1.5vw,17px);line-height:1.6;color:var(--texto2);margin-top:22px;max-width:56ch}
.pg-privacidad .indice{display:flex;flex-direction:column;border-top:1px solid var(--linea);margin-top:34px}
.pg-privacidad .indice a{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
color:var(--texto2);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--linea);transition:color .15s}
.pg-privacidad .indice a:hover{color:var(--rojo)}
.pg-privacidad main{padding:clamp(34px,4.5vw,58px) 0 clamp(24px,3vw,40px)}
.pg-privacidad main section{padding-top:clamp(26px,3.4vw,42px)}
.pg-privacidad h2{font-family:var(--display);font-size:clamp(18px,2.1vw,24px);letter-spacing:-.03em;line-height:1.1;
margin-bottom:20px;padding-top:24px;border-top:1px solid var(--linea)}
.pg-privacidad main p{font-size:15px;line-height:1.68;color:var(--texto2);margin-bottom:17px}
.pg-privacidad ul{list-style:none;margin-top:4px}
.pg-privacidad li{font-size:14.5px;line-height:1.62;color:var(--texto2);padding:15px 0 15px 30px;
border-bottom:1px solid var(--linea);position:relative}
.pg-privacidad li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:2px;background:var(--rojo)}
.pg-privacidad li:first-child{border-top:1px solid var(--linea)}
.pg-privacidad .ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);
border:1px solid var(--linea)}
.pg-privacidad .ficha>div{background:#fff;padding:18px 20px 20px}
.pg-privacidad .ficha span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--niebla);display:block;margin-bottom:7px}
.pg-privacidad .ficha b{font-size:14.5px;font-weight:600;line-height:1.45}
.pg-privacidad .ficha a{color:var(--rojo);text-decoration:none}
.pg-privacidad footer{background:var(--gris);color:rgba(255,255,255,.6);padding:30px 0;margin-top:clamp(40px,5vw,70px)}
.pg-privacidad footer .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);display:flex;justify-content:space-between;
flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.pg-privacidad footer a{color:rgba(255,255,255,.75);text-decoration:none;margin-left:22px}
.pg-privacidad footer a:hover{color:#fff}

@media(max-width:620px){.ficha{grid-template-columns:1fr}}

/* ===== capitulo · pg-cookies (encapsulado) ===== */
:root{--hueso:#F6F6F5;--gris:#332F2C;--rojo:#A52019;--linea:#E2E0DC;--texto2:#5C574F;--niebla:#8F8B84;
--display:'Archivo Black';--mono:'IBM Plex Mono'}
.pg-cookies *{box-sizing:border-box;margin:0;padding:0}
.pg-cookies{font-family:'Archivo',system-ui,sans-serif;background:var(--hueso);color:var(--gris);-webkit-font-smoothing:antialiased}
.pg-cookies .in{max-width:860px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.pg-cookies .barra-sup{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--linea)}
.pg-cookies .barra-sup .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);
display:flex;align-items:center;justify-content:space-between;gap:10px;height:62px}
.pg-cookies .logo img{height:15px;width:auto;display:block}
.pg-cookies .nav-acc{display:flex;gap:10px}
.pg-cookies .btn-nav{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--gris);border:1px solid var(--linea);padding:11px 16px;transition:border-color .15s}
.pg-cookies .btn-nav:hover{border-color:var(--gris)}
.pg-cookies header.doc{background:#fff;border-bottom:1px solid var(--linea);padding:clamp(46px,7vw,84px) 0 clamp(30px,4vw,48px)}
.pg-cookies .rot{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:16px}
.pg-cookies h1{font-family:var(--display);font-size:clamp(32px,5.4vw,58px);letter-spacing:-.04em;line-height:.98}
.pg-cookies .entradilla{font-size:clamp(14.5px,1.5vw,17px);line-height:1.6;color:var(--texto2);margin-top:22px;max-width:56ch}
.pg-cookies .indice{display:flex;flex-direction:column;border-top:1px solid var(--linea);margin-top:34px}
.pg-cookies .indice a{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
color:var(--texto2);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--linea);transition:color .15s}
.pg-cookies .indice a:hover{color:var(--rojo)}
.pg-cookies main{padding:clamp(34px,4.5vw,58px) 0 clamp(24px,3vw,40px)}
.pg-cookies main section{padding-top:clamp(26px,3.4vw,42px)}
.pg-cookies h2{font-family:var(--display);font-size:clamp(18px,2.1vw,24px);letter-spacing:-.03em;line-height:1.1;
margin-bottom:20px;padding-top:24px;border-top:1px solid var(--linea)}
.pg-cookies main p{font-size:15px;line-height:1.68;color:var(--texto2);margin-bottom:17px}
.pg-cookies ul{list-style:none;margin-top:4px}
.pg-cookies li{font-size:14.5px;line-height:1.62;color:var(--texto2);padding:15px 0 15px 30px;
border-bottom:1px solid var(--linea);position:relative}
.pg-cookies li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:2px;background:var(--rojo)}
.pg-cookies li:first-child{border-top:1px solid var(--linea)}
.pg-cookies .ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);
border:1px solid var(--linea)}
.pg-cookies .ficha>div{background:#fff;padding:18px 20px 20px}
.pg-cookies .ficha span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--niebla);display:block;margin-bottom:7px}
.pg-cookies .ficha b{font-size:14.5px;font-weight:600;line-height:1.45}
.pg-cookies .ficha a{color:var(--rojo);text-decoration:none}
.pg-cookies footer{background:var(--gris);color:rgba(255,255,255,.6);padding:30px 0;margin-top:clamp(40px,5vw,70px)}
.pg-cookies footer .cin{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,48px);display:flex;justify-content:space-between;
flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.pg-cookies footer a{color:rgba(255,255,255,.75);text-decoration:none;margin-left:22px}
.pg-cookies footer a:hover{color:#fff}

@media(max-width:620px){.ficha{grid-template-columns:1fr}}
.pg-cookies .declara{background:var(--gris);color:#fff;padding:clamp(26px,3.6vw,40px) clamp(24px,3.4vw,38px);margin-top:34px}
.pg-cookies .declara .mini{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
color:#F0A9A3;margin-bottom:14px}
.pg-cookies .declara p{font-family:var(--display);font-size:clamp(19px,2.4vw,27px);letter-spacing:-.03em;
line-height:1.16;color:#fff;margin:0}
.pg-cookies .declara .pie{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72);margin-top:16px;
font-family:'Archivo',system-ui,sans-serif;letter-spacing:0}
.pg-cookies .nota{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
color:var(--niebla);border-top:1px solid var(--linea);padding-top:16px;margin-top:38px}
.pg-cookies main a{color:var(--rojo);text-decoration:none;border-bottom:1px solid rgba(165,32,25,.3)}
.pg-cookies main a:hover{border-bottom-color:var(--rojo)}

/* ===== capitulo · HYDRO-VACUUM (encapsulado) ===== */
:root{
  --ral3001:#A52019;      /* rojo corporativo · acento */
  --ral7022:#332F2C;      /* gris corporativo · estructura y tinta */
  --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-hydrovacuum *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.pg-hydrovacuum{font-family:var(--sans);color:var(--ral7022);background:#fff;font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-hydrovacuum .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}

.pg-hydrovacuum .esc{position:relative;overflow:hidden;padding:clamp(56px,7vw,94px) 0}
.pg-hydrovacuum .esc.grave{background:var(--ral7022);color:#fff}
.pg-hydrovacuum .esc.acento{background:var(--ral3001);color:#fff}
.pg-hydrovacuum .esc.hueso{background:var(--hueso)}
.pg-hydrovacuum .esc.blanca{background:#fff}

.pg-hydrovacuum .eyebrow{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-hydrovacuum .grave .eyebrow,.pg-hydrovacuum .acento .eyebrow{color:rgba(255,255,255,.74)}
.pg-hydrovacuum h1{font-family:var(--display);font-size:clamp(32px,5.4vw,66px);line-height:.98;
  letter-spacing:-.045em;max-width:16ch}
.pg-hydrovacuum h2{font-family:var(--display);font-size:clamp(27px,4.2vw,50px);line-height:1;
  letter-spacing:-.04em;max-width:20ch}
.pg-hydrovacuum h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.035em;
  line-height:1.06}
.pg-hydrovacuum .sub{max-width:58ch;font-size:clamp(15px,1.4vw,18px);margin-top:24px;line-height:1.6;
  color:var(--gris-txt)}
.pg-hydrovacuum .grave .sub,.pg-hydrovacuum .acento .sub{color:rgba(255,255,255,.82)}
.pg-hydrovacuum .nota{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--niebla);
  margin-top:16px;text-transform:uppercase}

.pg-hydrovacuum .rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.pg-hydrovacuum .esc.on .rev{opacity:1;transform:none}
.pg-hydrovacuum .esc.on .d1{transition-delay:.07s}.pg-hydrovacuum .esc.on .d2{transition-delay:.14s}
.pg-hydrovacuum .esc.on .d3{transition-delay:.21s}.pg-hydrovacuum .esc.on .d4{transition-delay:.28s}
.pg-hydrovacuum .trazo{stroke-dasharray:2600;stroke-dashoffset:2600;transition:stroke-dashoffset 2s ease}
.pg-hydrovacuum .esc.on .trazo{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){
  .pg-hydrovacuum .rev{opacity:1;transform:none;transition:none}.pg-hydrovacuum .trazo{stroke-dashoffset:0;transition:none}}


/* ── cabecera de marca ── */
.pg-hydrovacuum .cabhead{padding-top:clamp(122px,14vw,180px);padding-bottom:clamp(50px,6vw,80px)}
.pg-hydrovacuum .ruta{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--niebla);margin-bottom:34px}
.pg-hydrovacuum .identidad{display:flex;align-items:flex-end;gap:clamp(20px,3vw,38px);flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--linea);margin-bottom:34px}
.pg-hydrovacuum .identidad img{height:clamp(66px,8vw,104px);object-fit:contain}
.pg-hydrovacuum .identidad .nombre{font-family:var(--mono);font-size:clamp(10px,1.05vw,12.5px);
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt);padding-bottom:8px}
.pg-hydrovacuum .pie{position:relative;z-index:3;margin-top:clamp(38px,5.5vw,64px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  border-top:1px solid var(--linea)}
.pg-hydrovacuum .pie div{padding:18px 16px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla)}
.pg-hydrovacuum .pie b{display:block;font-family:var(--display);font-size:clamp(18px,2.3vw,28px);
  color:var(--ral7022);letter-spacing:-.03em;margin-bottom:5px;text-transform:none}
.pg-hydrovacuum .curvasFondo{position:absolute;left:0;bottom:0;width:100%;height:34%;z-index:1;
  pointer-events:none}

/* ── cifras ── */
.pg-hydrovacuum .cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .cifras div{background:var(--ral7022);padding:24px 20px 28px}
.pg-hydrovacuum .cifras b{display:block;font-family:var(--display);font-size:clamp(26px,4vw,46px);
  letter-spacing:-.04em;color:#fff}
.pg-hydrovacuum .cifras span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);margin-top:10px}
@media(max-width:640px){.pg-hydrovacuum .cifras{grid-template-columns:1fr}}

/* ── tipologías ── */
.pg-hydrovacuum .tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-hydrovacuum .tipos article{background:#fff;padding:26px 22px 30px;display:flex;flex-direction:column}
.pg-hydrovacuum .tipos .ico svg{width:44px;height:44px;display:block;margin-bottom:18px}
.pg-hydrovacuum .tipos .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-hydrovacuum .tipos h3{margin-bottom:10px;max-width:14ch}
.pg-hydrovacuum .tipos p{font-size:13px;color:var(--gris-txt);line-height:1.5;margin-bottom:18px}
.pg-hydrovacuum .tipos .gamas{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.pg-hydrovacuum .tipos .gamas span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  padding:6px 10px;background:var(--humo);color:var(--rojo-hondo)}
@media(max-width:860px){.pg-hydrovacuum .tipos{grid-template-columns:1fr}}

/* ── mapa ── */
.pg-hydrovacuum .mapa{margin-top:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--linea);
  padding:clamp(20px,3vw,34px)}
.pg-hydrovacuum .mapa svg{width:100%;height:auto;display:block}
.pg-hydrovacuum .leyenda{display:flex;gap:clamp(16px,3vw,34px);flex-wrap:wrap;margin-top:20px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gris-txt)}
.pg-hydrovacuum .leyenda i{display:inline-block;width:14px;height:14px;margin-right:8px;
  vertical-align:-2px;border:1.5px solid}

/* ── fichas ── */
.pg-hydrovacuum .fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(28px,4vw,48px)}
.pg-hydrovacuum .fichas article{background:#fff;display:flex;flex-direction:column}
.pg-hydrovacuum .fichas .foto{background:var(--hueso);aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;position:relative;overflow:hidden}
.pg-hydrovacuum .fichas .foto img{max-width:80%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}
.pg-hydrovacuum .fichas .foto .falta{position:absolute;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--niebla);text-align:center;
  padding:0 20px;line-height:1.6}
.pg-hydrovacuum .fichas .cuerpo{padding:22px 20px 26px;display:flex;flex-direction:column;flex:1}
.pg-hydrovacuum .fichas .fam{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--niebla);
  text-transform:uppercase;margin-bottom:8px}
.pg-hydrovacuum .fichas h3{margin-bottom:6px}
.pg-hydrovacuum .fichas .pot{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ral3001);
  margin-bottom:12px}
.pg-hydrovacuum .fichas p{font-size:12.5px;color:var(--gris-txt);line-height:1.5;margin-bottom:16px}
.pg-hydrovacuum .fichas ul{list-style:none;margin-top:auto;border-top:1px solid var(--linea);padding-top:14px}
.pg-hydrovacuum .fichas li{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.06em;padding:5px 0;color:var(--gris-txt)}
.pg-hydrovacuum .fichas li b{color:var(--ral7022);font-weight:500;text-align:right}
.pg-hydrovacuum .fichas article.cta{background:var(--ral3001);color:#fff;justify-content:center;padding:32px 24px}
.pg-hydrovacuum .fichas article.cta .fam{color:rgba(255,255,255,.72)}
.pg-hydrovacuum .fichas article.cta h3{color:#fff;margin-bottom:12px}
.pg-hydrovacuum .fichas article.cta p{color:rgba(255,255,255,.9);margin-bottom:0;font-size:13px}
@media(max-width:980px){.pg-hydrovacuum .fichas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pg-hydrovacuum .fichas{grid-template-columns:1fr}}

/* ── tabla ── */
.pg-hydrovacuum .tabla{margin-top:clamp(28px,4vw,48px);overflow-x:auto}
.pg-hydrovacuum table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px}
.pg-hydrovacuum th,.pg-hydrovacuum td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.pg-hydrovacuum thead th{font-family:var(--display);font-size:15px;letter-spacing:-.03em;
  border-bottom:1.5px solid var(--ral7022);white-space:nowrap}
.pg-hydrovacuum thead th:first-child{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--niebla);font-weight:400}
.pg-hydrovacuum tbody th{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--niebla);font-weight:400;white-space:nowrap}
.pg-hydrovacuum tbody td{font-family:var(--mono);font-size:11.5px;color:#3A3936;letter-spacing:.02em}
.pg-hydrovacuum tbody tr:hover td{background:var(--humo)}

/* ── aplicaciones ── */
.pg-hydrovacuum .apps{display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.22);
  margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .apps span{background:var(--ral3001);padding:16px 22px;font-family:var(--mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;flex:1 1 auto;white-space:nowrap}

.pg-hydrovacuum .serv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .serv div{background:var(--ral3001);padding:24px 22px 28px}
.pg-hydrovacuum .serv b{display:block;font-family:var(--display);font-size:clamp(16px,1.9vw,22px);
  letter-spacing:-.03em;margin-bottom:9px}
.pg-hydrovacuum .serv p{font-size:13px;color:rgba(255,255,255,.86);line-height:1.5}
@media(max-width:760px){.pg-hydrovacuum .serv{grid-template-columns:1fr}}
.pg-hydrovacuum .cierre{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:clamp(26px,3.6vw,42px);
  border-top:1px solid rgba(255,255,255,.35);padding-top:clamp(22px,3vw,32px)}
.pg-hydrovacuum .cierre b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,23px);
  letter-spacing:-.035em}
.pg-hydrovacuum .cierre span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:8px}
.pg-hydrovacuum .cierre .link{margin-top:0}
.pg-hydrovacuum .link{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px 26px;
  border:1px solid currentColor;color:inherit;text-decoration:none;transition:background .2s}
.pg-hydrovacuum .link:hover{background:rgba(255,255,255,.14)}
.pg-hydrovacuum .blanca .link:hover,.pg-hydrovacuum .hueso .link:hover{background:var(--ral7022);color:#fff}
.pg-hydrovacuum .link:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}

/* ══ MARCA DE LÍNEA 01 · SISTEMA DE ESCALAS ══
   Regla: el símbolo se apoya siempre sobre un eje horizontal.
   Sus conexiones o empalman con una línea de la página o salen del encuadre.
   Nunca flota suelto en el espacio. */
.pg-hydrovacuum .mk{display:block;flex:none;aspect-ratio:58.2/36.2;width:auto;
  transition:opacity .35s ease}

.pg-hydrovacuum .mk-xs{height:11px;width:17.7px}
.pg-hydrovacuum .mk-s{height:28px;width:45px}
.pg-hydrovacuum .mk-m{height:52px;width:83.6px}
.pg-hydrovacuum .mk-l{height:clamp(24px,2.8vw,33px)}

/* cartela de línea · sustituye a la ruta plana */
.pg-hydrovacuum .cartela{display:flex;align-items:center;gap:clamp(12px,1.4vw,18px);
  margin-bottom:clamp(28px,3.4vw,40px);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}
.pg-hydrovacuum .cartela .mk{color:var(--ral3001)}
.pg-hydrovacuum .cartela .rail{flex:1;height:1px;background:var(--linea);min-width:20px}
.pg-hydrovacuum .cartela .ref{color:var(--niebla)}
@media(max-width:560px){.pg-hydrovacuum .cartela .ref{display:none}}

/* empalme · apertura de capítulo */
.pg-hydrovacuum .empalme{display:flex;align-items:center;gap:0;
  margin-bottom:clamp(34px,4vw,52px)}
.pg-hydrovacuum .empalme .mk{color:var(--ral3001)}
.pg-hydrovacuum .empalme i{flex:1;height:1px;background:var(--linea)}

/* filigrana · escena grave */
.pg-hydrovacuum .filigrana{position:absolute;top:50%;right:-13%;transform:translateY(-50%);
  width:min(880px,78%);height:auto;color:#fff;opacity:.055;z-index:1;
  pointer-events:none}
@media(max-width:760px){.pg-hydrovacuum .filigrana{right:-34%;width:110%;opacity:.045}}

/* sello · bloque de cierre */
.pg-hydrovacuum .selloCierre{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px)}
.pg-hydrovacuum .selloCierre .mk{color:#fff;opacity:.92}

/* nota de sección con marca mínima */
.pg-hydrovacuum .nota{display:flex;align-items:center;gap:10px}
.pg-hydrovacuum .nota .mk{color:var(--ral3001);opacity:.9}


/* ══ ESPECÍFICO · FICHA HYDRO-VACUUM ══ */

/* el logotipo del fabricante lleva recuadro propio: se respeta entero
   y se contiene en altura para que no domine la cabecera */
.pg-hydrovacuum .identidad img.logohv{height:clamp(42px,4.6vw,60px)}

/* azul de marca ajena · vive SÓLO en el bloque de identidad, igual que
   el gris de Indar y el azul de Flygt. Nunca se propaga a la maqueta. */
:root{--hv:#1B459F}

/* pareja de argumentos sobre fondo grave */
.pg-hydrovacuum .pareja{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:rgba(255,255,255,.22);margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .pareja div{background:var(--ral7022);padding:26px 24px 30px}
.pg-hydrovacuum .pareja h3{color:#fff;margin-bottom:10px;max-width:18ch}
.pg-hydrovacuum .pareja p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.8)}
@media(max-width:760px){.pg-hydrovacuum .pareja{grid-template-columns:1fr}}

/* dos columnas de texto corrido */
.pg-hydrovacuum .doscol{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px);
  margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .doscol p{font-size:15.5px;line-height:1.7;color:var(--gris-txt)}
@media(max-width:760px){.pg-hydrovacuum .doscol{grid-template-columns:1fr;gap:20px}}

/* enlace al fabricante sobre la fotografía */
.pg-hydrovacuum .fichas a.foto{text-decoration:none;color:inherit}
.pg-hydrovacuum .fichas a.foto .ir{position:absolute;left:0;right:0;bottom:0;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:var(--ral3001);padding:9px 14px;
  opacity:0;transform:translateY(100%);transition:opacity .2s ease,transform .2s ease}
.pg-hydrovacuum .fichas a.foto:hover .ir,.pg-hydrovacuum .fichas a.foto:focus-visible .ir{opacity:1;transform:none}
.pg-hydrovacuum .fichas a.foto:focus-visible{outline:2px solid var(--ral3001);outline-offset:-2px}

/* cierre claro · nota de sección sobre blanco */
.pg-hydrovacuum .cierreClaro{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px);
  margin-top:clamp(26px,3.6vw,42px);border-top:1px solid var(--linea);
  padding-top:clamp(20px,2.6vw,28px)}
.pg-hydrovacuum .cierreClaro .mk{color:var(--ral3001)}
.pg-hydrovacuum .cierreClaro p{font-family:var(--display);font-size:clamp(15px,1.8vw,21px);
  letter-spacing:-.03em;line-height:1.2;max-width:44ch;color:var(--ral7022)}

/* banco de ensayos · dos imágenes de peso desigual */
.pg-hydrovacuum .banco{display:grid;grid-template-columns:1.62fr 1fr;gap:clamp(16px,2.2vw,28px);
  align-items:start;margin-top:clamp(26px,3.6vw,44px)}
.pg-hydrovacuum .banco figure{margin:0}
.pg-hydrovacuum .banco img{width:100%;height:100%;object-fit:cover;display:block}
.pg-hydrovacuum .banco .grande{aspect-ratio:auto}
.pg-hydrovacuum .banco .grande img{aspect-ratio:3/2}
.pg-hydrovacuum .banco .pequena img{height:auto;object-fit:contain;background:none;padding:0}
.pg-hydrovacuum .banco figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla);margin-top:12px}
@media(max-width:760px){.pg-hydrovacuum .banco{grid-template-columns:1fr}}

.pg-hydrovacuum .legalhv{margin-top:clamp(24px,3vw,34px);font-family:var(--mono);font-size:10px;
  letter-spacing:.1em;color:rgba(255,255,255,.62);line-height:1.7}

/* bloque único de relación · sobre fondo grave */
.pg-hydrovacuum .unico{background:var(--ral7022);border:1px solid rgba(255,255,255,.22);
  padding:26px 26px 30px;margin-top:clamp(26px,3.6vw,44px);max-width:62ch}
.pg-hydrovacuum .unico h3{color:#fff;margin-bottom:10px}
.pg-hydrovacuum .unico p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.82)}

/* fotografía de fundición · hueco marcado mientras no llegue la imagen */
.pg-hydrovacuum .fundicion{margin:clamp(28px,4vw,46px) 0 0}
.pg-hydrovacuum .fundicion .marco{aspect-ratio:16/7;background:#1A1613;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.pg-hydrovacuum .fundicion .marco img{width:100%;height:100%;object-fit:cover}
.pg-hydrovacuum .fundicion .falta{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ral3001);text-align:center;line-height:1.9}
.pg-hydrovacuum .fundicion figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--niebla);margin-top:12px}

/* ===== capitulo · MANTENIMIENTO (encapsulado) ===== */
:root{
  --rojo:#A52019; --rojo-hondo:#6E1511; --gris:#332F2C;
  --hueso:#F6F6F5; --pieza:#E7ECEE; --linea:#E2E0DC;
  --txt:#5C574F; --niebla:#8F8B84;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-mantenimiento *{box-sizing:border-box;margin:0;padding:0}
.pg-mantenimiento{background:var(--hueso);color:var(--txt);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
.pg-mantenimiento .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.pg-mantenimiento img{display:block;max-width:100%}

/* ── cabecera a sangre · el titular entra dentro de la fotografia ── */
.pg-mantenimiento .hero{position:relative;background:#1D1B18}
.pg-mantenimiento .hero .marco{position:relative;width:100%;height:clamp(340px,52vw,640px);overflow:hidden}
.pg-mantenimiento .hero .marco img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.pg-mantenimiento .hero .velo{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(14,12,10,.86) 0%,rgba(14,12,10,.52) 24%,rgba(14,12,10,0) 56%)}
.pg-mantenimiento .hero .velo-alto{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(14,12,10,.5) 0%,rgba(14,12,10,.18) 14%,rgba(14,12,10,0) 30%)}
.pg-mantenimiento .hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:clamp(24px,3.2vw,44px)}
.pg-mantenimiento .hero .num{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:#F0A9A3;text-transform:uppercase}
.pg-mantenimiento .hero h1{font-family:var(--display);font-size:clamp(40px,7vw,92px);line-height:.94;
  color:#fff;letter-spacing:-.028em;margin-top:10px;text-shadow:0 2px 26px rgba(0,0,0,.35)}

/* partes */
.pg-mantenimiento .parte{padding:76px 0 20px}
.pg-mantenimiento .parte-num{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.pg-mantenimiento .parte h2{font-family:var(--display);font-size:clamp(30px,4.4vw,54px);line-height:1;
  letter-spacing:-.02em;color:#1D1B18;margin:14px 0 0}
.pg-mantenimiento .parte .intro{margin-top:18px;font-size:17px;max-width:56ch}
.pg-mantenimiento .apertura{margin-top:44px;aspect-ratio:16/9;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .apertura img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .pieimg{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--niebla);
  margin-top:10px;text-transform:uppercase}

/* acordeon */
.pg-mantenimiento .acc{margin-top:52px;border-top:1px solid var(--linea)}
.pg-mantenimiento .item{border-bottom:1px solid var(--linea)}
.pg-mantenimiento .cab{width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;align-items:baseline;gap:20px;padding:26px 0;font-family:var(--sans);color:#1D1B18}
.pg-mantenimiento .cab:focus-visible{outline:2px solid var(--rojo);outline-offset:4px}
.pg-mantenimiento .cab .idx{font-family:var(--mono);font-size:12px;color:var(--niebla);flex:none;width:34px}
.pg-mantenimiento .cab .tit{font-weight:700;font-size:clamp(19px,2.1vw,26px);letter-spacing:-.01em;flex:1;line-height:1.2}
.pg-mantenimiento .cab .mas{font-family:var(--mono);font-size:20px;color:var(--rojo);flex:none;transition:transform .18s}
.pg-mantenimiento .item[data-open="true"] .mas{transform:rotate(45deg)}
.pg-mantenimiento .cuerpo{display:none;padding:6px 0 52px 54px}
.pg-mantenimiento .item[data-open="true"] .cuerpo{display:block}


.pg-mantenimiento .talleres{border-top:1px solid var(--linea)}
.pg-mantenimiento .taller{border-bottom:1px solid var(--linea);padding-bottom:52px}
.pg-mantenimiento .cabt{display:flex;align-items:baseline;gap:20px;padding:30px 0 6px;color:#1D1B18}
.pg-mantenimiento .cabt .idx{font-family:var(--mono);font-size:12px;color:var(--rojo);flex:none;width:34px}
.pg-mantenimiento .cabt h3{font-weight:700;font-size:clamp(19px,2.1vw,26px);letter-spacing:-.01em;line-height:1.2}
.pg-mantenimiento .taller .cuerpo{display:block;padding:6px 0 0}
.pg-mantenimiento .bloq{margin-top:44px;padding-top:24px;border-top:1px solid var(--linea)}
.pg-mantenimiento .bloq:first-child{margin-top:0;padding-top:0;border-top:0}
.pg-mantenimiento .rot{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.pg-mantenimiento .beneficios{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 46px}
.pg-mantenimiento .beneficios li{list-style:none;border-bottom:1px solid var(--linea);padding:11px 0;
  display:flex;gap:14px;align-items:baseline;color:var(--txt);font-size:15.5px}
.pg-mantenimiento .beneficios li::before{content:"";width:7px;height:7px;background:var(--rojo);flex:none;
  transform:translateY(-2px)}
.pg-mantenimiento .beneficios li b{font-weight:700;color:#1D1B18}

.pg-mantenimiento .dos{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pg-mantenimiento .foto{aspect-ratio:3/4;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .foto img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .agua{font-family:var(--display);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo);margin-top:28px}
.pg-mantenimiento h4.tipo{font-family:var(--display);font-size:clamp(21px,2.4vw,30px);line-height:1.08;
  letter-spacing:-.022em;color:#1D1B18;margin-top:10px;max-width:19ch}
.pg-mantenimiento .cred{border-top:3px solid var(--rojo);margin-top:20px;padding-top:14px;font-weight:700;
  font-size:clamp(16.5px,1.6vw,20px);line-height:1.25;color:#1D1B18;max-width:24ch}
/* el texto ocupa el ancho completo de su columna: mancha mas horizontal,
   menos altura, y las dos columnas terminan casi a la misma cota */
.pg-mantenimiento .txt p{margin-top:15px;font-size:15.5px;line-height:1.72}
.pg-mantenimiento .clientes{margin-top:26px}
.pg-mantenimiento .clientes .fila{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.pg-mantenimiento .txt strong{font-weight:700;color:#1D1B18}
.pg-mantenimiento img.cliente{height:auto}
.pg-mantenimiento img.aq{width:122px}
.pg-mantenimiento img.cy{width:62px}
.pg-mantenimiento img.due{width:175px}
.pg-mantenimiento img.chs{width:152px}
.pg-mantenimiento img.mct{width:46px}
.pg-mantenimiento .puente{margin-top:16px;font-size:15px}
.pg-mantenimiento .marcas{margin-top:12px;font-size:16px;line-height:1.75;color:#1D1B18}
.pg-mantenimiento .sep{color:var(--niebla);padding:0 5px}

/* tipologia 02 · apertura y mosaico */
.pg-mantenimiento .abre{margin-bottom:40px}
.pg-mantenimiento .marco169{aspect-ratio:16/9;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .marco169 img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .uno{max-width:74ch}
.pg-mantenimiento h4.tipo.ancho{max-width:30ch}
.pg-mantenimiento .mosaico{margin-top:46px;display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.pg-mantenimiento .mosaico .cuadro{overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .mosaico .cuadro img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .mosaico .a{grid-column:span 4}
.pg-mantenimiento .mosaico .a .cuadro{aspect-ratio:16/9}
.pg-mantenimiento .mosaico .b{grid-column:span 2}
.pg-mantenimiento .mosaico .b .cuadro{aspect-ratio:8/9}
.pg-mantenimiento .mosaico .c,.pg-mantenimiento .mosaico .d,.pg-mantenimiento .mosaico .e{grid-column:span 2}
.pg-mantenimiento .mosaico .c .cuadro,.pg-mantenimiento .mosaico .d .cuadro,.pg-mantenimiento .mosaico .e .cuadro{aspect-ratio:3/2}

/* distincion Flygt · Xylem */
.pg-mantenimiento .sello{margin-top:26px;padding-top:20px;border-top:1px solid var(--linea);
  display:flex;gap:20px;align-items:center}
.pg-mantenimiento .sello img{width:112px;flex:none;height:auto}
.pg-mantenimiento .sello p{font-size:13.5px;line-height:1.55;color:var(--txt);max-width:26ch}
.pg-mantenimiento .sello b{color:#1D1B18;font-weight:600}

.pg-mantenimiento .legal{margin-top:44px;padding-top:18px;border-top:1px solid var(--linea);
  font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--niebla);max-width:88ch}

/* tipologia 03 · rebobinado */
.pg-mantenimiento .bloque{margin-top:58px;padding-top:26px;border-top:1px solid var(--linea)}
.pg-mantenimiento .rotulo{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.pg-mantenimiento h5.sub{font-family:var(--display);font-size:clamp(19px,2.2vw,27px);line-height:1.1;
  letter-spacing:-.022em;color:#1D1B18;margin:10px 0 0;max-width:26ch}
.pg-mantenimiento .parejas{margin-top:52px;align-items:start}
.pg-mantenimiento .parejas .col{border-top:1px solid var(--linea);padding-top:26px}
.pg-mantenimiento .parejas h5.sub{margin-top:24px;max-width:20ch}
.pg-mantenimiento .parejas .txt p:first-child{margin-top:14px}
.pg-mantenimiento .panor{margin-top:30px}
.pg-mantenimiento .panor .cuadro{aspect-ratio:2.14/1;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .panor img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .cierre-grid{margin-top:34px;display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center}
.pg-mantenimiento .cierre-grid .cuadro{aspect-ratio:4/3;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .cierre-grid img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .ensayo{margin-top:58px;padding-top:22px;border-top:3px solid var(--rojo)}
.pg-mantenimiento .ensayo .rotulo{color:var(--rojo)}
.pg-mantenimiento .ensayo h5{margin-top:10px}


/* ficha de taller */
.pg-mantenimiento .tfoto .cuadro{aspect-ratio:16/10;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .tfoto img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .tdatos{margin-top:36px;display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.pg-mantenimiento .dir{font-size:16.5px;line-height:1.7;color:#1D1B18}
.pg-mantenimiento .dir .ciudad{font-family:var(--display);font-size:clamp(22px,2.6vw,30px);letter-spacing:-.022em;
  line-height:1;display:block;margin-bottom:12px}
.pg-mantenimiento .comollegar{display:inline-flex;align-items:center;gap:9px;margin-top:20px;
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rojo);text-decoration:none;border-bottom:1px solid rgba(165,32,25,.32);padding-bottom:5px}
.pg-mantenimiento .comollegar:hover{border-bottom-color:var(--rojo)}
.pg-mantenimiento .comollegar span{font-size:14px;line-height:1}
/* banda de superficie · cruza las dos columnas y cierra el bloque superior */
.pg-mantenimiento .banda{margin-top:32px;border-top:3px solid var(--rojo);padding-top:14px;
  display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.pg-mantenimiento .banda .cifra{font-family:var(--display);font-size:clamp(28px,3.8vw,46px);letter-spacing:-.03em;
  color:#1D1B18;line-height:1}
.pg-mantenimiento .banda .cifra sup{font-size:.46em;vertical-align:super;letter-spacing:0}
.pg-mantenimiento .banda .pie{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--niebla)}
.pg-mantenimiento .mapa svg{width:100%;height:auto;display:block}
.pg-mantenimiento .mapa .base path{fill:#DCD9D4;stroke:var(--hueso);stroke-width:.8}
.pg-mantenimiento .mapa .zona path{fill:var(--rojo);stroke:var(--hueso);stroke-width:.8}
.pg-mantenimiento .mapa .sede{fill:#1D1B18;stroke:#fff;stroke-width:1.5}
.pg-mantenimiento .mapa .caja{fill:none;stroke:#C9C5BE;stroke-width:.8}
.pg-mantenimiento .leyenda{margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--niebla);display:flex;align-items:center;gap:9px}
.pg-mantenimiento .leyenda i{width:11px;height:11px;background:var(--rojo);flex:none;display:block}
.pg-mantenimiento .tbajo{margin-top:38px;display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:start}
.pg-mantenimiento .tbajo .txt{max-width:none}
.pg-mantenimiento .tfotos .foto43{aspect-ratio:4/3;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .tfotos .foto43 img{width:100%;height:100%;object-fit:cover}
.pg-mantenimiento .tfotos{display:flex;gap:20px}
.pg-mantenimiento .tfotos figure{flex:1;min-width:0}
.pg-mantenimiento .tfotos .foto34{aspect-ratio:3/4;overflow:hidden;background:var(--pieza)}
.pg-mantenimiento .tfotos .foto34 img{width:100%;height:100%;object-fit:cover}
/* relacion de maquinaria e instalaciones · deliberadamente en segundo plano */
.pg-mantenimiento .ficha{margin-top:44px;border-top:3px solid var(--rojo);background:#EDEBE7;
  padding:26px 34px 30px;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.pg-mantenimiento .ficha h6{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rojo);font-weight:500}
.pg-mantenimiento .ficha ul{list-style:none;margin-top:16px;columns:2;column-gap:30px;font-size:15px;line-height:1.95}
.pg-mantenimiento .ficha li{break-inside:avoid;color:var(--txt);border-bottom:1px solid #DFDCD6;
  padding:5px 0;display:flex;gap:10px;align-items:baseline}
.pg-mantenimiento .ficha li b{font-family:var(--mono);font-size:12.5px;font-weight:500;color:#1D1B18;
  flex:none;width:15px;text-align:right}



@media(max-width:860px){
  .pg-mantenimiento .wrap{padding:0 22px}
  .pg-mantenimiento .dos{grid-template-columns:1fr;gap:48px}
  .pg-mantenimiento .mosaico{grid-template-columns:repeat(2,1fr);gap:22px}
  .pg-mantenimiento .mosaico .a,.pg-mantenimiento .mosaico .b,.pg-mantenimiento .mosaico .c,.pg-mantenimiento .mosaico .d,.pg-mantenimiento .mosaico .e{grid-column:span 2}
  .pg-mantenimiento .mosaico .b .cuadro{aspect-ratio:4/3}
  .pg-mantenimiento .cuerpo,.pg-mantenimiento .taller .cuerpo{padding-left:0}
  .pg-mantenimiento .parte{padding:64px 0 10px}
  .pg-mantenimiento .parejas{gap:40px}
  .pg-mantenimiento .tdatos{grid-template-columns:1fr;gap:34px}
  .pg-mantenimiento .ficha{grid-template-columns:1fr;gap:30px}
  .pg-mantenimiento .tbajo{grid-template-columns:1fr;gap:30px}
  .pg-mantenimiento .tfotos{gap:16px}
  .pg-mantenimiento .ficha{padding:22px 22px 26px}
  .pg-mantenimiento .beneficios{grid-template-columns:1fr}
  .pg-mantenimiento .cierre-grid{grid-template-columns:1fr;gap:26px}
  .pg-mantenimiento .sello{gap:14px}
  .pg-mantenimiento .sello img{width:92px}
}

/* ══ MARCA DE LÍNEA 02 · SISTEMA DE ESCALAS ══
   Mismo criterio que la línea 01: el símbolo se apoya siempre sobre un
   eje horizontal. O empalma con una regla de la página o sale del encuadre.
   Nunca flota suelto. El viewBox está recortado y centrado verticalmente
   sobre el eje de la bomba (y=34) para que las reglas que lo flanquean
   lleguen exactamente a su centro, sin holgura. */
.pg-mantenimiento .mk{display:block;flex:none;aspect-ratio:39.2/46.4;width:auto}
.pg-mantenimiento .mk-xs{height:18px;width:15.2px}
.pg-mantenimiento .mk-s{height:34px;width:28.7px}
.pg-mantenimiento .mk-m{height:58px;width:49px}
.pg-mantenimiento .mk-l{height:clamp(26px,3vw,34px)}

/* filigrana · marca de agua de la cabecera, sale por el borde derecho */
.pg-mantenimiento .filigrana02{position:absolute;top:50%;right:-9%;transform:translateY(-50%);
  width:min(520px,44%);height:auto;color:#fff;opacity:.07;z-index:1;
  pointer-events:none}
@media(max-width:760px){.pg-mantenimiento .filigrana02{right:-26%;width:74%;opacity:.055}}

/* cartela · identificación de línea en la cabecera */
.pg-mantenimiento .hero .num.cartela{display:flex;align-items:center;gap:clamp(10px,1.2vw,15px)}
.pg-mantenimiento .hero .num.cartela .mk{color:#F0A9A3}
.pg-mantenimiento .hero .num.cartela .rail{height:1px;background:rgba(255,255,255,.34);
  width:clamp(36px,6vw,88px);flex:none}

/* empalme · apertura de capítulo */
.pg-mantenimiento .empalme02{display:flex;align-items:center;gap:0;margin-bottom:clamp(30px,3.6vw,44px)}
.pg-mantenimiento .empalme02 .mk{color:var(--rojo)}
.pg-mantenimiento .empalme02 i{flex:1;height:1px;background:var(--linea)}

/* marca al pie · nota legal */
.pg-mantenimiento .legal .mk{display:inline-block;vertical-align:-4px;margin-right:10px;
  color:var(--rojo);opacity:.9}

/* sello · cierre de página */
.pg-mantenimiento .cierre02{display:flex;align-items:center;justify-content:center;gap:18px;
  padding:54px 0 64px}
.pg-mantenimiento .cierre02 .mk{color:var(--rojo);opacity:.92}
.pg-mantenimiento .cierre02 i{height:1px;background:var(--linea);width:clamp(44px,7vw,86px);flex:none}

/* ===== capitulo · SERVICIOS EN CAMPO (encapsulado) ===== */
:root{
  --rojo:#A52019; --rojo-hondo:#6E1511; --gris:#332F2C;
  --hueso:#F6F6F5; --pieza:#E7ECEE; --linea:#E2E0DC;
  --txt:#5C574F; --niebla:#8F8B84;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-servicios *{box-sizing:border-box;margin:0;padding:0}
.pg-servicios{background:var(--hueso);color:var(--txt);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
.pg-servicios .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.pg-servicios img{display:block;max-width:100%}

/* ── cabecera de capítulo ─────────────────────────────────────────────
   Fotografía a sangre y, debajo, el índice de los dos servicios.
   Los dos iconos comparten una única horizontal: la cota del terreno.
   La captación desciende por debajo; el grupo de superficie se levanta
   por encima sobre su bancada. Cotas: icono de 76 px sobre viewBox de
   64 → 1 ud = 1,1875 px. Datum a 55 px del techo de la banda:
     pozo       · terreno  y=18 → top = 55 − 21,4 = 33,6 px
     superficie · bancada  y=46 → top = 55 − 54,6 =  0,4 px            */
.pg-servicios .hero{position:relative;background:#1D1B18;overflow:hidden}
.pg-servicios .hero .marco{position:relative;width:100%;height:clamp(320px,46vw,560px);overflow:hidden}
.pg-servicios .hero .marco img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.pg-servicios .hero .velo{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(14,12,10,.80) 0%,rgba(14,12,10,.42) 26%,rgba(14,12,10,0) 60%)}
.pg-servicios .hero .velo-alto{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(14,12,10,.52) 0%,rgba(14,12,10,.20) 15%,rgba(14,12,10,0) 32%)}
.pg-servicios .hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:clamp(24px,3.2vw,44px)}
.pg-servicios .hero .num{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:#F0A9A3;text-transform:uppercase}
.pg-servicios .hero h1{font-family:var(--display);font-size:clamp(40px,7vw,92px);line-height:.94;
  color:#fff;letter-spacing:-.028em;margin-top:10px;text-shadow:0 2px 26px rgba(0,0,0,.4)}

.pg-servicios .indice{position:relative;padding-top:52px}
.pg-servicios .indice .terreno{position:absolute;left:0;right:0;top:107px;height:1px;
  background:rgba(255,255,255,.26)}
.pg-servicios .indice .subsuelo{position:absolute;left:0;right:0;top:108px;bottom:0;
  background:rgba(0,0,0,.42)}
.pg-servicios .indice .wrap{position:relative;z-index:2}
.pg-servicios .cels{display:grid;grid-template-columns:1fr 1fr;padding-bottom:clamp(38px,5vw,62px)}
.pg-servicios .cel{display:block;text-decoration:none;color:inherit;padding-right:44px}
.pg-servicios .cel+.cel{border-left:1px solid rgba(255,255,255,.14);padding-left:44px;padding-right:0}
.pg-servicios .cel .base{position:relative;height:132px}
.pg-servicios .cel .ic{position:absolute;left:0;width:76px;height:76px;color:#fff;transition:color .18s}
.pg-servicios .cel.pozo .ic{top:33.6px}
.pg-servicios .cel.sup  .ic{top:.4px}
.pg-servicios .cel .et{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#F0A9A3}
.pg-servicios .cel h3{font-family:var(--display);font-size:clamp(20px,2.4vw,29px);line-height:1.06;
  letter-spacing:-.022em;color:#fff;margin-top:11px}
.pg-servicios .cel p{margin-top:12px;font-size:15px;line-height:1.6;color:#B7B2AA;max-width:34ch}
.pg-servicios .cel .ir{display:inline-flex;align-items:center;gap:9px;margin-top:20px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#DDD9D3}
.pg-servicios .cel .ir .fl{color:var(--rojo);transition:transform .18s}
.pg-servicios .cel:hover .ir .fl{transform:translateX(5px)}
.pg-servicios .cel:hover .ic{color:#F0A9A3}
.pg-servicios .cel:focus-visible{outline:2px solid var(--rojo);outline-offset:8px}

/* ── el símbolo a cinco escalas ────────────────────────────────────────
   XL filigrana de fondo · L cartela sobre hilo · S sello de cierre ·
   XS marca de nota. Regla del sistema: el símbolo nunca flota; siempre
   apoya su propia horizontal —terreno o bancada— sobre un hilo.        */
.pg-servicios .cart{position:relative;margin-bottom:34px}
.pg-servicios .cart .hilo{position:absolute;left:0;right:0;height:1px;background:var(--linea)}
.pg-servicios .cart .sim{position:absolute;left:0;width:46px;height:46px;color:var(--rojo)}
.pg-servicios .cart .rot{position:absolute;left:58px;transform:translateY(-50%);
  background:var(--hueso);padding:0 16px 0 12px;white-space:nowrap}
.pg-servicios .cart.pozo{height:74px}
.pg-servicios .cart.pozo .hilo,.pg-servicios .cart.pozo .rot{top:38px}
.pg-servicios .cart.pozo .sim{top:25.1px}   /* 38 − 46·18/64 */
.pg-servicios .cart.sup{height:58px}
.pg-servicios .cart.sup .hilo,.pg-servicios .cart.sup .rot{top:36px}
.pg-servicios .cart.sup .sim{top:2.9px}     /* 36 − 46·46/64 */

.pg-servicios .mkxs{display:inline-block;width:19px;height:19px;vertical-align:-4px;margin-right:9px;
  color:var(--rojo)}

.pg-servicios .parsim{position:relative;height:62px;width:216px;margin-bottom:30px}
.pg-servicios .parsim .hilo{position:absolute;left:0;right:0;top:36px;height:1px;background:rgba(255,255,255,.26)}
.pg-servicios .parsim .sim{position:absolute;width:36px;height:36px;color:#fff}
.pg-servicios .parsim .sim.a{left:0;top:25.9px}    /* 36 − 36·18/64 */
.pg-servicios .parsim .sim.b{left:84px;top:10.1px} /* 36 − 36·46/64 */

@media(max-width:900px){
  .pg-servicios .indice{padding-top:34px}
  .pg-servicios .indice .terreno,.pg-servicios .indice .subsuelo{display:none}
  .pg-servicios .cels{grid-template-columns:1fr;gap:38px}
  .pg-servicios .cel,.pg-servicios .cel+.cel{padding:0;border-left:0}
  .pg-servicios .cel+.cel{border-top:1px solid rgba(255,255,255,.14);padding-top:34px}
  .pg-servicios .cel .base{height:auto;margin-bottom:22px}
  .pg-servicios .cel .ic{position:static;width:64px;height:64px}
}

/* ── estructura ───────────────────────────────────────────────────────── */
.pg-servicios .parte{padding:76px 0 20px}
.pg-servicios .parte-num{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.pg-servicios .parte h2{font-family:var(--display);font-size:clamp(30px,4.4vw,54px);line-height:1;
  letter-spacing:-.02em;color:#1D1B18;margin:14px 0 0;max-width:20ch}
.pg-servicios .parte .intro{margin-top:18px;font-size:17px;max-width:58ch}
.pg-servicios .pieimg{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--niebla);
  margin-top:10px;text-transform:uppercase;line-height:1.6}

/* acordeon */
.pg-servicios .acc{margin-top:52px;border-top:1px solid var(--linea)}
.pg-servicios .parte .acc:first-child{margin-top:0}
.pg-servicios .item{border-bottom:1px solid var(--linea)}
.pg-servicios .cab{width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;align-items:baseline;gap:18px;padding:26px 0;font-family:var(--sans);color:#1D1B18}
.pg-servicios .cab:focus-visible{outline:2px solid var(--rojo);outline-offset:4px}
.pg-servicios .cab .idx{font-family:var(--mono);font-size:12px;color:var(--niebla);flex:none;width:26px}
.pg-servicios .cab .tit{font-weight:700;font-size:clamp(19px,2.1vw,26px);letter-spacing:-.01em;flex:1;line-height:1.2}
.pg-servicios .cab .icg{width:30px;height:30px;flex:none;align-self:center;color:var(--niebla);transition:color .18s}
.pg-servicios .item[data-open="true"] .cab .icg{color:var(--rojo)}
.pg-servicios .cab:hover .icg{color:var(--rojo)}
.pg-servicios .cab .mas{font-family:var(--mono);font-size:20px;color:var(--rojo);flex:none;transition:transform .18s}
.pg-servicios .item[data-open="true"] .mas{transform:rotate(45deg)}
.pg-servicios .cuerpo{display:none;padding:6px 0 62px 54px}
.pg-servicios .item[data-open="true"] .cuerpo{display:block}

.pg-servicios .rot{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.pg-servicios h4.tipo{font-family:var(--display);font-size:clamp(21px,2.4vw,30px);line-height:1.08;
  letter-spacing:-.022em;color:#1D1B18;margin-top:10px;max-width:24ch}
.pg-servicios h4.tipo.ancho{max-width:30ch}
.pg-servicios h5.sub{font-family:var(--display);font-size:clamp(19px,2.2vw,27px);line-height:1.1;
  letter-spacing:-.022em;color:#1D1B18;margin:10px 0 0;max-width:26ch}
.pg-servicios .txt p{margin-top:15px;font-size:15.5px;line-height:1.72}
.pg-servicios .txt strong{font-weight:700;color:#1D1B18}
.pg-servicios .uno{max-width:74ch}

/* ── bloque de texto con fotografia vertical al costado ───────────────── */
.pg-servicios .parla{margin-top:36px;display:grid;grid-template-columns:.84fr 1.16fr;gap:56px;align-items:start}
.pg-servicios .parla .rot{margin-top:-4px}
.pg-servicios .v916{aspect-ratio:9/16;overflow:hidden;background:var(--pieza)}
.pg-servicios .v916 img{width:100%;height:100%;object-fit:cover}
.pg-servicios .v34{aspect-ratio:3/4;overflow:hidden;background:var(--pieza)}
.pg-servicios .v34 img{width:100%;height:100%;object-fit:cover}
.pg-servicios .abre{margin-top:36px}
.pg-servicios .abre.primera{margin-top:14px}
.pg-servicios .textotras{margin-top:34px}
.pg-servicios .panor{overflow:hidden;background:var(--pieza)}
.pg-servicios .panor img{width:100%;height:auto}

/* ── cifras sobre filete rojo ─────────────────────────────────────────── */
.pg-servicios .cifras{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pg-servicios .cifras .banda{border-top:3px solid var(--rojo);padding-top:14px}
.pg-servicios .cifras .cifra{font-family:var(--display);font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;
  color:#1D1B18;line-height:1}
.pg-servicios .cifras .pie{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--niebla);margin-top:10px;line-height:1.7}
.pg-servicios .cifras.pila{grid-template-columns:1fr;gap:28px;margin-top:40px}
.pg-servicios .cifras.pila .banda{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}
.pg-servicios .cifras.pila .pie{margin-top:0}

/* ── rail del ciclo completo ──────────────────────────────────────────── */
.pg-servicios .ciclo{margin-top:64px;padding-top:26px;border-top:1px solid var(--linea);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 3 52 54'%3E%3Cg fill='none' stroke='%23A52019' stroke-opacity='0.10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35.2 9.22 A23 23 0 1 1 24.13 10.39'/%3E%3Cg transform='translate(24.13,10.39) rotate(-20)'%3E%3Cpath d='M-5.4 -4.4 L0 0 L-5.4 4.4'/%3E%3C/g%3E%3C/g%3E%3Ctext x='32' y='38.2' text-anchor='middle' fill='%23A52019' fill-opacity='0.10' stroke='none' font-family='ui-monospace, SFMono-Regular, Menlo, monospace' font-size='16' font-weight='500'%3E360%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;
  background-position:right -46px top 8px;background-size:auto 316px}
.pg-servicios .cab360{display:flex;align-items:center;gap:20px}
.pg-servicios .cab360 .ic360{width:66px;height:66px;color:var(--rojo);flex:none}
.pg-servicios .cab360 .rot{font-size:13px;letter-spacing:.2em}
.pg-servicios .rail{margin-top:34px}
.pg-servicios .rail .fases,.pg-servicios .rail .pasos{display:grid;grid-template-columns:repeat(7,1fr)}
.pg-servicios .rail .fase{border-top:3px solid var(--rojo);padding-top:11px;margin-right:3px;
  font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--rojo)}
.pg-servicios .rail .fase.s2{grid-column:span 2}
.pg-servicios .rail .fase.s1{grid-column:span 1}
.pg-servicios .rail .fase.taller{border-top-color:var(--gris);color:var(--gris)}
.pg-servicios .rail .fase small{display:block;font-size:10px;letter-spacing:.08em;color:var(--niebla);
  text-transform:none;margin-top:4px}
.pg-servicios .rail .pasos{margin-top:26px;border-top:1px solid var(--linea)}
.pg-servicios .rail .paso{position:relative;padding:20px 20px 0 0}
.pg-servicios .rail .paso::before{content:"";position:absolute;top:-4.5px;left:0;width:8px;height:8px;
  background:var(--rojo)}
.pg-servicios .rail .paso.taller::before{background:var(--gris)}
.pg-servicios .rail .paso .n{font-family:var(--mono);font-size:11.5px;color:var(--niebla);display:block}
.pg-servicios .rail .paso .t{display:block;margin-top:7px;font-size:14.5px;line-height:1.35;color:#1D1B18;font-weight:500}
.pg-servicios .entrada-ciclo{margin-top:20px;font-size:16.5px;line-height:1.65;color:var(--txt);max-width:66ch}
.pg-servicios .entrada-ciclo strong{color:#1D1B18;font-weight:700}
.pg-servicios .rail .remite{margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;
  color:var(--niebla);text-transform:uppercase}
.pg-servicios .rail .remite b{color:var(--gris);font-weight:500}

/* ── bloque de seguridad · el más marcado del capítulo ─────────────────── */
.pg-servicios .seguridad{margin-top:76px;background-color:var(--gris);color:#E6E3DE;padding:0;
  border-top:10px solid var(--rojo);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 16 55 38'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18h52'/%3E%3Cpath d='M24 18v34M40 18v34'/%3E%3Cpath d='M32 24v20'/%3E%3Cpath d='M27 38l5 6 5-6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;
  background-position:right -90px top 50%;background-size:auto 96%}
.pg-servicios .seguridad .caja{padding:56px 52px 52px}
.pg-servicios .seguridad .rot{color:#E0837C;font-size:12.5px;letter-spacing:.2em}
.pg-servicios .seguridad h4{font-family:var(--display);font-size:clamp(26px,3.4vw,42px);line-height:1.04;
  letter-spacing:-.024em;color:#fff;margin-top:16px;max-width:20ch}
.pg-servicios .seguridad .entradilla{margin-top:22px;font-size:17.5px;line-height:1.62;color:#DDD9D3;max-width:60ch}
.pg-servicios .seguridad .entradilla strong{color:#fff;font-weight:700}
.pg-servicios .seguridad .doble-s{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:46px;
  border-top:2px solid rgba(224,131,124,.45);padding-top:26px}
.pg-servicios .seguridad .doble-s p{font-size:15.5px;line-height:1.72;color:#CFCBC4}
.pg-servicios .seguridad .doble-s strong{color:#fff;font-weight:700}
.pg-servicios .seguridad .remate{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);
  font-size:16px;line-height:1.6;color:#DDD9D3;max-width:66ch}
.pg-servicios .seguridad .remate strong{color:#fff;font-weight:700}

/* ── rejillas de verticales ───────────────────────────────────────────── */
.pg-servicios .trio{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pg-servicios .dosfotos{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* ── listado de operaciones ───────────────────────────────────────────── */
.pg-servicios .beneficios{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:0 46px}
.pg-servicios .beneficios li{list-style:none;border-bottom:1px solid var(--linea);padding:11px 0;
  display:flex;gap:14px;align-items:baseline;color:var(--txt);font-size:15.5px}
.pg-servicios .beneficios li::before{content:"";width:7px;height:7px;background:var(--rojo);flex:none;
  transform:translateY(-2px)}
.pg-servicios .beneficios li b{font-weight:700;color:#1D1B18}

.pg-servicios .bloque{margin-top:64px;padding-top:26px;border-top:3px solid var(--rojo)}

/* documentacion de entrega */
.pg-servicios .docpar{margin-top:36px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.pg-servicios .v23{aspect-ratio:2/3;overflow:hidden;background:var(--pieza)}
.pg-servicios .v23 img{width:100%;height:100%;object-fit:cover}
.pg-servicios .registro{margin-top:44px;border-top:3px solid var(--rojo);background:#EDEBE7;padding:26px 34px 30px}
.pg-servicios .registro h6{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rojo);font-weight:500}
.pg-servicios .registro ul{list-style:none;margin-top:14px;columns:2;column-gap:46px;font-size:14.5px;line-height:1.75}
.pg-servicios .registro li{break-inside:avoid;color:var(--txt);border-bottom:1px solid #DFDCD6;padding:8px 0;
  display:flex;gap:12px;align-items:baseline}
.pg-servicios .registro li::before{content:"";width:6px;height:6px;background:var(--rojo);flex:none;transform:translateY(-3px)}
.pg-servicios .registro li b{color:#1D1B18;font-weight:700}

/* desalación · bloque destacado */
.pg-servicios .desal{margin-top:76px;border-top:10px solid var(--rojo);background-color:#EDEBE7;
  padding:52px 52px 46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 8 57 47'%3E%3Cg fill='none' stroke='%23332F2C' stroke-opacity='0.065' stroke-width='0.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='18' width='24' height='19' rx='1.5'/%3E%3Cpath d='M28 27.5h5'/%3E%3Cpath d='M33 22.5v10'/%3E%3Ccircle cx='50' cy='27.5' r='8.5'/%3E%3Cpath d='M46.5 22l7 5.5-7 5.5z'/%3E%3Cpath d='M37 9v45' stroke-dasharray='3 4'/%3E%3Cpath d='M6 46h52'/%3E%3Cpath d='M12 46v6M52 46v6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;
  background-position:right -110px top 45%;background-size:auto 82%}
.pg-servicios .desal .rot{font-size:12.5px;letter-spacing:.2em}
.pg-servicios .desal h4{font-family:var(--display);font-size:clamp(26px,3.4vw,42px);line-height:1.04;
  letter-spacing:-.024em;color:#1D1B18;margin-top:16px;max-width:22ch}
.pg-servicios .desal .entradilla{margin-top:22px;font-size:17.5px;line-height:1.62;color:#4A453E;max-width:62ch}
.pg-servicios .desal .entradilla strong{color:#1D1B18;font-weight:700}
.pg-servicios .desal .doble-d{margin-top:40px;display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;
  border-top:2px solid rgba(165,32,25,.35);padding-top:30px;align-items:start}
.pg-servicios .desal .doble-d .col p+p{margin-top:18px}
.pg-servicios .desal .doble-d p{font-size:15.5px;line-height:1.72;color:var(--txt)}
.pg-servicios .desal .doble-d strong{color:#1D1B18;font-weight:700}
.pg-servicios .desal .minidesal{margin-top:30px;display:grid;grid-template-columns:minmax(0,232px) 1fr;
  gap:26px;align-items:end}
.pg-servicios .desal .minidesal .cuad{aspect-ratio:1/1;overflow:hidden;background:var(--pieza)}
.pg-servicios .desal .minidesal .cuad img{width:100%;height:100%;object-fit:cover}
.pg-servicios .desal .minidesal .pieimg{margin-top:0;padding-bottom:4px;max-width:36ch}
.pg-servicios .desal .remate{margin-top:42px;padding-top:24px;border-top:1px solid #DAD6D0;
  font-size:16px;line-height:1.6;color:#4A453E;max-width:66ch}
.pg-servicios .desal .remate strong{color:#1D1B18;font-weight:700}

/* logotipos de cliente */
.pg-servicios .logos{margin-top:40px;border-top:1px solid var(--linea);padding-top:26px}
.pg-servicios .logos .fila{display:flex;gap:54px;align-items:center;flex-wrap:wrap;margin-top:22px}
.pg-servicios .logos img{width:auto}
/* alturas calculadas para igualar el área de tinta, no la altura de caja:
   un logotipo cuadrado a la misma altura que uno apaisado pesa el doble */
.pg-servicios img.l-aq{height:42px} .pg-servicios img.l-ac{height:46px} .pg-servicios img.l-sa{height:25px} .pg-servicios img.l-crm{height:64px}
.pg-servicios .legal{margin-top:48px;padding-top:18px;border-top:1px solid var(--linea);
  font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--niebla);max-width:88ch}

.pg-servicios .cierre{background:var(--gris);color:#E6E3DE;margin-top:80px;padding:74px 0}
.pg-servicios .cierre .et{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#E0837C}
.pg-servicios .cierre h2{font-family:var(--display);font-size:clamp(26px,3.6vw,44px);line-height:1.04;color:#fff;
  margin:14px 0 20px;max-width:20ch;letter-spacing:-.02em}
.pg-servicios .cierre p{max-width:62ch;font-size:16.5px}
.pg-servicios .cierre p+p{margin-top:16px}
.pg-servicios .cierre p strong{color:#fff;font-weight:700}


/* ── clasificación empresarial · cierre del capítulo ──────────────────── */
.pg-servicios .clasif{margin-top:76px;border-top:10px solid var(--rojo);background:#EDEBE7;
  padding:52px 52px 46px}
.pg-servicios .clasif .rot{font-size:12.5px;letter-spacing:.2em}
.pg-servicios .clasif h4{font-family:var(--display);font-size:clamp(26px,3.4vw,42px);line-height:1.04;
  letter-spacing:-.024em;color:#1D1B18;margin-top:16px;max-width:22ch}
.pg-servicios .clasif .entradilla{margin-top:22px;font-size:17.5px;line-height:1.62;color:#4A453E;max-width:62ch}
.pg-servicios .clasif .entradilla strong{color:#1D1B18;font-weight:700}
.pg-servicios .clasif .grupos{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:52px;
  border-top:2px solid rgba(165,32,25,.35);padding-top:30px}
/* subrejilla: las dos columnas comparten filas, de modo que subgrupo,
   categoría y fecha quedan a la misma cota aunque el texto de una ocupe
   dos líneas y el de la otra una */
.pg-servicios .clasif .grupo{display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:0}
.pg-servicios .clasif dl{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
/* la letra del grupo hace de cifra: es el dato que identifica la clasificación */
.pg-servicios .clasif .letra{font-family:var(--display);font-size:clamp(42px,5.4vw,68px);line-height:.86;
  letter-spacing:-.04em;color:var(--rojo)}
.pg-servicios .clasif .gnom{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--niebla);margin-top:14px;line-height:1.75;max-width:34ch}
.pg-servicios .clasif dl{margin-top:24px;border-top:1px solid #DAD6D0}
.pg-servicios .clasif dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rojo);padding-top:15px}
.pg-servicios .clasif dd{font-size:15.5px;line-height:1.6;color:#1D1B18;padding:5px 0 15px;
  border-bottom:1px solid #DAD6D0}
.pg-servicios .clasif dd .cuantia{display:block;font-size:13.5px;line-height:1.55;color:var(--txt);margin-top:5px}
.pg-servicios .clasif .remate{margin-top:42px;padding-top:24px;border-top:1px solid #DAD6D0;
  font-size:16px;line-height:1.6;color:#4A453E;max-width:66ch}
.pg-servicios .clasif .remate strong{color:#1D1B18;font-weight:700}

@media(max-width:900px){
  .pg-servicios .wrap{padding:0 22px}
  .pg-servicios .cuerpo{padding-left:0;padding-bottom:48px}
  .pg-servicios .parte{padding:64px 0 10px}
  .pg-servicios .parla{grid-template-columns:1fr;gap:36px}
  .pg-servicios .parla .rot{margin-top:0}
  .pg-servicios .cifras.pila{gap:22px;margin-top:32px}
  .pg-servicios .cifras{grid-template-columns:1fr;gap:26px}
  .pg-servicios .trio{grid-template-columns:1fr;gap:26px}
  .pg-servicios .dosfotos{gap:16px}
  .pg-servicios .beneficios{grid-template-columns:1fr}
  .pg-servicios .seguridad .caja{padding:36px 24px 34px}
  .pg-servicios .seguridad .doble-s{grid-template-columns:1fr;gap:0}
  .pg-servicios .seguridad .doble-s p+p{margin-top:16px}
  .pg-servicios .seguridad,.pg-servicios .desal{background-image:none}
  .pg-servicios .desal{padding:36px 24px 34px}
  .pg-servicios .desal .doble-d{grid-template-columns:1fr;gap:26px}
  .pg-servicios .desal .minidesal{grid-template-columns:1fr;gap:12px;align-items:start}
  .pg-servicios .desal .minidesal .pieimg{margin-top:10px;padding-bottom:0}
  .pg-servicios .desal .doble-d p+p{margin-top:16px}
  .pg-servicios .docpar{grid-template-columns:1fr;gap:34px}
  .pg-servicios .registro ul{columns:1}
  .pg-servicios .registro{padding:22px 22px 26px}
  .pg-servicios .logos .fila{gap:34px}
  .pg-servicios .rail .fases{display:none}
  .pg-servicios .rail .pasos{grid-template-columns:1fr 1fr;margin-top:0}
  .pg-servicios .rail .paso{padding:18px 14px 0 0}
  .pg-servicios .rail .remite{margin-top:26px}
  .pg-servicios .ciclo{background-image:none}
  .pg-servicios .cab360 .ic360{width:52px;height:52px}
  .pg-servicios .clasif{padding:36px 24px 34px}
  .pg-servicios .clasif .grupos{grid-template-columns:1fr;gap:38px}
  .pg-servicios .clasif .grupo,.pg-servicios .clasif dl{display:block}
}
/* ===== capitulo · OBRA HIDRAULICA (encapsulado) ===== */

:root{
  --ral3001:#A52019; --ral7022:#332F2C; --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F; --caja:#E7ECEE;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-obra *{box-sizing:border-box;margin:0;padding:0}

.pg-obra{font-family:var(--sans);color:var(--ral7022);background:var(--hueso);font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-obra .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}
.pg-obra .esc{position:relative;padding:clamp(52px,6.5vw,90px) 0}
.pg-obra .esc.blanca{background:#fff}
.pg-obra .esc.hueso{background:var(--hueso)}
.pg-obra .esc.grave{background:var(--ral7022);color:#fff}

.pg-obra .et{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-obra .grave .et{color:rgba(255,255,255,.74)}
.pg-obra h1{font-family:var(--display);font-size:clamp(30px,5vw,60px);line-height:.98;letter-spacing:-.045em;max-width:15ch}
.pg-obra h2{font-family:var(--display);font-size:clamp(26px,4vw,46px);line-height:1;letter-spacing:-.04em;max-width:20ch}
.pg-obra h3{font-family:var(--display);font-size:clamp(19px,2.4vw,30px);letter-spacing:-.038em;line-height:1.04}
.pg-obra p{font-size:clamp(14.5px,1.25vw,16.5px);color:var(--gris-txt);line-height:1.66}
.pg-obra p+p{margin-top:16px}
.pg-obra strong{color:var(--ral7022);font-weight:600}

/* ── cabecera a sangre ── */
.pg-obra .cab{position:relative;width:100%;aspect-ratio:2.35/1;min-height:340px;overflow:hidden;background:var(--ral7022)}
.pg-obra .cab img{width:100%;height:100%;object-fit:cover;display:block}
.pg-obra .cab .velo{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(20,18,16,.55) 0%,rgba(20,18,16,0) 32%,rgba(20,18,16,0) 42%,rgba(20,18,16,.78) 100%)}
.pg-obra .cab .txt{position:absolute;left:0;right:0;bottom:clamp(26px,4vw,52px)}
.pg-obra .cab .ruta{font-family:var(--mono);font-size:clamp(9.5px,.9vw,11px);letter-spacing:.22em;
  text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:14px}
.pg-obra .cab h1{color:#fff}

/* ── entradilla ── */
.pg-obra .entra::after{content:'';display:block;clear:both}
.pg-obra .entra .txt-intro{max-width:none;overflow:hidden}
.pg-obra .cifras.fila{grid-template-columns:repeat(2,1fr);max-width:620px;margin-top:clamp(30px,4vw,50px)}
@media(max-width:640px){.pg-obra .cifras.fila{grid-template-columns:1fr}}

.pg-obra .rotulo{display:inline-block;background:var(--ral3001);color:#fff;font-family:var(--mono);
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;margin-bottom:22px}
.pg-obra .cifras{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea)}
.pg-obra .cifras div{background:#fff;padding:20px 20px 22px}
.pg-obra .cifras b{display:block;font-family:var(--display);font-size:clamp(24px,3.2vw,36px);
  letter-spacing:-.04em;color:var(--ral7022)}
.pg-obra .cifras span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);margin-top:9px}

/* ── separador de parte ── */
.pg-obra .parte{border-top:1.5px solid var(--ral7022);padding-top:22px;margin-bottom:clamp(26px,3.5vw,42px);
  display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.pg-obra .parte .n{font-family:var(--display);font-size:clamp(18px,2.2vw,26px);letter-spacing:-.03em;color:var(--ral3001)}
.pg-obra .parte .t{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}

/* ── acordeón de disciplinas ── */
.pg-obra .acord{border-top:1px solid var(--linea)}
.pg-obra .item{border-bottom:1px solid var(--linea)}
.pg-obra .tapa{width:100%;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit;
  display:flex;align-items:center;gap:clamp(14px,2vw,26px);padding:clamp(20px,2.4vw,28px) 0}
.pg-obra .tapa .idx{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--niebla);flex:none;width:26px}
.pg-obra .tapa .tit{font-family:var(--display);font-size:clamp(18px,2.4vw,28px);letter-spacing:-.035em;flex:1}
.pg-obra .tapa .mas{font-family:var(--mono);font-size:20px;color:var(--ral3001);flex:none;line-height:1;transition:transform .25s}
.pg-obra .item[data-open="true"] .tapa .mas{transform:rotate(45deg)}
.pg-obra .item[data-open="true"] .tapa .tit{color:var(--ral3001)}
.pg-obra .cuerpo{display:none;padding-bottom:clamp(36px,5vw,62px)}
.pg-obra .item[data-open="true"] .cuerpo{display:block}
.pg-obra .tapa:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}

.pg-obra .dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,58px);align-items:start}
@media(max-width:880px){.pg-obra .dos{grid-template-columns:1fr}}
.pg-obra .dos h3{margin-bottom:16px;max-width:18ch}
.pg-obra .txt-ancho{max-width:none}
.pg-obra .txt-ancho h3{margin-bottom:18px;max-width:26ch}
.pg-obra .txt-ancho p{max-width:none;line-height:1.72}
.pg-obra .h43{aspect-ratio:4/3}

/* ── fotografía ── */
.pg-obra .foto{background:var(--caja);overflow:hidden}
.pg-obra .foto img{width:100%;height:100%;object-fit:cover;display:block}
.pg-obra .principal{margin-top:clamp(26px,3.5vw,44px)}
.pg-obra .tira{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(10px,1.4vw,18px)}
@media(max-width:700px){.pg-obra .tira{grid-template-columns:1fr 1fr}}
.pg-obra .pie-foto{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--niebla);margin-top:10px;line-height:1.6}
.pg-obra .hueco{background:var(--caja);border:1px dashed #C6CFD3;display:flex;align-items:center;justify-content:center;
  text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--niebla);padding:24px;line-height:1.7}
.pg-obra .h169{aspect-ratio:16/9}
.pg-obra .h34{aspect-ratio:3/4}

/* ── listado de piezas ── */
.pg-obra .piezas{list-style:none;margin-top:22px;border-top:1px solid var(--linea)}
.pg-obra .piezas li{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--linea);
  font-size:14px;color:var(--gris-txt)}
.pg-obra .piezas li i{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ral3001);
  flex:none;width:24px}

/* ── obras ── */
.pg-obra .obras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);
  border:1px solid var(--linea)}
@media(max-width:880px){.pg-obra .obras{grid-template-columns:1fr}}
.pg-obra .obras article{background:#fff;display:flex;flex-direction:column}
.pg-obra .obras .h169{background:var(--caja)}
.pg-obra .obras .c{padding:22px 20px 26px}
.pg-obra .obras .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--niebla);margin-bottom:8px}

/* ── nota de maqueta ── */
.pg-obra .nota{background:var(--ral7022);color:#fff;padding:clamp(30px,4vw,52px) 0;font-size:13px;line-height:1.75}
.pg-obra .nota b{color:#fff}
.pg-obra .nota .in>div{max-width:88ch;color:rgba(255,255,255,.84)}

/* ══ marca de línea 04 · sistema de cinco escalas ══════════════════
   trazado canónico 0 0 64 64 · viewBox recortado a la mancha real
   0.9 12.9 62.2 31.2 · relación 1,9936 · datum (cota del terreno,
   y=14) a 1,768 % de la altura desde el techo de la caja · el ramal
   de salida acaba a 21,06 % del borde derecho, que es donde tiene
   que arrancar la regla que sale.                                    */
.pg-obra .mk{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.pg-obra .rail{display:block;height:1px;background:currentColor;flex:none}

/* ── L · cartela de cabecera ── */
.pg-obra .cartela{display:flex;align-items:flex-start;margin-bottom:20px;
  color:rgba(255,255,255,.72);padding-top:8px}
.pg-obra .cartela .mk-l{width:60px;height:30px}
.pg-obra .cartela .tren{display:flex;align-items:center;gap:13px;
  margin-left:-13px;   /* retrocede hasta el final del ramal de salida */
  margin-top:-7px}     /* centro del tren sobre el datum: 1,06px - 8px */
.pg-obra .cartela .rail{width:32px;opacity:.62}
.pg-obra .cab .ruta{margin-bottom:0;line-height:16px}

/* ── XL · filigrana de la entradilla ──
   marca completa, centrada en el bloque de texto y separada del hilo
   rojo. Se centra con las palabras clave `center center`: un % en
   background-position se resuelve contra (área - imagen), no contra el
   ancho, y descuadraría el encuadre.                                  */
.pg-obra .entra{
  --fw:min(900px,77.35vw);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220.9%2012.9%2062.2%2031.2%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23332F2C%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2014h5L14%2040h22L45%2014h5%22%2F%3E%3Cpath%20d%3D%22M18%2021h16M22%2026h8%22%2F%3E%3Ccircle%20cx%3D%2255%22%20cy%3D%2236%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M52.5%2032l4.5%204-4.5%204z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  background-size:var(--fw) auto;
  background-position:center center;
}
@media(max-width:880px){.pg-obra .entra{background-image:none}}

/* ── S · sello de cierre ── */
.pg-obra .cierre{background:var(--hueso);border-top:1px solid var(--linea);
  padding:clamp(40px,5vw,64px) 0 clamp(30px,4vw,44px)}
.pg-obra .cierre .hilo{display:flex;align-items:flex-start;color:var(--ral7022)}
.pg-obra .cierre .mk-s{width:68px;height:34px;opacity:.9}
.pg-obra .cierre .rail{flex:1;margin-top:1px;opacity:.3}   /* 34,1 x 0,01768 = 0,6 */
.pg-obra .cierre .rail.sale{margin-left:-14px;flex:0 0 clamp(60px,12vw,150px)}
.pg-obra .cierre .pie{font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--niebla);margin-top:18px}


/* ── parte B · obras ── */
.pg-obra .intro-b{margin-top:20px}
.pg-obra .intro-b p{line-height:1.72}
.pg-obra .obras-lista{border-top:1px solid var(--linea);margin-top:clamp(32px,4.2vw,54px)}
.pg-obra .obra{border-bottom:1px solid var(--linea);padding:clamp(34px,4.4vw,58px) 0}
.pg-obra .obra .idx{font-family:var(--mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ral3001);margin-bottom:13px}
.pg-obra .obra h3{max-width:24ch}
.pg-obra .obra .sitio{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);margin-top:11px}
.pg-obra .obra .txt-obra{margin-top:clamp(18px,2.2vw,26px)}
.pg-obra .obra .txt-obra p{line-height:1.72}

/* ── vídeo · fachada enlazada, no incrustado ──
   la miniatura es una imagen y el enlace abre YouTube en otra pestaña.
   Así funciona desde file:// y en la versión offline, y no hay petición
   a un tercero hasta que el visitante decide verlo.                    */
.pg-obra .video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;
  background:var(--ral7022);margin-top:clamp(24px,3.2vw,38px);
  text-decoration:none;color:#fff}
.pg-obra .video img{width:100%;height:100%;object-fit:cover;display:block;
  font-size:0;color:transparent}  /* si la miniatura no carga, no se vuelca el alt */
.pg-obra .video .velo{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,22,22,.10) 0%,rgba(20,22,22,.62) 100%);
  transition:background .35s ease}
.pg-obra .video:hover .velo{background:linear-gradient(180deg,rgba(20,22,22,.20) 0%,rgba(20,22,22,.72) 100%)}
.pg-obra .video .reclamo{position:absolute;left:clamp(16px,2.2vw,28px);bottom:clamp(14px,2vw,24px);
  display:flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
/* triángulo solo, sin círculo: el círculo con triángulo ya es la bomba
   del símbolo de línea y no puede significar dos cosas en la misma página */
.pg-obra .video .tri{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;
  border-color:transparent transparent transparent var(--ral3001);
  transition:transform .35s ease}
.pg-obra .video:hover .tri{transform:translateX(3px)}


/* ===== capitulo · INVESTIGACION Y DESARROLLO (encapsulado) ===== */

:root{
  --ral3001:#A52019;
  --ral7022:#332F2C;
  --rojo-hondo:#6E1511;
  --humo:#F4E9E7; --hueso:#F6F6F5; --linea:#E2E0DC; --niebla:#8F8B84;
  --gris-txt:#5C574F;
  --display:"Archivo Black",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.pg-idd *{box-sizing:border-box;margin:0;padding:0}

.pg-idd{font-family:var(--sans);color:var(--ral7022);background:#fff;font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.pg-idd .in{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,60px)}

.pg-idd .esc{position:relative;overflow:hidden;padding:clamp(56px,7vw,94px) 0}
.pg-idd .esc.grave{background:var(--ral7022);color:#fff}
.pg-idd .esc.acento{background:var(--ral3001);color:#fff}
.pg-idd .esc.hueso{background:var(--hueso)}
.pg-idd .esc.blanca{background:#fff}

.pg-idd .eyebrow{font-family:var(--mono);font-size:clamp(10px,.85vw,11.5px);letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:18px;color:var(--ral3001)}
.pg-idd .grave .eyebrow,
.pg-idd .acento .eyebrow{color:rgba(255,255,255,.74)}
.pg-idd h1{font-family:var(--display);font-size:clamp(32px,5.4vw,66px);line-height:.98;
  letter-spacing:-.045em;max-width:16ch}
.pg-idd h2{font-family:var(--display);font-size:clamp(27px,4.2vw,50px);line-height:1;
  letter-spacing:-.04em;max-width:20ch}
.pg-idd h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.035em;
  line-height:1.06}
.pg-idd .sub{max-width:58ch;font-size:clamp(15px,1.4vw,18px);margin-top:24px;line-height:1.6;
  color:var(--gris-txt)}
.pg-idd .grave .sub,
.pg-idd .acento .sub{color:rgba(255,255,255,.82)}

/* cuerpo de texto a ancho de retícula · interlínea 1,72 (criterio v9) */
.pg-idd .texto{max-width:none;font-size:clamp(15px,1.35vw,17px);line-height:1.72;
  color:var(--gris-txt);margin-top:clamp(26px,3.2vw,38px)}
.pg-idd .grave .texto{color:rgba(255,255,255,.84)}
.pg-idd .texto p + p{margin-top:1.1em}

.pg-idd .rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.pg-idd .esc.on .rev{opacity:1;transform:none}
.pg-idd .esc.on .d1{transition-delay:.07s}.pg-idd .esc.on .d2{transition-delay:.14s}
.pg-idd .esc.on .d3{transition-delay:.21s}.pg-idd .esc.on .d4{transition-delay:.28s}
@media(prefers-reduced-motion:reduce){
  .pg-idd .rev{opacity:1;transform:none;transition:none}}


/* ── cabecera de capítulo ── */
.pg-idd .cabhead{padding-top:clamp(122px,14vw,180px);padding-bottom:clamp(50px,6vw,80px)}

/* índice del capítulo · dos desarrollos */
.pg-idd .indice{margin-top:clamp(38px,5vw,60px);border-top:1px solid var(--linea)}
.pg-idd .indice a{display:flex;align-items:baseline;gap:clamp(14px,2vw,26px);
  padding:20px clamp(12px,1.6vw,18px);margin:0 clamp(-18px,-1.6vw,-12px);
  border-bottom:1px solid var(--linea);text-decoration:none;color:inherit;
  transition:background .2s ease,color .2s ease}
.pg-idd .indice a:hover,
.pg-idd .indice a:focus-visible{background:var(--ral3001);color:#fff}
.pg-idd .indice a:hover .n,
.pg-idd .indice a:hover .est,
.pg-idd .indice a:focus-visible .n,
.pg-idd .indice a:focus-visible .est{color:rgba(255,255,255,.78)}
.pg-idd .indice a:focus-visible{outline:none}
.pg-idd .indice .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--niebla);
  flex:none;width:2.4em}
.pg-idd .indice .t{font-family:var(--display);font-size:clamp(16px,2vw,23px);letter-spacing:-.035em}
.pg-idd .indice .est{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);flex:none}
.pg-idd .indice .fl{flex:none;margin-left:clamp(14px,1.8vw,22px);font-size:15px;line-height:1;
  color:var(--ral3001);transition:color .2s ease,transform .2s ease}
.pg-idd .indice a:hover .fl,
.pg-idd .indice a:focus-visible .fl{color:#fff;transform:translateY(3px)}

/* ── regreso al índice · cierre de cada desarrollo ── */
.pg-idd .volver{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:rgba(255,255,255,.66);transition:color .2s ease}
.pg-idd .volver:hover{color:#fff}
.pg-idd .volver .fl{font-size:14px;line-height:1;transition:transform .2s ease}
.pg-idd .volver:hover .fl{transform:translateY(-3px)}
.pg-idd .cierre .volver{margin-left:auto}
.pg-idd .remate{display:flex;justify-content:flex-end;margin-top:clamp(30px,4vw,46px);
  padding-top:clamp(22px,3vw,32px);border-top:1px solid rgba(255,255,255,.22)}

/* ── díptico fotográfico · dos verticales ── */
.pg-idd .diptico{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(12px,1.6vw,22px);
  margin-top:clamp(32px,4.2vw,52px)}
.pg-idd .diptico figure{margin:0;display:flex;flex-direction:column}
.pg-idd .diptico .marco{aspect-ratio:3/4;overflow:hidden;background:var(--hueso)}
.pg-idd .diptico img{width:100%;height:100%;object-fit:cover;display:block}
.pg-idd .diptico figcaption{margin-top:14px;padding-top:12px;border-top:1px solid var(--linea);
  font-size:12.5px;line-height:1.55;color:var(--gris-txt)}
.pg-idd .diptico figcaption b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--niebla);font-weight:400;margin-bottom:7px}
@media(max-width:760px){.pg-idd .diptico{grid-template-columns:1fr}}

/* ── retrato de producto · fondo de recorte ── */
.pg-idd .diptico .marco.recorte{background:#E7ECEE}
.pg-idd .diptico .marco.recorte img{object-fit:contain;padding:clamp(14px,2vw,26px)}

/* ── banda a dos columnas · texto y retrato de producto ── */
.pg-idd .banda{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(26px,4vw,58px);
  align-items:start}
.pg-idd .banda .retrato{margin:0}
.pg-idd .banda .retrato .marco{aspect-ratio:2/3;background:#fff;border:1px solid var(--linea);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.pg-idd .banda .retrato img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pg-idd .banda .retrato figcaption{margin-top:14px;padding-top:12px;border-top:1px solid var(--linea);
  font-size:12.5px;line-height:1.55;color:var(--gris-txt)}
.pg-idd .banda .retrato figcaption b{display:block;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--niebla);font-weight:400;
  margin-bottom:7px}
.pg-idd .banda .texto{margin-top:clamp(20px,2.4vw,28px)}
@media(max-width:860px){.pg-idd .banda{grid-template-columns:1fr}
  .pg-idd .banda .retrato .marco{aspect-ratio:4/3}}

/* ── proyectos de investigación ── */
.pg-idd .proyectos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--linea);border:1px solid var(--linea);margin-top:clamp(30px,4vw,46px)}
.pg-idd .proyectos article{background:#fff;padding:0;display:flex;flex-direction:column;min-width:0}
.pg-idd .proyectos .idb{background:#fff;border-bottom:1px solid var(--linea);
  display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,38px);
  padding:26px 24px;min-height:132px;flex-wrap:wrap}
.pg-idd .proyectos .idb img{display:block;max-width:100%;object-fit:contain}
.pg-idd .proyectos .idb .lg-hort{height:clamp(58px,7vw,78px)}
.pg-idd .proyectos .idb .lg-upct{height:clamp(50px,6vw,66px)}
.pg-idd .proyectos .idb .lg-naga{height:clamp(34px,4.4vw,50px)}
.pg-idd .proyectos .cuerpo{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.pg-idd .proyectos .rot{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ral3001);margin-bottom:9px}
.pg-idd .proyectos h3{margin-bottom:11px;max-width:20ch}
.pg-idd .proyectos p{font-size:13.5px;line-height:1.62;color:var(--gris-txt)}
.pg-idd .proyectos p + p{margin-top:.9em}
/* enlaces dentro de texto corrido · mismo tratamiento que las direcciones de la portada */
.pg-idd .proyectos p a{color:var(--ral3001);text-decoration:none;
  border-bottom:1px solid rgba(165,32,25,.35);transition:border-color .15s}
.pg-idd .proyectos p a:hover{border-bottom-color:var(--ral3001)}
.pg-idd .proyectos .meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--linea);
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--niebla);line-height:1.9}
@media(max-width:760px){.pg-idd .proyectos{grid-template-columns:1fr}}

/* ── vídeo · miniatura enlazada, nunca incrustado ── */
.pg-idd .video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(22px,3.4vw,44px);align-items:center;margin-top:clamp(34px,4.4vw,54px);
  padding-top:clamp(26px,3.4vw,40px);border-top:1px solid rgba(255,255,255,.22)}
.pg-idd .video a.mini{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;
  background:#000;text-decoration:none}
.pg-idd .video a.mini img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease,opacity .3s ease}
.pg-idd .video a.mini:hover img{transform:scale(1.03);opacity:.9}
.pg-idd .video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(52px,6vw,68px);height:clamp(52px,6vw,68px);background:var(--ral3001);
  display:flex;align-items:center;justify-content:center}
.pg-idd .video .play svg{width:38%;height:38%;fill:#fff}
.pg-idd .video .rot{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px}
.pg-idd .video h3{margin-bottom:12px;color:#fff;max-width:24ch}
.pg-idd .video p{font-size:13.5px;line-height:1.66;color:rgba(255,255,255,.74)}
.pg-idd .video p + p{margin-top:.9em}
.pg-idd .video .link{margin-top:20px}
@media(max-width:760px){.pg-idd .video{grid-template-columns:1fr}}

.pg-idd .link{display:inline-block;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px 26px;
  border:1px solid currentColor;color:inherit;text-decoration:none;transition:background .2s}
.pg-idd .link:hover{background:rgba(255,255,255,.14)}
.pg-idd .link:focus-visible{outline:2px solid var(--ral3001);outline-offset:3px}

/* ── flashes de producto ── */
.pg-idd .flashes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(38px,5vw,62px)}
.pg-idd .flashes article{background:#fff;padding:26px 24px 26px;display:flex;
  flex-direction:column;min-width:0}
.pg-idd .flashes .num{display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;background:var(--ral3001);color:#fff;font-family:var(--mono);
  font-size:12px;margin-bottom:14px;flex:none}
.pg-idd .flashes h3{margin-bottom:12px;max-width:18ch}
.pg-idd .flashes p{font-size:13.5px;line-height:1.62;color:var(--gris-txt);margin-bottom:20px;
  overflow-wrap:anywhere}
.pg-idd .flashes .foto{margin-top:auto;aspect-ratio:4/3;overflow:hidden;min-width:0;background:var(--hueso);
  display:flex;align-items:center;justify-content:center}
.pg-idd .flashes .foto img{width:100%;height:100%;object-fit:cover;display:block}
.pg-idd .flashes .foto.entera{background:#E7ECEE;aspect-ratio:4/3}
.pg-idd .flashes .foto.entera img{width:auto;max-width:100%;height:100%;object-fit:contain;
  padding:clamp(10px,1.4vw,18px) 0}
.pg-idd .flashes .falta{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--niebla);text-align:center;padding:0 24px;
  line-height:1.7}
@media(max-width:760px){.pg-idd .flashes{grid-template-columns:1fr}}

/* ── tira de familias ── */
.pg-idd .familias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linea);
  border:1px solid var(--linea);margin-top:clamp(30px,4vw,48px)}
.pg-idd .familias div{background:#fff;padding:22px 20px 26px}
.pg-idd .familias .c{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ral3001);margin-bottom:9px}
.pg-idd .familias b{display:block;font-family:var(--display);font-size:clamp(15px,1.7vw,19px);
  letter-spacing:-.035em;font-weight:400;max-width:16ch}
@media(max-width:700px){.pg-idd .familias{grid-template-columns:1fr}}

/* ── utilidad transversal · subordinada ── */
.pg-idd .transversal{margin-top:clamp(34px,4.4vw,54px);padding-top:clamp(22px,2.8vw,32px);
  border-top:1px solid rgba(255,255,255,.22);max-width:72ch}
.pg-idd .transversal .et{font-family:var(--mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}
.pg-idd .transversal p{font-size:14px;line-height:1.68;color:rgba(255,255,255,.72)}

/* ── cierre ── */
.pg-idd .cierre{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:clamp(30px,4vw,48px);
  border-top:1px solid rgba(255,255,255,.35);padding-top:clamp(22px,3vw,32px)}
.pg-idd .cierre b{display:block;font-family:var(--display);font-size:clamp(17px,2vw,23px);
  letter-spacing:-.035em}
.pg-idd .cierre span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:8px}
.pg-idd .selloCierre{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px)}
.pg-idd .selloCierre .mk{color:#fff;opacity:.92;--pt:#fff}

.pg-idd .nota{display:flex;align-items:flex-end;gap:10px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.1em;color:var(--niebla);margin-top:18px;text-transform:uppercase}
.pg-idd .nota .mk{color:var(--ral3001);opacity:.9}

/* ══ MARCA DE LÍNEA 05 · SISTEMA DE ESCALAS ══
   El datum del símbolo es su abscisa, que cae al pie de la caja (a media pluma
   del borde inferior). Todo contexto que lo use declara --mkh con la altura de
   la marca; el hilo se levanta esa media pluma para quedar colineal con el eje.
   0.0238 = 1,1 unidades de pluma sobre 46,2 de viewBox. */
.pg-idd .mk{display:block;flex:none;aspect-ratio:1/1;
  height:var(--mkh,33px);width:var(--mkh,33px);transition:opacity .35s ease}

.pg-idd .cartela{--mkh:clamp(30px,3.6vw,44px)}
.pg-idd .empalme{--mkh:64px}
.pg-idd .selloCierre{--mkh:38px}
.pg-idd .nota{--mkh:15px}
@media(max-width:560px){.pg-idd .empalme{--mkh:46px}}
/* Escalas · L cartela · M empalme · S sello de cierre · XS nota al pie.
   La escala la fija el contexto, no una clase suelta en la marca. */

.pg-idd .cartela{display:flex;align-items:flex-end;gap:clamp(12px,1.4vw,18px);
  margin-bottom:clamp(28px,3.4vw,40px);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris-txt)}
.pg-idd .cartela .mk{color:var(--ral3001)}
.pg-idd .cartela span{padding-bottom:calc(var(--mkh) * .0238)}
.pg-idd .cartela .rail{flex:1;height:1px;background:var(--linea);min-width:20px;
  margin-bottom:calc(var(--mkh) * .0238)}
.pg-idd .cartela .ref{color:var(--niebla)}
@media(max-width:560px){.pg-idd .cartela .ref{display:none}}

.pg-idd .empalme{display:flex;align-items:flex-end;gap:0;margin-bottom:clamp(34px,4vw,52px)}
.pg-idd .empalme .mk{color:var(--ral3001)}
.pg-idd .empalme i{flex:1;height:1px;background:var(--linea);
  margin-bottom:calc(var(--mkh) * .0238)}

/* filigrana XL · background-image, nunca nodo del DOM (criterio 23 de agosto)
   Pieza dibujada a propósito con trazo 0,7 */
.pg-idd .esc.grave.fil{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10.9 6.9 46.2 46.2'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='.7' stroke-linecap='round' stroke-linejoin='round' opacity='.08'%3E%3Cpath d='M12 8v44h44'/%3E%3Cpath d='M16 38C26 11 37 9 48 28' stroke-dasharray='1.6 2.2'/%3E%3Cpath d='M16 44C26 18 36 16 46 34'/%3E%3C/g%3E%3Ccircle cx='31' cy='22.5' r='1.2' fill='%23ffffff' opacity='.08'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:min(760px,92vw) auto;
  background-position:calc(100% + min(120px,13vw)) center;
}
@media(max-width:760px){.pg-idd .esc.grave.fil{background-position:calc(100% + 34vw) center}}






/* ================================================================
   CORRECCIONES · revision de enlaces y de menu
   Bloque anadido al final para que no altere la cascada anterior.
   ================================================================ */

/* --- foco visible en la navegacion global ---------------------- */
.gnav-enl:focus-visible,.gnav-ico:focus-visible,.gnav-menu:focus-visible,
.gpie a:focus-visible,.gbus-res a:focus-visible,.gbus-cerrar:focus-visible{
  outline:2px solid var(--g-rojo);outline-offset:2px}
.gmenu a:focus-visible,.gmenu-cerrar:focus-visible{
  outline:2px solid #fff;outline-offset:3px}
.gbus-campo input:focus-visible{outline:none}

/* --- pagina actual senalada en el menu y en el pie -------------- */
.gmenu-lista a[aria-current="page"]{color:#fff}
.gmenu-tit[aria-current="page"],.gmenu-legal a[aria-current="page"]{color:#F0A9A3}
.gpie-lista a[aria-current="page"]{color:var(--g-rojo)}

/* --- area de pulsacion del boton de menu en movil --------------- */
@media(max-width:520px){
  .gnav-menu{min-width:44px;min-height:44px;justify-content:center}
  .gnav-ico{width:40px;height:40px}}

/* --- la capa del menu no se cierra sola con el cuerpo fijado ----- */
.gmenu,.gbus{overscroll-behavior:contain}

/* --- mantenimiento · la lista de marcas no tenia ningun punto de
       corte (no hay espacios entre nombre y separador) y forzaba un
       ancho minimo de 883 px que desbordaba el movil -------------- */
.pg-mantenimiento .marcas .sep{padding:0 .18em}
.pg-mantenimiento .marcas .sep::after{content:"\200B"}

/* --- paginas legales · correos y direcciones largas parten linea - */
.pg-cookies b a,.pg-privacidad b a,.pg-empresa b a{overflow-wrap:anywhere}

/* --- portada · el enlace de llamada no desborda en pantalla estrecha */
@media(max-width:430px){
  .pg-portada .genlace{max-width:100%;flex-wrap:wrap}}

/* ================================================================
   CORRECCION DE ESPECIFICIDAD - plegado en pantallas estrechas
   Las reglas base se escriben  .pg-<pagina> .clase  (0,2,0) y las
   de @media solo  .clase  (0,1,0): las segundas nunca ganaban la
   cascada, asi que las rejillas no se plegaban en el movil. Aqui se
   repiten con el mismo prefijo que su regla base, en el mismo orden
   y con los mismos valores; al ir al final de la hoja, se imponen.
   Se excluyen las paginas que ya traen su propia regla adaptativa.
   ================================================================ */

@media(max-width:860px){
  .pg-portada .contacto .in{grid-template-columns:1fr}
}
@media(max-width:820px){
  .pg-portada .prejilla{grid-template-columns:1fr}
}
@media(max-width:700px){
  .pg-portada .hcaja{max-width:72%}
}
@media(max-width:860px){
  .pg-portada .intro .in{grid-template-columns:1fr}
}
@media(max-width:820px){
  .pg-portada .serie{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .pg-portada .tecnico{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pg-portada .tbloque.impulsa{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pg-portada .cae summary{flex-wrap:wrap;gap:16px}
  .pg-portada .cemblema{width:88px}
  .pg-portada .caerejilla{grid-template-columns:1fr}
}
@media(max-width:900px){
  .pg-portada .gcuerpo{grid-template-columns:1fr}
  .pg-portada .gfotos{border-left:none;border-top:1px solid var(--linea)}
}
@media(max-width:640px){
  .pg-portada .hrejilla article{grid-template-columns:104px minmax(0,1fr);gap:18px}
}
@media(max-width:900px){
  .pg-portada .pm-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .pg-portada .pm-rejilla{grid-template-columns:1fr}
}
@media(max-width:900px){
  .pg-mantenimiento .banda, .pg-portada .banda{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .pg-flygt .cifras, .pg-indar .cifras, .pg-obra .cifras{grid-template-columns:1fr}
}
@media(max-width:860px){
  .pg-flygt .tipos, .pg-indar .tipos{grid-template-columns:1fr}
}
@media(max-width:980px){
  .pg-flygt .fichas, .pg-indar .fichas{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .pg-flygt .fichas, .pg-indar .fichas{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pg-flygt .serv, .pg-indar .serv{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pg-flygt .cartela .ref, .pg-indar .cartela .ref, .pg-watex .cartela .ref{display:none}
}
@media(max-width:760px){
  .pg-flygt .filigrana, .pg-indar .filigrana, .pg-watex .filigrana{right:-34%;width:110%;opacity:.045}
}
@media(max-width:900px){
  .pg-watex .cabhead .col{max-width:none}
  .pg-watex .cabfoto{position:relative;right:auto;top:auto;bottom:auto;width:auto;height:300px; margin:34px 0 0}
  .pg-watex .cabfoto img{object-position:center 40%}
}
@media(max-width:900px){
  .pg-watex .prod{min-height:0;padding:clamp(44px,7vw,70px) 0}
  .pg-watex .prod .in{grid-template-columns:1fr}
  .pg-watex .prod.pizq .txt, .pg-watex .prod.pder .txt{grid-column:1}
  .pg-obra .piezas, .pg-watex .piezas{position:relative;top:auto;left:auto !important;right:auto !important; width:auto !important;justify-content:center;gap:18px;margin:0 0 28px}
  .pg-watex .piezas img{height:auto !important;max-height:280px;transform:none !important;opacity:1}
  .pg-watex .pz-familia{max-height:210px !important}
}
@media(max-width:900px){
  .pg-watex .constr{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .pg-watex .constr{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pg-watex .calidad{grid-template-columns:1fr;gap:22px}
  .pg-watex .selloFoto{width:min(320px,100%)}
}
@media(max-width:820px){
  .pg-watex .pasos{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pg-watex .stock{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pg-flygt .cartela .ref, .pg-indar .cartela .ref, .pg-watex .cartela .ref{display:none}
}
@media(max-width:900px){
  .pg-flygt .filigrana, .pg-indar .filigrana, .pg-watex .filigrana{right:-30%;width:112%;opacity:.05}
}
@media(max-width:560px){
  .pg-flygt .cartela .ref, .pg-indar .cartela .ref, .pg-watex .cartela .ref{display:none}
}
@media(max-width:760px){
  .pg-flygt .filigrana, .pg-indar .filigrana, .pg-watex .filigrana{right:-34%;width:110%;opacity:.045}
}
@media(max-width:640px){
  .pg-flygt .cifras, .pg-indar .cifras, .pg-obra .cifras{grid-template-columns:1fr}
}
@media(max-width:860px){
  .pg-flygt .tipos, .pg-indar .tipos{grid-template-columns:1fr}
}
@media(max-width:980px){
  .pg-flygt .fichas, .pg-indar .fichas{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .pg-flygt .fichas, .pg-indar .fichas{grid-template-columns:1fr}
}
@media(max-width:860px){
  .pg-flygt .control{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pg-flygt .serv, .pg-indar .serv{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pg-cookies .ficha, .pg-privacidad .ficha{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pg-cookies .ficha, .pg-privacidad .ficha{grid-template-columns:1fr}
}