.in-page{color:#073B4C;background:#fff;font-size:15px;line-height:1.65}
.in-page h1,.in-page h2,.in-page h3{margin:0;line-height:1.12;letter-spacing:-.035em;font-weight:800}
.in-page h1{font-size:clamp(34px,4.1vw,60px)}
.in-page h2{font-size:clamp(27px,2.8vw,40px)}
.in-page h3{font-size:19px}
.in-page p{margin:16px 0 0}
.in-page .in-eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;color:#FF5A1F;margin:0 0 14px}
.in-page .button{color:#fff;border-radius:8px;margin-top:24px}
.in-slot{display:grid;place-items:center;background:#E5E7E8;color:#53636a;aspect-ratio:16/9;overflow:hidden;border-radius:5px}
.in-slot span{font-size:11px;font-weight:500;letter-spacing:.12em;text-align:center;padding:20px}
.in-hero,.in-closing{position:relative;isolation:isolate;overflow:hidden;background:#073B4C;color:#fff}
.in-hero>.in-slot,.in-closing>.in-slot{border-radius:0;background:#d1dade}
.in-hero-copy,.in-closing-copy{padding-block:40px}
.in-hero-copy p{max-width:480px;font-size:16px;line-height:1.55}
.in-hero h1 span,.in-closing h2 span{color:#FF5A1F}
.in-needs,.in-config{padding-block:64px}
.in-intro,.in-service-intro{display:grid;gap:22px;margin-bottom:36px}
.in-intro>p,.in-config p,.in-note{color:#202427}
.in-uses{display:grid;gap:40px}
.in-uses h3{margin-top:22px}
.in-uses p{max-width:550px;color:#202427;margin-top:12px}
.in-page .in-note{font-size:12px;line-height:1.6;margin-top:28px}
.in-service{background:#073B4C;color:#fff;padding-block:56px}
.in-service-intro>p{max-width:520px}
.in-process{list-style:none;padding:0;margin:36px 0 0;display:grid}
.in-process li{position:relative;display:flex;align-items:center;gap:20px;min-height:80px}
.in-process li:not(:last-child):before{content:'';position:absolute;left:23px;top:62px;bottom:-18px;width:1px;background:#ffffff40}
.in-process span{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #ffffff55;border-radius:50%;color:#FF5A1F;font-size:14px;font-weight:600}
.in-process h3{font-size:14px;letter-spacing:0}
.in-config{display:grid;gap:40px}
.in-config>div>p:not(.in-eyebrow){max-width:560px}
.in-data{display:grid;gap:24px;margin:0}
.in-data>div{display:grid;grid-template-columns:32px 1fr;column-gap:18px;row-gap:4px;padding-bottom:20px;border-bottom:1px solid #E5E7E8}
.in-icon{width:28px;height:28px;grid-row:1/3}
.in-data dt{font-size:13px;font-weight:700}
.in-data dd{margin:0;font-size:14px;color:#202427}
.in-extras{background:#f5f6f6;padding-block:24px}
.in-extras>.container{display:grid;gap:24px}
.in-extras h2{font-size:17px;letter-spacing:0}
.in-extras .container>div{display:flex;align-items:center;gap:24px}
.in-extras img{width:76px;height:96px;object-fit:contain;background:white}
.in-extras h3{font-size:14px;letter-spacing:0}
.in-closing h2{font-size:clamp(26px,3vw,42px);max-width:760px}
.in-closing p{max-width:500px}
@media(min-width:700px){
.in-hero{min-height:520px;display:flex;align-items:center}
.in-hero>.in-slot,.in-closing>.in-slot{position:absolute;inset:0;aspect-ratio:auto;z-index:-2;background:#375768}
.in-hero>.in-slot span,.in-closing>.in-slot span{position:absolute;left:58%;right:4%;color:#fff}
.in-hero:before,.in-closing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#052a38 0%,#052a38e6 32%,#052a3855 65%,transparent 100%)}
.in-hero-copy{padding-block:70px}.in-hero-copy h1{max-width:64%}.in-hero-copy p{max-width:48%}
.in-uses{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
.in-data{grid-template-columns:1fr 1fr}
.in-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.in-process li{display:block;min-height:0}.in-process h3{margin-top:18px}
.in-process li:not(:last-child):before{left:62px;right:-6px;top:24px;bottom:auto;width:auto;height:1px}
.in-extras>.container{grid-template-columns:1fr 1fr;align-items:center}.in-extras h2{grid-column:1/-1}
.in-closing{min-height:340px;display:flex;align-items:center}.in-closing-copy{padding-block:55px}.in-closing h2{max-width:65%}.in-closing p{max-width:50%}
}
@media(min-width:1100px){
.in-needs,.in-config{padding-block:80px}.in-intro,.in-service-intro{grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}.in-intro>p,.in-service-intro>p{margin:0}
.in-config{grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.in-extras>.container{grid-template-columns:1fr 1fr 1fr}.in-extras h2{grid-column:auto}
}
/* Los futuros assets conservan controles de encuadre propios en cada breakpoint. */
.in-hero{--image-position:65% center}.in-closing{--image-position:70% center}
.in-hero>.in-slot img,.in-closing>.in-slot img{width:100%;height:100%;object-fit:cover;object-position:var(--image-position)}
@media(max-width:699px){.in-hero,.in-closing{--image-position:center}.in-hero>.in-slot img,.in-closing>.in-slot img{object-fit:contain}}

.in-hero h1,.in-closing h2,.in-service h2,.in-service h3{color:#fff}

/* Hero oficial: conservar techos y bases; el recorte desktop utiliza sólo cielo. */
@media(min-width:1100px){.in-hero{min-height:50vw;--image-position:right bottom}}
@media(min-width:700px) and (max-width:1099px){
.in-hero{display:block;min-height:0}
.in-hero>.in-slot{position:relative;inset:auto;aspect-ratio:1672/941;z-index:auto}
.in-hero>.in-slot img{object-fit:contain;object-position:center}
.in-hero:before{display:none}
.in-hero-copy{padding-block:40px}
.in-hero-copy h1,.in-hero-copy p{max-width:100%}
}
.in-hero>.in-slot{aspect-ratio:1672/941}
@media(min-width:1100px){.in-hero>.in-slot{aspect-ratio:auto}}

.in-hero>.in-slot{position:relative}
.in-hero>.in-slot img{position:absolute;inset:0;width:100%;height:100%}
@media(min-width:1100px){.in-hero>.in-slot{position:absolute}}

.in-uses .in-slot{position:relative}
.in-uses .in-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.in-uses h3{display:flex;align-items:center;gap:14px}
.in-uses h3 .in-icon{flex-shrink:0}
.in-closing>.in-slot img{position:absolute;inset:0;width:100%;height:100%;object-position:center bottom}
@media(min-width:1100px){.in-closing{min-height:48vw}}
@media(max-width:1099px){
.in-closing{display:block;min-height:0}
.in-closing>.in-slot{position:relative;inset:auto;aspect-ratio:1534/1025;z-index:auto}
.in-closing>.in-slot img{object-fit:contain;object-position:center}
.in-closing:before{display:none}
.in-closing h2,.in-closing p{max-width:100%}
}

@media(min-width:1100px){
body[data-page="industria"] #main-nav{gap:28px}
body[data-page="industria"] #main-nav .button{margin-left:12px}
}

/* Tarjetas de complementos exclusivas de Industria. */
.in-complements{background:#E5E7E8;padding-block:48px}
.in-complements h2{margin-bottom:28px}
.in-complements h2 span{color:#FF5A1F}
.in-complement-grid{display:grid;gap:24px;grid-auto-rows:1fr}
.in-complement-grid article{display:grid;grid-template-columns:1fr;background:#f8f9fa;border-radius:7px;overflow:hidden;min-width:0}
.in-complement-photo{position:relative;background:#fff;min-height:240px}
.in-complement-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:12px}
.in-complement-copy{padding:28px 22px}
.in-complement-copy .in-icon{display:block;color:#FF5A1F;margin-bottom:14px}
.in-complement-copy h3{font-size:17px;min-height:2.24em}
.in-complement-copy p{font-size:14px;line-height:1.55;color:#202427;margin-top:12px}
@media(min-width:700px){.in-complement-grid{grid-template-columns:1fr 1fr}.in-complement-grid article{grid-template-columns:1fr}.in-complement-photo{min-height:280px}.in-complement-copy{padding:26px}.in-complement-copy h3{min-height:0}}
@media(min-width:1100px){.in-complement-grid article{grid-template-columns:42% minmax(0,1fr)}.in-complement-photo{min-height:300px}.in-complement-copy{padding:32px 26px}.in-complement-copy h3{min-height:2.24em}}

/* Header y fotografías con contenido superpuesto: sólo Industria. */
body[data-page="industria"] .site-header{background:#073B4C;border-bottom-color:#ffffff20}
body[data-page="industria"] .menu-toggle{display:none}
body[data-page="industria"] #main-nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:28px;padding:0;border:0;max-height:none;overflow:visible;background:transparent}
body[data-page="industria"] #main-nav>a:not(.button){color:#fff;border:0;justify-content:center}
body[data-page="industria"] #main-nav .button{margin-top:0;margin-left:12px}
body[data-page="industria"] .site-header :focus-visible{outline-color:#fff}
.in-hero,.in-closing{display:flex;align-items:center}
.in-hero>.in-slot,.in-closing>.in-slot{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.in-hero>.in-slot img,.in-closing>.in-slot img{object-fit:cover}
.in-hero>.in-slot img{object-position:right bottom}
.in-closing>.in-slot img{object-position:center bottom}
.in-hero:before,.in-closing:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#052a38f2 0%,#052a38db 32%,#052a3855 65%,transparent 100%)}
@media(min-width:700px) and (max-width:1099px){
.in-hero{min-height:520px}.in-closing{min-height:440px}
.in-hero-copy h1,.in-hero-copy p,.in-closing h2,.in-closing p{max-width:70%}
}
@media(max-width:699px){
body[data-page="industria"] .header-inner{flex-wrap:wrap;padding-block:12px;gap:8px}
body[data-page="industria"] #main-nav{width:100%;flex-wrap:wrap;gap:4px 24px}
body[data-page="industria"] #main-nav .button{margin-left:0}
.in-hero{min-height:560px}.in-closing{min-height:440px}
.in-hero:before,.in-closing:before{background:linear-gradient(90deg,#052a38e8,#052a3899)}
}