/* Páginas institucionales: cada una con su pieza, ninguna repite la del home. */
body.p-in{background:#fff;color:var(--ink)}
body.p-dark{background:var(--black);color:#fff}
.pt{padding-top:clamp(110px,18vh,170px);padding-bottom:clamp(30px,6vh,60px)}
.pt .bc{margin-bottom:clamp(14px,3vh,28px)}
.pt h1{font-size:var(--h1);max-width:14em}
.pt p{margin-top:12px;font-size:clamp(19px,1.5vw,24px);line-height:1.35;font-weight:400}
.pt--s h1{font-size:var(--h2)}
html[lang^=zh] .ab-s__t{letter-spacing:0;line-height:1.3}
html[lang^=zh] .ab-w h3{letter-spacing:0}
.ab-r__p{display:flex;justify-content:flex-end;align-items:flex-end;gap:clamp(4px,1.4vw,22px);height:clamp(200px,34vh,340px)}
.ab-r__p img{width:auto;height:100%;object-fit:contain}
.ab-r__p img:nth-child(1){height:80%}.ab-r__p img:nth-child(3){height:72%}.ab-r__p img:nth-child(4){height:88%}
.pd-t{width:100%;max-width:980px;margin-top:clamp(14px,3vh,26px);border-collapse:collapse;border-top:1px solid var(--ink);font-size:clamp(17px,1.2vw,19px)}
.pd-t th,.pd-t td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-weight:300}
.pd-t th{width:38%;font-weight:500}
/* por qué */
.bds--6{--t:84px;--p:clamp(46px,7vh,76px)}
.bd--steel{background:var(--steel)}.bd--orange{background:var(--orange)}.bd--cyan{background:var(--cyan)}.bd--white{background:#fff}.bd--steel2{background:var(--steel)}.bd--panel{background:var(--panel);color:#fff}
/* la tarjeta de la cotización es una hoja: filas con filete, no texto suelto */
.bd__lt{display:flex;align-items:center}
.bd__li{width:100%;border-top:2px solid var(--ink);font:500 clamp(20px,1.9vw,30px)/1.2 var(--body)}
.bd__li li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:18px;align-items:center;padding:clamp(14px,2.6vh,26px) 6px;border-bottom:1px solid var(--line)}
.bd__li li::before{content:"";width:14px;height:14px;background:var(--cyan)}
.ob{background:var(--black);color:#fff;padding:clamp(70px,12vh,130px) 0}
.ob__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,70px)}
.ob h2{font-size:var(--h2)}
.ob article{padding:clamp(10px,2vh,18px) 0}
.ob h3{font-size:clamp(22px,1.9vw,30px)}
.ob p{margin-top:4px}
/* mercados */
.mh{padding-top:clamp(110px,18vh,170px);padding-bottom:clamp(50px,9vh,90px)}
.mh .bc{margin-bottom:clamp(14px,3vh,28px)}
.mh h1{font-size:var(--h2);max-width:16em}
.mh__p{margin:12px 0 clamp(10px,2vh,20px);font-size:clamp(18px,1.4vw,22px)}
.mt{padding-bottom:clamp(50px,9vh,90px)}
.mt h2,.mp h2,.mc h2{font-size:var(--h2)}
.tw{overflow-x:auto;margin-top:clamp(14px,3vh,26px)}
.mt__t{width:100%;border-collapse:collapse;font-size:clamp(17px,1.25vw,20px);font-variant-numeric:tabular-nums}
.mt__t th,.mt__t td{padding:10px 14px;text-align:left;font-weight:300;white-space:nowrap}
.mt__t thead th{font-weight:400;color:var(--cyan)}
.mt__t tbody th{font-weight:400}
.mt__t tbody tr:nth-child(odd){background:var(--panel)}
@media(max-width:560px){.mt__t{font-size:15px}.mt__t th,.mt__t td{padding:9px 7px;white-space:normal}.mt__t td{white-space:nowrap}}
.mp{background:var(--steel);color:var(--black);padding:clamp(60px,10vh,110px) 0}
.mp p{margin-top:10px;font-size:clamp(18px,1.4vw,22px);font-weight:400}
.mp__g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:clamp(18px,3vh,30px)}
.mp figure{padding:clamp(10px,1.4vw,20px);background:#fff;text-align:center}
.mp svg{width:100%;height:auto}
.pg{fill:var(--mist)}.pgs{fill:var(--black)}
.mp figcaption{margin-top:6px;font:700 clamp(20px,2vw,32px)/1 var(--display)}
.mc{padding-top:clamp(60px,10vh,110px);padding-bottom:clamp(60px,10vh,110px)}
.mc__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,50px);margin-top:clamp(18px,3vh,30px)}
.mc h3{font:700 clamp(23px,2.1vw,36px)/1.1 var(--display);letter-spacing:-.015em;margin-bottom:8px}
html[lang^=zh] .mc h3{letter-spacing:0}
/* cómo pedir */
.ruta{position:relative;padding-bottom:clamp(40px,8vh,80px)}
.ruta__s{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.est{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,90px);align-items:center;min-height:min(80vh,680px);padding:clamp(20px,4vh,40px) 0}
.est:nth-child(odd) figure{order:-1}
.est__t{position:relative;padding-left:clamp(44px,4.4vw,70px)}
.est i{position:absolute;left:0;top:.2em;width:clamp(24px,2vw,34px);height:clamp(24px,2vw,34px);background:var(--orange)}
.est h2{font-size:clamp(32px,4.2vw,76px)}
.est p{margin-top:10px;font-size:clamp(19px,1.5vw,24px);line-height:1.35}
.est figure{height:clamp(280px,56vh,520px);overflow:hidden;background:#111}
.est img{width:100%;height:100%;max-width:none;object-fit:cover}
.inc{background:var(--cyan);color:var(--black);padding:clamp(60px,10vh,110px) 0}
.inc__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,70px)}
.inc h2{font-size:var(--h2)}
.inc li{font:700 clamp(25px,3.2vw,56px)/1.25 var(--display);letter-spacing:-.02em}
html[lang^=zh] .inc li{letter-spacing:0}
.faq{padding-top:clamp(60px,10vh,110px);padding-bottom:clamp(60px,10vh,110px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,70px)}
.faq h2{font-size:clamp(38px,min(4.6vw,10vh),84px)}
.faq details{background:var(--mist);margin-bottom:3px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:clamp(14px,2vh,20px) clamp(16px,1.6vw,24px);font-size:clamp(18px,1.4vw,22px);font-weight:400}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 clamp(16px,1.6vw,24px) 18px}
/* cotización */
.qo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,70px);padding-bottom:clamp(70px,12vh,120px);align-items:start}
.qo__l{position:sticky;top:90px;padding:clamp(14px,1.6vw,22px);background:var(--paper);color:var(--ink)}
.qo .li input{background:#fff}
.qo .li img{background:#fff}
.qo__h{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 8px}
.qo h2{font-size:clamp(26px,2.6vw,40px)}
.qo .dr__e{padding:8px}
.qo .tool__bar{--bar:var(--mist)}
/* contacto */
/* legales y 404 */
.lg-p{padding-top:clamp(110px,18vh,170px);padding-bottom:clamp(70px,12vh,120px)}
.lg-p .bc{margin-bottom:clamp(14px,3vh,28px)}
.lg-p h1{font-size:var(--h2);margin-bottom:clamp(14px,3vh,30px)}
.lg-p h2{margin-top:clamp(18px,3vh,30px);font-size:clamp(23px,2vw,32px)}
.lg-p p{margin-top:6px;max-width:68ch}
.e4{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding-top:110px;padding-bottom:60px}
.e4 .fams__s{width:100%;margin-top:clamp(18px,4vh,36px)}
.e4 h1{font-size:var(--h1)}
@media(max-width:900px){
 .ab-w__g,.mc__g,.ab-r__g,.ob__g,.inc__g,.faq,.qo,.co{grid-template-columns:minmax(0,1fr)}
 .qo__l{position:relative;top:0}
 .ab-r__p{justify-content:flex-start;height:30vh;overflow:hidden}.ab-r__p img{flex:1 1 0;min-width:0;width:0}
 .mp__g{grid-template-columns:repeat(4,minmax(0,1fr))}
 .est{grid-template-columns:minmax(0,1fr);min-height:0}.est:nth-child(odd) figure{order:0}.ruta__s{display:none}
}

@media(max-width:700px){.ab-g__g{grid-template-columns:minmax(0,1fr)}.ab-g__g figure:last-child{margin-top:0}}

@media(max-width:560px){.mt__t thead th{font-size:15px}.qo .li{grid-template-columns:60px minmax(0,1fr)}.qo .li__c{grid-column:2}.bd__lt{height:auto}}

/* por qué: tres cifras que salen del catálogo, con el peso de la lectura de tensión */
.wh{background:var(--black);color:#fff}
.wh__n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,30px);margin-top:clamp(24px,5vh,54px)}
.wh__n div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}
.wh__n dd{font:700 clamp(58px,min(8.4vw,15vh),150px)/1 var(--display);letter-spacing:-.03em;color:var(--cyan);font-variant-numeric:tabular-nums}
html[lang^=zh] .wh__n dd{letter-spacing:0}
.wh__n dt{margin-top:0;font-size:clamp(17px,1.3vw,20px);font-weight:400}
@media(max-width:640px){.wh__n{grid-template-columns:minmax(0,1fr);gap:0}.wh__n div{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0}.wh__n dd{font-size:50px}.wh__n dt{margin:0;text-align:left}}

