.inox-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#071b2d;color:#fff}.inox-hero-bg{position:absolute;z-index:-2;inset:0;background:url("assets/encabezado-filtros-acero-inoxidable.webp") center/cover no-repeat}.inox-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.96) 0%,rgba(5,24,41,.81) 39%,rgba(5,24,41,.12) 68%,rgba(5,24,41,.04) 100%)}
.inox-hero-content{width:min(1240px,calc(100% - 48px));margin:auto;padding:76px 0 84px}.back-link{display:inline-block;margin-bottom:42px;color:#d9e8f3;font-size:14px;font-weight:700}.back-link:hover{color:#fff}.inox-hero .eyebrow{color:#8fd0ff}.inox-hero h1,.inox-intro h2,.inox-copy h2,.grades-heading h2{margin:0;font:800 clamp(3.3rem,6vw,6.4rem)/.96 Manrope,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.inox-hero-content>p:not(.eyebrow){max-width:650px;margin:26px 0 0;color:#e7f2fa;font-size:20px}.inox-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button-glass{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}.button-glass:hover{background:#fff;color:var(--navy)}
.inox-intro{width:min(900px,calc(100% - 48px));margin:auto;padding:92px 0 58px;text-align:center}.inox-intro h2{color:var(--navy);font-size:clamp(2.35rem,4vw,4.1rem)}.inox-intro>p:last-child{margin:20px auto 0;color:var(--muted);font-size:18px}
.inox-products{width:min(1240px,calc(100% - 48px));margin:auto}.inox-product{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;margin-bottom:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.inox-product.reverse .inox-image{order:2}.inox-image{min-height:450px;background:#e6edf2}.inox-image img{width:100%;height:100%;object-fit:cover}.inox-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:52px clamp(32px,5vw,68px)}.inox-copy>span{position:absolute;right:30px;top:22px;color:#dce9f3;font:800 4rem/1 Manrope,sans-serif}.inox-copy h2{color:var(--navy);font-size:clamp(2.3rem,3.7vw,3.8rem)}.inox-copy>p:not(.eyebrow){margin:20px 0;color:var(--muted);font-size:17px}.inox-copy strong{color:var(--navy);font:800 14px/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.inox-copy .uses{margin-top:9px!important;line-height:1.75}
.steel-grades{width:min(1240px,calc(100% - 48px));margin:76px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.grades-heading h2{color:var(--navy);font-size:clamp(2.3rem,3.8vw,4rem)}.grades-heading>p:last-child{color:var(--muted);font-size:17px}.grade-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grade-cards article{min-height:270px;padding:30px;border-radius:20px;background:var(--ice)}.grade-cards b{display:block;color:#8eb7d3;font:800 4.7rem/1 Manrope,sans-serif}.grade-cards h3{margin:22px 0 10px;color:var(--navy);font:800 1.2rem/1.3 Manrope,sans-serif}.grade-cards p{margin:0;color:var(--muted)}
.inox-note{width:min(1240px,calc(100% - 48px));margin:0 auto 96px;padding:38px 44px;border-radius:20px;background:var(--navy);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.inox-note strong{font:800 1.3rem/1.25 Manrope,sans-serif}.inox-note p{margin:0;color:#d7e7f2}.inox-note .button{white-space:nowrap}
@media(max-width:900px){.inox-product{grid-template-columns:1fr}.inox-product.reverse .inox-image{order:0}.steel-grades{grid-template-columns:1fr;gap:28px}.inox-note{grid-template-columns:1fr;justify-items:start}}
@media(max-width:680px){.inox-hero{min-height:580px}.inox-hero-bg{background-position:60% center}.inox-hero:after{background:linear-gradient(90deg,rgba(3,17,29,.96),rgba(5,24,41,.59))}.inox-hero-content{width:calc(100% - 32px);padding:50px 0 62px}.back-link{margin-bottom:30px}.inox-hero h1{font-size:clamp(2.65rem,12.5vw,4rem)}.inox-hero-content>p:not(.eyebrow){font-size:18px}.inox-actions{flex-direction:column}.inox-intro{width:calc(100% - 32px);padding:68px 0 44px}.inox-products{width:calc(100% - 32px)}.inox-image{min-height:280px}.inox-copy{padding:46px 24px}.steel-grades{width:calc(100% - 32px);margin:58px auto}.grade-cards{grid-template-columns:1fr}.inox-note{width:calc(100% - 32px);margin-bottom:70px;padding:32px 24px}}