:root {
  --ink: #12171d;
  --navy: #142332;
  --blue: #00a7df;
  --blue-dark: #007cad;
  --yellow: #f9b72b;
  --white: #fff;
  --muted: #f3f5f6;
  --line: #dfe4e8;
  --body: #53606b;
  --radius: 4px;
  --shadow: 0 18px 45px rgba(20, 35, 50, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.55; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 12px 18px; background: var(--yellow); font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 16px; }

.topbar { background: var(--navy); color: #d9e2e8; font-size: .78rem; letter-spacing: .03em; }
.topbar__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.topbar p { margin: 0; }
.topbar__links { display: flex; gap: 26px; }
.topbar a:hover { color: var(--yellow); }
.site-header { position: relative; z-index: 20; background: var(--white); box-shadow: 0 1px 0 rgba(0,0,0,.07); }
.header-main { min-height: 94px; display: grid; grid-template-columns: 210px minmax(280px, 1fr) auto; align-items: center; gap: 42px; }
.brand img { width: 190px; height: auto; }
.search { display: flex; height: 48px; border: 1px solid #cdd5da; border-radius: var(--radius); overflow: hidden; background: #fff; }
.search:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0,167,223,.13); }
.search input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 0 18px; color: var(--ink); }
.search button { width: 55px; border: 0; background: var(--blue); color: #fff; display: grid; place-items: center; }
.search svg, .header-action svg { width: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.header-actions { display: flex; gap: 22px; }
.header-action { position: relative; border: 0; background: transparent; color: var(--navy); display: grid; grid-template-columns: auto auto; align-items: center; gap: 8px; padding: 8px 0; font-size: .86rem; font-weight: 700; }
.header-action b { position: absolute; left: 15px; top: 0; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--yellow); font-size: .65rem; }
.menu-toggle { display: none; }
.main-nav { border-top: 1px solid #edf0f2; }
.nav-inner { height: 54px; display: flex; align-items: stretch; }
.catalog-button { width: 245px; border: 0; background: var(--blue); color: #fff; text-align: left; padding: 0 20px; display: flex; align-items: center; gap: 13px; font-weight: 800; }
.catalog-button--link { min-height: 54px; }
.catalog-grid { font-size: 1.05rem; line-height: .45; letter-spacing: 3px; }
.nav-links { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: clamp(18px, 2.8vw, 42px); }
.nav-links a { font-size: .88rem; font-weight: 800; }
.nav-links a:hover { color: var(--blue-dark); }

.hero { height: clamp(510px, 55vw, 650px); position: relative; overflow: hidden; background: var(--navy); color: #fff; }
.slides, .slide { position: absolute; inset: 0; }
.slide { opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s; }
.slide.is-active { opacity: 1; visibility: visible; }
.slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.slide--photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,16,26,.78) 0%, rgba(5,16,26,.05) 46%); pointer-events: none; }
.slide-photo-caption { position: absolute; z-index: 2; left: max(28px, calc((100% - 1180px) / 2)); bottom: 60px; display: grid; gap: 5px; color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.42); }
.slide-photo-caption span { color: var(--yellow); font-size: .75rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.slide-photo-caption strong { font-size: clamp(1.25rem, 2.1vw, 2rem); }
.slide-photo-caption a { width: fit-content; margin-top: 7px; color: #fff; font-size: .8rem; font-weight: 900; text-transform: uppercase; }
.slide-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,17,27,.86) 0%, rgba(7,19,29,.59) 38%, rgba(7,19,29,.05) 74%); }
.slide-shade--light { background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.78) 38%, rgba(255,255,255,.04) 72%); }
.slide-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-right: 47%; }
.slide-content--dark { color: var(--ink); }
.eyebrow { margin: 0 0 14px; color: var(--yellow); font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow--dark { color: var(--blue-dark); }
.slide h1, .slide h2 { max-width: 690px; margin: 0 0 20px; font-size: clamp(2.45rem, 4.8vw, 4.7rem); line-height: .99; letter-spacing: -.05em; }
.slide p:not(.eyebrow) { max-width: 520px; margin: 0 0 30px; color: #e2e7eb; font-size: 1.08rem; }
.slide-content--dark p:not(.eyebrow) { color: #3f4c55; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; border-radius: var(--radius); font-size: .84rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: var(--yellow); color: var(--ink); }
.button--dark { background: var(--navy); color: #fff; }
.slider-arrow { position: absolute; top: 50%; z-index: 3; width: 46px; height: 54px; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.35); background: rgba(11,24,36,.5); color: #fff; font-size: 2.2rem; line-height: 1; }
.slider-arrow--prev { left: 22px; }.slider-arrow--next { right: 22px; }
.slider-dots { position: absolute; z-index: 3; bottom: 28px; left: 50%; display: flex; gap: 9px; transform: translateX(-50%); }
.slider-dots button { width: 9px; height: 9px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; }
.slider-dots button.is-active { width: 28px; border-radius: 10px; background: var(--yellow); border-color: var(--yellow); }

.service-strip { border-bottom: 1px solid var(--line); background: #fff; }
.service-grid { min-height: 96px; display: grid; grid-template-columns: repeat(4, 1fr); }
.service-grid > div { display: flex; align-items: center; gap: 14px; padding: 18px 24px; border-right: 1px solid var(--line); }
.service-grid > div:first-child { border-left: 1px solid var(--line); }
.service-grid p { margin: 0; line-height: 1.25; }
.service-grid strong, .service-grid small { display: block; }
.service-grid strong { color: var(--navy); font-size: .91rem; }
.service-grid small { margin-top: 4px; color: #77818a; font-size: .73rem; }
.service-icon { display: grid; place-items: center; min-width: 38px; height: 38px; color: var(--blue-dark); font-size: 1.3rem; font-weight: 800; }

.section { padding-block: 88px; }
.section--muted { background: var(--muted); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; margin-bottom: 34px; }
.section-heading h2, .company h2 { margin: 0; color: var(--navy); font-size: clamp(2rem, 3.3vw, 3.2rem); line-height: 1.05; letter-spacing: -.045em; }
.text-link { font-size: .84rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.text-link span { color: var(--blue-dark); margin-left: 7px; }
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.category-card { min-height: 410px; position: relative; overflow: hidden; background: var(--navy); color: #fff; box-shadow: var(--shadow); }
.category-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,18,29,.92), rgba(7,18,29,0) 68%); }
.category-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.category-card:hover img { transform: scale(1.045); }
.category-card div { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: 26px; }
.category-card p { margin: 0 0 3px; color: var(--yellow); font-size: .73rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.category-card h3 { margin: 0 0 8px; font-size: 1.65rem; }
.category-card span { font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.product-tabs { display: flex; gap: 8px; }
.product-tabs button { border: 1px solid #cfd6db; background: #fff; color: var(--navy); padding: 9px 16px; border-radius: 20px; font-size: .76rem; font-weight: 800; }
.product-tabs button.is-active { border-color: var(--navy); background: var(--navy); color: #fff; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.product-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #e3e7ea; transition: transform .25s, box-shadow .25s; }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.product-card[hidden] { display: none; }
.product-card > img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.badge { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 6px 9px; background: var(--yellow); color: var(--ink); font-size: .67rem; font-weight: 900; text-transform: uppercase; }
.product-info { padding: 20px; }
.product-info > p:first-child { margin: 0 0 4px; color: var(--blue-dark); font-size: .7rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.product-info h3 { min-height: 2.7em; margin: 0; color: var(--navy); font-size: 1.05rem; line-height: 1.35; }
.catalog-price { margin: 12px 0 0; color: var(--navy); font-size: 1.05rem; font-weight: 900; }
.tax-note { display: block; min-height: 1.5em; color: #7d8991; font-size: .66rem; }
.product-copy { min-height: 3em; margin: 10px 0 18px; color: var(--body); font-size: .82rem; }
.product-info button, .card-action { width: 100%; display: flex; justify-content: space-between; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--navy); padding: 14px 0 0; font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.product-info button span, .card-action span { color: var(--blue-dark); }

.company { min-height: 590px; display: grid; grid-template-columns: 1.1fr .9fr; background: #fff; }
.company-image { min-height: 500px; overflow: hidden; }
.company-image img { width: 100%; height: 100%; object-fit: cover; }
.company-map { position: relative; isolation: isolate; background: #dfe7ef; }
.company-map::before { content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(8, 27, 45, .18), transparent 42%, rgba(12, 86, 138, .12)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38); }
.company-map::after { content: ''; position: absolute; z-index: 1; width: 260px; height: 260px; left: 50%; top: 54%; translate: -50% -50%; border: 1px solid rgba(231, 60, 45, .35); border-radius: 50%; box-shadow: 0 0 0 38px rgba(231, 60, 45, .06), 0 0 70px rgba(231, 60, 45, .15); pointer-events: none; }
.company-map img { transform: scale(1.035); transition: transform .9s cubic-bezier(.2,.75,.25,1), filter .9s ease; filter: saturate(.88) contrast(1.02); }
.company-map:hover img { transform: scale(1.085); filter: saturate(1) contrast(1.04); }
.map-location { position: absolute; z-index: 2; left: clamp(20px, 5vw, 70px); bottom: clamp(20px, 5vw, 64px); display: flex; align-items: center; gap: 14px; max-width: calc(100% - 40px); padding: 14px 18px; border: 1px solid rgba(255,255,255,.72); border-radius: 16px; background: rgba(255,255,255,.86); color: var(--navy); box-shadow: 0 18px 50px rgba(8,27,45,.2); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.map-location span:last-child { display: grid; gap: 2px; }
.map-location small { color: var(--body); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.map-location strong { font-size: clamp(.82rem, 1.15vw, 1rem); line-height: 1.25; }
.map-location__pulse { position: relative; flex: 0 0 13px; width: 13px; height: 13px; border-radius: 50%; background: #e73c2d; box-shadow: 0 0 0 6px rgba(231,60,45,.13); }
.map-location__pulse::after { content: ''; position: absolute; inset: -7px; border: 1px solid rgba(231,60,45,.55); border-radius: inherit; animation: map-pulse 2.4s ease-out infinite; }
@keyframes map-pulse { 0% { transform: scale(.55); opacity: 0; } 25% { opacity: 1; } 100% { transform: scale(1.65); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .company-map img { transition: none; }.company-map:hover img { transform: scale(1.035); }.map-location__pulse::after { animation: none; } }
.company-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(45px, 7vw, 100px); }
.company-copy > p:not(.eyebrow) { max-width: 560px; margin: 24px 0 30px; color: var(--body); }
.site-footer { position: relative; overflow: hidden; padding: 78px 0 20px; background: #111c26; color: #d4dce2; }
.footer-bg { position: absolute; inset: 0; opacity: .08; background: url('images/footer-bg.png') center/cover; }
.footer-grid, .footer-bottom { position: relative; z-index: 1; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 50px; }
.footer-brand img { width: 180px; height: auto; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 280px; }
.footer-grid h2 { margin: 8px 0 18px; color: #fff; font-size: .93rem; text-transform: uppercase; letter-spacing: .08em; }
.footer-grid a, .footer-grid p { display: block; margin: 0 0 9px; color: #aebbc5; font-size: .83rem; }
.footer-grid a:hover { color: var(--yellow); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 60px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: .72rem; color: #82909b; }
.footer-bottom p { margin: 0; }
.footer-bottom a { color: #aebbc5; }
.footer-bottom a:hover { color: var(--yellow); }
.footer-legal { display: flex; gap: 20px; }
.footer-brand a { display: inline-block; }

/* Catálogo y ficha de producto */
.catalog-header { grid-template-columns: 210px minmax(280px, 1fr) auto; }
.back-home { color: var(--navy); font-size: .8rem; font-weight: 800; white-space: nowrap; }
.page-hero { padding: 65px 0; color: #fff; background: linear-gradient(115deg, #122230 0%, #1d3c50 68%, #00a7df 145%); }
.page-hero h1 { margin: 0 0 12px; font-size: clamp(2.6rem, 5vw, 4.7rem); line-height: 1; letter-spacing: -.05em; }
.page-hero p:last-child { margin: 0; color: #d7e1e7; }
.catalog-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 45px; padding-block: 65px 90px; }
.filters { align-self: start; position: sticky; top: 22px; border: 1px solid var(--line); background: #fff; }
.filter-heading { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid var(--line); }
.filter-heading h2 { margin: 0; color: var(--navy); font-size: 1rem; }
.filter-heading button { padding: 0; border: 0; background: transparent; color: var(--blue-dark); font-size: .72rem; font-weight: 800; }
.filter-list { padding: 8px; }
.filter-list button { width: 100%; display: flex; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 0; border-radius: 3px; background: transparent; color: #4e5a64; text-align: left; font-size: .82rem; }
.filter-list button:hover, .filter-list button.is-active { background: #edf8fc; color: var(--blue-dark); font-weight: 800; }
.filter-list span { color: #89949c; }
.results-toolbar { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.results-toolbar p { margin: 0; color: var(--body); font-size: .85rem; font-weight: 700; }
.results-toolbar label { color: var(--body); font-size: .78rem; }
.results-toolbar select { margin-left: 8px; padding: 9px 32px 9px 10px; border: 1px solid #ccd5db; background: #fff; color: var(--ink); }
.product-grid--catalog { grid-template-columns: repeat(3, 1fr); }
.catalog-card > a { display: block; height: 100%; }
.catalog-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 34%; background: #fff; }
.product-link { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--navy); font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.product-link b { color: var(--blue-dark); }
.quote-add { width: calc(100% - 28px); margin: 0 14px 14px; padding: 11px; border: 1px solid var(--navy); background: #fff; color: var(--navy); font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.quote-add:hover, .quote-add.is-added { border-color: var(--blue-dark); background: var(--blue-dark); color: #fff; }
.empty-state { padding: 70px 25px; border: 1px dashed #c9d2d8; background: var(--muted); text-align: center; }
.empty-state h2 { margin: 0 0 8px; color: var(--navy); }
.empty-state p { color: var(--body); }
.empty-state button { border: 0; background: var(--navy); color: #fff; padding: 12px 18px; font-weight: 800; }
.compact-footer { padding: 20px 0; }
.compact-footer .footer-bottom { margin: 0; border: 0; padding: 0; }
.compact-footer a { color: #c9d6df; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; padding-block: 22px; color: #76838d; font-size: .76rem; }
.breadcrumb a { color: var(--blue-dark); }
.product-detail { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(40px, 7vw, 90px); padding-block: 35px 85px; }
.product-gallery { min-height: 540px; display: grid; place-items: center; border: 1px solid var(--line); background: #fff; }
.product-gallery img { width: 100%; max-height: 620px; object-fit: contain; }
.product-summary { align-self: center; }
.product-summary h1 { margin: 0 0 14px; color: var(--navy); font-size: clamp(2.4rem, 4vw, 4rem); line-height: 1; letter-spacing: -.05em; }
.availability { display: flex; align-items: center; gap: 8px; color: #4a745a; font-size: .78rem; font-weight: 800; }
.availability span { width: 8px; height: 8px; border-radius: 50%; background: #45a768; }
.lead { margin: 24px 0; color: var(--body); font-size: 1.05rem; }
.notice { margin: 0 0 26px; padding: 18px; border-left: 3px solid var(--yellow); background: #fff8e8; }
.notice strong { color: var(--navy); }
.notice p { margin: 5px 0 0; color: #6c675d; font-size: .82rem; }
.secondary-link { display: block; margin-top: 20px; color: var(--blue-dark); font-size: .8rem; font-weight: 900; }
.product-features { padding: 42px 0; background: var(--navy); color: #fff; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.feature-grid > div { display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; }
.feature-grid b { grid-row: 1 / 3; display: grid; place-items: center; height: 42px; color: var(--yellow); font-size: 1.35rem; }
.feature-grid h2 { margin: 0; font-size: .95rem; }.feature-grid p { margin: 4px 0 0; color: #aebcc6; font-size: .78rem; }
.header-catalog-link { justify-self: center; }
.sku { margin: 0 0 18px; color: #7d8991; font-size: .76rem; font-weight: 700; }
.detail-price { margin: 18px 0 4px; color: var(--navy); font-size: 2rem; font-weight: 900; }
.detail-price small { font-size: .7rem; font-weight: 700; color: #78848d; }
.detail-price--pending { font-size: 1.2rem; }
.spec-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 22px 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.spec-list li { position: relative; padding: 12px 10px 12px 22px; border-bottom: 1px solid var(--line); color: #47545d; font-size: .83rem; }
.spec-list li::before { content: '✓'; position: absolute; left: 0; color: var(--blue-dark); font-weight: 900; }
.product-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button--outline { border: 1px solid var(--navy); background: #fff; color: var(--navy); }
.simple-header > .shell { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.simple-header nav { display: flex; gap: 32px; }
.simple-header nav a { padding-block: 10px; color: var(--navy); font-size: .84rem; font-weight: 800; }
.simple-header nav a:hover, .simple-header nav a.is-active { color: var(--blue-dark); }
.story { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; padding-block: 85px; }
.story h2, .contact-info h2, .warranty h2 { margin: 0 0 22px; color: var(--navy); font-size: clamp(2.1rem, 3.5vw, 3.4rem); line-height: 1.06; letter-spacing: -.04em; }
.story p:not(.eyebrow) { color: var(--body); }
.story img { width: 100%; min-height: 430px; object-fit: cover; box-shadow: var(--shadow); }
.values { padding: 75px 0; background: var(--muted); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.values article { padding: 35px; background: #fff; border-top: 4px solid var(--blue); }
.values span, .support-card > b { color: var(--yellow); font-size: 1.6rem; font-weight: 900; }
.values h2, .support-card h2 { margin: 22px 0 10px; color: var(--navy); font-size: 1.35rem; }
.values p, .support-card p { margin: 0; color: var(--body); }
.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding-block: 75px; }
.support-card { padding: 34px; border: 1px solid var(--line); background: #fff; }
.support-card a { display: inline-block; margin-top: 20px; color: var(--blue-dark); font-size: .8rem; font-weight: 900; }
.warranty { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding-block: 20px 90px; }
.warranty p { color: var(--body); }.warranty ol { margin: 0; padding: 8px 0; list-style: none; counter-reset: warranty; }
.warranty li { counter-increment: warranty; position: relative; padding: 13px 15px 13px 48px; border-bottom: 1px solid var(--line); color: #4f5c65; }
.warranty li::before { content: counter(warranty); position: absolute; left: 8px; top: 10px; color: var(--blue-dark); font-weight: 900; }
.support-cta { padding: 48px 0; background: var(--navy); color: #fff; }
.support-cta .shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.support-cta h2 { margin: 0; font-size: 1.8rem; }.support-cta p { margin: 5px 0 0; color: #b9c5ce; }
.contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; padding-block: 80px; }
.contact-method { display: block; padding: 17px 0; border-bottom: 1px solid var(--line); }
.contact-method span { display: block; margin-bottom: 3px; color: #7b8790; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.contact-method strong { color: var(--navy); font-size: 1rem; }
.contact-note { margin-top: 28px; padding: 18px; border-left: 3px solid var(--yellow); background: #fff8e8; color: #686154; font-size: .82rem; }
.contact-form { padding: 36px; background: var(--muted); }
.contact-form h2 { margin: 0; color: var(--navy); font-size: 1.7rem; }.contact-form > p { color: var(--body); }
.contact-form label { display: block; margin-top: 17px; color: var(--navy); font-size: .78rem; font-weight: 800; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; margin-top: 6px; padding: 13px; border: 1px solid #cbd4da; border-radius: 2px; background: #fff; color: var(--ink); font: inherit; }
.contact-form textarea { resize: vertical; }.contact-form button { margin-top: 22px; border: 0; }
.quote-fab { position: fixed; z-index: 50; right: 22px; bottom: 22px; min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 13px; border-radius: 4px; background: var(--yellow); color: var(--navy); box-shadow: 0 10px 30px rgba(0,0,0,.22); font-size: .76rem; font-style: normal; font-weight: 900; }
.quote-fab span { font-size: 1.2rem; }.quote-fab em { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: #fff; font-size: .66rem; font-style: normal; }
.quote-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 45px; padding-block: 65px 90px; }
.quote-items { display: grid; gap: 12px; }
.quote-item { display: grid; grid-template-columns: 105px minmax(0, 1fr) 90px 120px 34px; align-items: center; gap: 18px; padding: 14px; border: 1px solid var(--line); background: #fff; }
.quote-item img { width: 105px; height: 105px; object-fit: cover; object-position: center 34%; }
.quote-item p { margin: 0 0 3px; color: var(--blue-dark); font-size: .66rem; font-weight: 900; text-transform: uppercase; }
.quote-item h2 { margin: 0 0 5px; color: var(--navy); font-size: 1rem; }.quote-item small { color: #7b8790; }
.quote-item label { color: #697680; font-size: .68rem; font-weight: 800; }.quote-item input { width: 70px; display: block; margin-top: 5px; padding: 8px; border: 1px solid #cdd5da; }
.quote-item > strong { color: var(--navy); font-size: .95rem; }.quote-item > button { width: 32px; height: 32px; border: 0; background: #f1f3f4; color: #7a3434; font-size: 1.3rem; }
.quote-summary { align-self: start; position: sticky; top: 20px; padding: 27px; background: var(--navy); color: #fff; }
.quote-summary h2 { margin: 0 0 22px; font-size: 1.35rem; }.quote-summary > div { display: flex; justify-content: space-between; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.15); font-size: .82rem; }
.quote-summary .quote-total { margin-top: 4px; font-size: 1rem; }.quote-summary > small { display: block; margin: 10px 0 20px; color: #acbac4; font-size: .7rem; }
.quote-summary form { display: grid; gap: 12px; }.quote-summary label { font-size: .72rem; font-weight: 800; }
.quote-summary input, .quote-summary textarea { width: 100%; margin-top: 5px; padding: 10px; border: 1px solid #657684; background: #fff; color: var(--ink); font: inherit; }.quote-summary textarea { resize: vertical; }
.quote-summary button { border: 0; margin-top: 4px; }

@media (max-width: 960px) {
  .header-main { grid-template-columns: auto 1fr auto; min-height: 78px; gap: 18px; }
  .menu-toggle { width: 38px; height: 38px; display: grid; place-content: center; gap: 4px; border: 0; background: transparent; }
  .menu-toggle span { display: block; width: 23px; height: 2px; background: var(--navy); }
  .brand img { width: 150px; }
  .search { grid-column: 1 / -1; grid-row: 2; margin-bottom: 15px; }
  .header-main { padding-block: 8px 14px; }
  .header-action span { display: none; }
  .main-nav { display: none; }
  .site-header.nav-open .main-nav { display: block; }
  .nav-inner { width: 100%; height: auto; display: block; }
  .catalog-button { width: 100%; min-height: 52px; }
  .nav-links { display: block; }
  .nav-links a { display: block; padding: 14px 20px; border-bottom: 1px solid var(--line); }
  .slide-content { padding-right: 34%; padding-left: 25px; }
  .slider-arrow { display: none; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .catalog-header { grid-template-columns: 1fr auto; }
  .catalog-header .catalog-search { grid-column: 1 / -1; grid-row: 2; }
  .catalog-header .back-home { grid-column: 2; grid-row: 1; }
  .catalog-layout { grid-template-columns: 210px minmax(0, 1fr); gap: 25px; }
  .product-grid--catalog { grid-template-columns: repeat(2, 1fr); }
  .product-detail { grid-template-columns: 1fr 1fr; gap: 35px; }
  .product-gallery { min-height: 420px; }
  .story { gap: 35px; }.contact-layout { gap: 40px; }
  .quote-layout { grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; }
  .quote-item { grid-template-columns: 80px minmax(0, 1fr) 70px; }.quote-item img { width: 80px; height: 80px; }.quote-item > strong { grid-column: 2; }.quote-item > button { grid-column: 3; grid-row: 2; }
}

@media (max-width: 680px) {
  .shell { width: min(100% - 28px, 1180px); }
  .topbar__inner { justify-content: center; }.topbar__links { display: none; }
  .header-actions { gap: 10px; }.brand img { width: 135px; }
  .hero { height: 570px; }
  .slide > img { object-position: 62% center; }
  .slide-shade, .slide-shade--light { background: linear-gradient(0deg, rgba(7,18,29,.93) 0%, rgba(7,18,29,.62) 54%, rgba(7,18,29,.08) 100%); }
  .slide-content, .slide-content--dark { justify-content: flex-end; padding: 0 14px 70px; color: #fff; }
  .slide-photo-caption { left: 18px; right: 18px; bottom: 64px; }
  .slider-dots { max-width: calc(100% - 36px); gap: 6px; }
  .slider-dots button { width: 7px; height: 7px; }
  .slider-dots button.is-active { width: 20px; }
  .slide h1, .slide h2 { font-size: 2.55rem; }
  .slide-content--dark p:not(.eyebrow) { color: #e2e7eb; }
  .service-grid { grid-template-columns: 1fr 1fr; }.service-grid > div { padding: 14px 8px; }.service-grid strong { font-size: .77rem; }.service-grid small { display: none; }
  .section { padding-block: 60px; }.section-heading { align-items: flex-start; flex-direction: column; }
  .category-grid, .product-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 380px; }
  .product-tabs { width: 100%; overflow-x: auto; }
  .company { grid-template-columns: 1fr; }.company-image { min-height: 340px; }.company-copy { padding: 55px 24px; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }.footer-bottom { flex-direction: column; }.footer-legal { flex-wrap: wrap; }
  .catalog-header { display: grid; grid-template-columns: 1fr auto; }
  .catalog-header .brand img { width: 140px; }
  .header-catalog-link { min-height: 40px; padding-inline: 13px; font-size: .68rem; }
  .page-hero { padding: 45px 0; }
  .catalog-layout { grid-template-columns: 1fr; gap: 18px; padding-block: 35px 60px; }
  .filters { position: static; }
  .filter-list { display: flex; overflow-x: auto; gap: 6px; padding: 10px; }
  .filter-list button { width: auto; flex: 0 0 auto; border: 1px solid var(--line); }
  .filter-list span { margin-left: 8px; }
  .results-toolbar { align-items: flex-start; flex-direction: column; }
  .product-grid--catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .catalog-card .product-info { padding: 14px; }.catalog-card .product-copy { min-height: 0; }
  .product-detail { grid-template-columns: 1fr; padding-block: 10px 60px; }
  .product-gallery { min-height: 360px; }
  .feature-grid { grid-template-columns: 1fr; }
  .simple-header > .shell { min-height: 76px; }.simple-header nav { gap: 12px; overflow-x: auto; }.simple-header nav a { font-size: .72rem; white-space: nowrap; }
  .catalog-header .back-home { display: none; }
  .catalog-header .header-catalog-link { grid-column: 2; grid-row: 1; justify-self: end; }
  .simple-header > .shell { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px 8px; }
  .simple-header nav { width: 100%; }
  .story, .contact-layout, .warranty { grid-template-columns: 1fr; gap: 35px; padding-block: 55px; }
  .story img { min-height: 300px; grid-row: 1; }.story-copy { grid-row: 2; }
  .values-grid, .support-grid { grid-template-columns: 1fr; }
  .support-cta .shell { align-items: flex-start; flex-direction: column; }
  .contact-form { padding: 24px 18px; }
  .spec-list { grid-template-columns: 1fr; }
  .quote-fab { right: 12px; bottom: 12px; }.quote-fab b { display: none; }
  .quote-layout { grid-template-columns: 1fr; padding-block: 35px 65px; }
  .quote-summary { position: static; }
  .quote-item { grid-template-columns: 65px minmax(0, 1fr) 32px; gap: 11px; }.quote-item img { width: 65px; height: 65px; }.quote-item label { grid-column: 2; }.quote-item > strong { grid-column: 2; }.quote-item > button { grid-column: 3; grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.button--whatsapp { width: 100%; margin-top: 9px; background: #178f4a; color: #fff; border: 0; }
.button--whatsapp:hover { background: #11783d; }
.quote-print { width: 100%; margin-top: 10px; border: 0; background: transparent; color: var(--navy); text-decoration: underline; cursor: pointer; font-weight: 700; }
.form-help { margin: 12px 0 0; color: #66727c; font-size: .76rem; line-height: 1.45; }
.quote-response { display: none; margin: 10px 0 0; padding: 10px; border-radius: 6px; font-size: .82rem; }
.quote-response.is-success { display: block; background: #e8f7ed; color: #126b34; }
.quote-response.is-error { display: block; background: #fff0f0; color: #9b1520; }
.contact-method--whatsapp strong { color: #178f4a; }

@media print {
  .topbar, .site-header, .page-hero, .site-footer, .quote-summary form, .quote-item button, .quote-fab { display: none !important; }
  body { background: #fff; color: #111; }
  .quote-layout { display: block; width: 100%; padding: 0; }
  .quote-summary { position: static; margin-top: 24px; border: 1px solid #bbb; box-shadow: none; }
  .quote-item { break-inside: avoid; border: 1px solid #ddd; box-shadow: none; }
  .quote-item img { width: 72px; height: 72px; }
  .quote-item input { border: 0; }
  @page { margin: 14mm; }
}