/* placa de características: el dato técnico de cualquier equipo, aquí para los datos de la empresa */
.pl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid currentColor}
.pl div{min-width:0;padding:12px 16px 16px 0;border-bottom:1px solid currentColor}
.pl div+div{padding-left:16px;border-left:1px solid currentColor}
.pl dt{font-size:15.5px;font-weight:400}
.pl dd{margin-top:4px;font-size:clamp(19px,1.6vw,25px);font-weight:500;line-height:1.2;overflow-wrap:anywhere}
/* the factory: unifilar. La barra arranca bajo el logo, cada parada es una derivación y la corriente abre la foto */
.fa{--b:clamp(26px,4.4vw,76px);background:var(--black);color:#fff;overflow:hidden}
.fa__w{position:relative;padding-left:calc(var(--gut) + var(--b));padding-bottom:clamp(70px,13vh,150px)}
.bu{position:absolute;left:var(--gut);top:92px;bottom:0;width:3px;background:var(--panel-2)}
.bu i{display:block;height:100%;background:var(--cyan);transform-origin:top}
.bu::before{content:"";position:absolute;left:-6px;top:-7px;width:15px;height:15px;background:var(--cyan)}
.fa-h{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding-top:88px}
.fa-h__c{grid-column:1/-1;margin-bottom:8px}
.fa-h h1{grid-column:1/-1;font-size:var(--h1);line-height:.98}
.fa-h figure{margin:0;min-width:0}
.fa-h img{display:block;width:100%;max-width:none;object-fit:cover}
.fa-h figcaption{padding-top:8px;font-size:15.5px;font-weight:400;color:var(--steel)}
.fa-h__a{grid-column:1/9;margin-top:clamp(18px,3.4vh,34px)!important}
.fa-h__a img{height:clamp(280px,46vh,500px);object-position:center 62%}
.fa-h__b{grid-column:9/13;display:flex;flex-direction:column;justify-content:space-between;gap:16px;margin-top:clamp(18px,3.4vh,34px)}
.fa-h__b p{font-size:clamp(19px,1.5vw,23px);line-height:1.32;font-weight:400}
.fa-h__b img{height:clamp(160px,25vh,270px);object-position:center 38%}
.pa{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:clamp(64px,12vh,130px);padding-top:18px;border-top:1px solid var(--cyan);transition:border-color .3s var(--ease)}
.pa::before{content:"";position:absolute;left:calc(-1*var(--b));top:-1px;width:var(--b);height:1px;background:var(--cyan);transition:background-color .3s var(--ease)}
.pa__n{position:absolute;z-index:1;left:calc(-1*var(--b) - 6px);top:-8px;width:15px;height:15px;background:var(--cyan);transition:background-color .3s var(--ease)}
.vivo .pa{border-top-color:var(--panel-2)}
.vivo .pa::before,.vivo .pa__n{background:var(--panel-2)}
.vivo .pa.on{border-top-color:var(--cyan)}
.vivo .pa.on::before,.vivo .pa.on .pa__n{background:var(--cyan)}
.pa h2{font-size:clamp(34px,min(4.6vw,9vh),84px);line-height:1.02}
.pa p{margin-top:10px;max-width:30ch;font-size:clamp(18px,1.4vw,22px);line-height:1.35}
.pa figure{margin:0;min-width:0}
.pa img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.pa--a .pa__t{grid-column:1/5}.pa--a figure{grid-column:5/13;aspect-ratio:16/10}
.pa--b figure{grid-column:1/7;grid-row:1;aspect-ratio:4/3}.pa--b .pa__t{grid-column:8/13;grid-row:1;align-self:end}
.pa--c .pa__t{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.pa--c .pa__t p{margin:0}.pa--c figure{grid-column:1/-1;aspect-ratio:21/9}
.pa--d .pa__t{grid-column:1/7}.pa--d figure{grid-column:7/13;aspect-ratio:1}
.pa--x .pa__t{grid-column:1/9}
.fa__w>.pa:last-child::after{content:"";position:absolute;left:calc(-1*var(--b) - 8px);top:8px;bottom:calc(-1*clamp(70px,13vh,150px));width:18px;background:var(--black)}
/* cierre de la página: acero y producto, después la placa */
.fa-r{background:var(--steel);color:var(--black);padding:clamp(50px,9vh,100px) 0}
.fa-r__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:end}
.fa-r h2{font-size:clamp(34px,min(4.6vw,9vh),84px);line-height:1.02}
.fa-r p{margin-top:10px;max-width:30ch;font-size:clamp(18px,1.4vw,22px);line-height:1.35}
.fa-c{padding-top:clamp(50px,9vh,100px);padding-bottom:clamp(50px,9vh,100px)}
.fa-c h2{margin-bottom:14px;font:500 clamp(19px,1.6vw,25px)/1.2 var(--body);letter-spacing:0}
@media(max-width:900px){.fa-h{display:block}.fa-h__a img{height:auto;aspect-ratio:4/3}.fa-h__b{margin-top:20px}.fa-h__b img{height:auto;aspect-ratio:3/2}.pa{display:block;margin-top:56px}.pa figure{margin-top:14px;aspect-ratio:3/2}.pa--c .pa__t{display:block}.pa--c .pa__t p{margin-top:10px}.fa-r__g{grid-template-columns:minmax(0,1fr);gap:24px}.pl{grid-template-columns:repeat(2,minmax(0,1fr))}.pl div:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:560px){.pl{grid-template-columns:minmax(0,1fr)}.pl div+div{padding-left:0;border-left:0}}

/* contacto: una hoja blanca y plana. Título y datos a la izquierda, formulario a la derecha; la foto cierra abajo y el celeste queda para el foco */
.cn{background:#fff;color:var(--ink);color-scheme:light}
.cn__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:20px;padding-top:clamp(96px,13vh,124px);padding-bottom:clamp(30px,6vh,60px)}
.cn__d{grid-column:1/6}
.cn__d .bc{margin-bottom:clamp(12px,2.6vh,24px)}
.cn h1{font-size:clamp(38px,min(3.9vw,8.4vh),68px);line-height:1.04}
.cn__d>p{margin-top:12px;max-width:25em;font-size:clamp(18px,1.4vw,21px);line-height:1.35;color:var(--ink-2)}
.cn__l{grid-column:1/6;align-self:end;margin-top:clamp(18px,4vh,36px);border-top:1px solid var(--ink)}
.cn__l div{padding:9px 0;border-bottom:1px solid var(--line)}
.cn__l dt{font-size:15.5px;color:var(--ink-2)}
.cn__l dd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:clamp(18px,1.4vw,21px);font-weight:500;font-variant-numeric:tabular-nums}
.cn__l a{overflow-wrap:anywhere}
.cn__cp{flex:none;min-height:32px;font-size:16px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.cn__h{grid-column:7/13;grid-row:1/3}
.cn__f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.cn__m{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
.cn__m legend{padding:0;font:600 clamp(23px,2vw,30px)/1.15 var(--body);letter-spacing:-.01em}
.cn__o{display:flex;gap:clamp(18px,2.4vw,34px);margin-top:6px;border-bottom:1px solid var(--line)}
.cn__o label{position:relative;cursor:pointer}
.cn__o input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cn__o span{display:flex;align-items:center;min-height:44px;font-size:17.5px;font-weight:400;color:var(--ink-2);box-shadow:0 1px 0 transparent;transition:box-shadow .16s var(--ease),color .16s var(--ease)}
.cn__o input:checked+span{color:var(--ink);font-weight:500;box-shadow:0 2px 0 var(--black)}
.cn__o input:focus-visible+span{outline:2px solid var(--black);outline-offset:2px}
.cn__c{min-width:0;margin-top:clamp(10px,1.7vh,16px)}
.cn__c label{display:block;margin-bottom:4px;font-size:15.5px;font-weight:400;color:var(--ink-2)}
.cn__c input,.cn__c textarea{display:block;width:100%;height:50px;padding:0 14px;border:1px solid var(--steel);border-radius:0;outline:0;background:#fff;color:var(--ink);font-size:18px;font-weight:400;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
.cn__c textarea{height:clamp(110px,19vh,190px);padding:10px 14px;resize:vertical}
.cn__c input:focus,.cn__c textarea:focus{border-color:var(--black);box-shadow:0 0 0 2px var(--cyan)}
.cn__c--m,.cn__e{grid-column:1/-1}
.cn__ml{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.cn__k{font-size:15.5px;font-weight:400;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.cn__k[hidden]{display:none}
.cn__e{margin-top:clamp(12px,2vh,18px)}
.cn__s{display:block;width:100%;min-height:56px;padding:0 18px;background:var(--black);color:#fff;font-size:18px;font-weight:500;text-align:center;transition:background-color .16s var(--ease),color .16s var(--ease),transform .1s var(--ease)}
.cn__s:active{transform:scale(.99)}
.cn__e .tool__st:not(:empty){padding-top:8px;font-size:16px}
.cn-b{height:clamp(240px,46vh,500px);margin:0;overflow:hidden;background:var(--black)}
.cn-b img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:18% 46%}
@media(hover:hover) and (pointer:fine){.cn__s:hover{background:var(--cyan);color:var(--black)}.cn__o label:hover span{color:var(--ink)}.cn__k:hover,.cn__cp:hover{text-decoration-thickness:2px}}
@media(max-width:1000px){.cn__g{display:block;padding-top:92px}.cn__h{margin-top:clamp(16px,3vh,26px)}.cn h1{font-size:clamp(38px,6.4vw,56px)}}
@media(max-width:560px){.cn__f{grid-template-columns:minmax(0,1fr)}.cn__d .bc{margin-bottom:8px}.cn__d>p{margin-top:6px}.cn__ml{flex-wrap:wrap;gap:0 14px}}