:root{--red:#e00000;--logo-red:#c3102e;--black:#151515;--gray:#f3f3f3;--muted:#5d5d5d;--line:#d8d8d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--black);background:white;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;line-height:1.12}em{font-style:normal;color:var(--red)}.topline{background:var(--black);color:#fff;display:flex;justify-content:space-between;padding:10px 5.5%;font-size:12px;font-weight:600;letter-spacing:.08em}header{padding:12px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #eee}.logo{width:175px}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--red);color:white;font-weight:700;font-size:14px;min-height:50px;padding:14px 24px;transition:background .18s}.button:hover{background:#b90000}.button span{font-size:20px}.hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:630px;padding:46px 0 46px 5.5%;gap:40px;overflow:hidden}.hero-copy{padding:27px 0;align-self:center}.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:700;line-height:1.6;margin-bottom:24px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:25px;height:3px;background:var(--red)}h1{font-size:clamp(58px,6.2vw,94px);letter-spacing:-.02em}.hero-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);margin-top:27px;font-size:16px}.actions{display:flex;align-items:center;gap:28px;margin-top:31px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero-photo{position:relative;min-width:0;margin-top:0;background:var(--gray)}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 24px;background:var(--black);color:#fff;border-left:6px solid var(--red)}.hero-photo figcaption span{display:block;font-size:11px;letter-spacing:.14em;margin-bottom:3px}.hero-photo figcaption strong{font-weight:500;font-size:14px}.brand-strip{background:var(--red);color:white;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:22px;font-family:Anton,Impact,sans-serif;font-size:29px;letter-spacing:.015em}.strip-light{color:#fff}.section{padding:90px 5.5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading>p{max-width:365px;color:var(--muted)}h2{font-size:clamp(36px,4.1vw,60px)}.section-heading .eyebrow{margin-bottom:16px}.product-layout{display:grid;grid-template-columns:.78fr 1fr;gap:7%}.reference{background:var(--gray);padding:15px;align-self:start}.reference img{width:100%;max-height:550px;object-fit:contain;background:white}.reference figcaption{font-size:12px;padding-top:10px;color:var(--muted)}.category-intro{font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;color:var(--muted)}.category{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:22px 0}.category:last-child{border-bottom:1px solid var(--line)}.category-num{font-size:12px;color:var(--red);font-weight:700}.category-name{font-weight:600;font-size:18px;line-height:1.4}.category-arrow{margin-left:auto;font-size:24px}.category:hover{color:var(--red)}.catalog-note{font-size:12px;color:var(--muted);margin-top:18px}.about{background:var(--black);color:white;padding:74px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about em{color:white}.about h2{font-size:clamp(38px,4vw,58px)}.about .eyebrow{color:#e7e7e7}.about-copy p{margin-bottom:22px;color:#ddd}.about-copy .text-link{color:#fff}.promo{background:var(--gray);padding-top:52px;padding-bottom:52px;border-bottom:1px solid var(--line)}.promo .eyebrow{color:var(--red);margin-bottom:16px}.promo-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.promo h2{font-size:36px}.promo p{margin-bottom:20px}.price{color:#14733b;font-size:40px;font-weight:800}.branches{padding-bottom:90px}.branch-list{display:grid;grid-template-columns:1fr 1fr;gap:32px}.branch{padding:35px;border:1px solid var(--line);border-top:4px solid var(--red)}.branch .eyebrow{margin-bottom:8px;color:var(--red)}h3{font-family:Anton,Impact,sans-serif;font-size:37px;font-weight:400;line-height:1.25}.address{color:var(--muted);min-height:78px;margin:16px 0}.phone{font-size:29px;font-weight:700;letter-spacing:-.03em;display:inline-block;margin:0 0 14px}.schedule{font-size:14px;font-weight:600}.schedule-note{font-size:12px;color:var(--muted);margin:8px 0 24px}.branch-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}footer{border-top:1px solid var(--line);padding:36px 5.5% 20px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px;align-items:center;background:#fafafa}.footer-brand img{width:165px;mix-blend-mode:multiply}.footer-brand p{font-size:12px;margin-top:10px}.footer-label{font-size:11px;letter-spacing:.1em;font-weight:700;display:block;margin-bottom:8px}footer>div>a{font-size:18px;font-weight:600}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:12px}.footer-bottom a{font-size:12px}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}@media(min-width:1600px){.hero,.section,.about,header,footer{padding-left:max(5.5%,calc((100vw - 1480px)/2));padding-right:max(5.5%,calc((100vw - 1480px)/2))}}@media(max-width:900px){nav{gap:16px}.hero{gap:22px;min-height:530px}h1{font-size:65px}.hero .eyebrow{font-size:10px}.actions{gap:18px}.product-layout{gap:5%}.section{padding-top:65px;padding-bottom:65px}.branch{padding:24px}.phone{font-size:26px}.category{padding:17px 0}.category-name{font-size:16px}}@media(max-width:650px){.topline{font-size:10px;padding:8px 5%}.topline span:last-child{letter-spacing:0;font-size:10px}header{padding:9px 5%;gap:12px;flex-wrap:wrap}.logo{width:130px}.header-cta{font-size:12px;min-height:43px;padding:10px 16px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #eee;padding-top:11px;padding-bottom:4px;font-size:13px}.hero{display:flex;flex-direction:column;padding:29px 5% 0;gap:27px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:clamp(53px,13vw,78px);line-height:1.1}.hero-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.actions{margin-top:23px;gap:22px}.button{padding:13px 18px;gap:18px;font-size:13px}.text-link{font-size:13px}.hero-photo{height:310px;margin:0 -5.56%;}.hero-photo>img{object-position:50% 59%}.hero-photo figcaption{padding:13px 18px}.brand-strip{padding:19px 5%;gap:3px;flex-direction:column;font-size:24px;text-align:center}.section{padding:48px 5%}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:20px;font-size:15px}h2{font-size:41px}.eyebrow{font-size:10px;margin-bottom:16px}.product-layout{display:flex;flex-direction:column;gap:28px}.reference{width:100%;padding:10px}.reference img{max-height:400px}.category{padding:18px 0}.category-name{font-size:16px}.about{padding:47px 5%;display:block}.about-copy{margin-top:28px;font-size:15px}.promo-inner{display:block}.promo h2{font-size:31px}.promo-inner>div{margin-top:24px}.promo p{font-size:15px}.branch-list{grid-template-columns:1fr;gap:24px}.address{min-height:0}.branch{padding:24px}.branch-actions{gap:20px}footer{padding:26px 5%;grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:20px}.footer-brand img{width:140px}footer>div>a{font-size:15px}.footer-label{font-size:10px}.footer-bottom{font-size:10px;flex-wrap:wrap}.footer-bottom a{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.rating{font-size:13px;font-weight:600;margin-bottom:22px;color:#555}
/* Empresa familiar: fotografía con profundidad, trazos de medición y pestañas. */
header a[aria-current=page]:not(.button){color:var(--red)}
.motion-hero{position:relative;isolation:isolate;min-height:690px;overflow:hidden;background:#202020;color:white;--mx:0px;--my:0px;perspective:1000px}.photo-depth{position:absolute;inset:-4%;z-index:-3;transform:translate3d(var(--mx),var(--my),0);transition:transform .7s ease-out}.photo-depth img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;animation:photo-float 22s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.5) 49%,rgba(0,0,0,.13))}.motion-copy{padding:80px 7% 115px;max-width:1000px}.motion-copy h1{font-size:clamp(62px,7.6vw,108px);line-height:1.07}.motion-copy em{color:#fff}.motion-copy h1:after{content:'';display:block;width:110px;height:8px;background:var(--red);margin-top:25px}.motion-copy>p:not(.eyebrow){max-width:495px;margin-top:25px;color:#f0f0f0;font-size:16px}.motion-copy .eyebrow{font-size:12px}.hero-secondary{font-size:14px;font-weight:700;border-bottom:1px solid #fff;padding-bottom:5px}.hero-bottom{position:absolute;bottom:22px;left:7%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-bottom span{font-size:10px;letter-spacing:.07em}.hero-bottom button{font:600 12px Montserrat,Arial,sans-serif;border:1px solid #aaa;color:white;background:rgba(0,0,0,.35);padding:10px 15px;min-height:42px;cursor:pointer}.hero-bottom button:focus-visible{outline:3px solid white;outline-offset:4px}.technical-frame{position:absolute;inset:25px;z-index:-1;pointer-events:none}.corner{position:absolute;width:48px;height:48px;border-color:rgba(255,255,255,.7);border-style:solid}.top-left{top:0;left:0;border-width:1px 0 0 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.measure{position:absolute;right:20px;top:13%;height:65%;width:12px;border-right:1px solid #ffffff70;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff80 19px 20px)}.frame-label{position:absolute;right:42px;top:13%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;color:#fff}.motion-paused .photo-depth img{animation-play-state:paused}@keyframes photo-float{0%{transform:scale(1.02) translate3d(-.5%,0,0)}100%{transform:scale(1.1) translate3d(1%,1%,0)}}
.home-story,.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.home-story>div>p:not(.eyebrow),.about-intro>div>p{color:var(--muted);margin-bottom:24px}.home-branches{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:white}.home-branches a{padding:48px 11%;border-right:1px solid #ffffff60}.home-branches a:hover{background:#c90000}.home-branches span{font-size:12px;letter-spacing:.12em;font-weight:700}.home-branches h2{font-size:45px;margin:14px 0}.home-branches p{font-size:14px}.page-heading{padding:65px 5.5% 55px;background:#f3f3f3;border-bottom:5px solid var(--red);position:relative}.page-heading:after{content:'';position:absolute;right:5.5%;top:30px;width:140px;height:12px;background:repeating-linear-gradient(90deg,#ccc 0 1px,transparent 1px 10px)}.page-heading h1{font-size:clamp(40px,4.5vw,67px);line-height:1.2}.page-heading>p:not(.eyebrow){max-width:660px;margin-top:24px;color:var(--muted)}.about-intro h2{font-size:46px}.purpose{background:var(--black);color:white}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.purpose-number{font-size:12px;letter-spacing:.15em;color:#ddd;display:block;border-top:3px solid var(--red);padding-top:20px;margin-bottom:24px}.purpose h2{font-size:38px;margin-bottom:22px}.purpose article p{color:#ddd;font-size:16px}.values-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.values-list p{border-top:1px solid #bbb;padding-top:20px;font-size:14px;color:var(--muted)}.values-list strong{display:block;color:var(--black);font-size:18px;margin-bottom:9px}.hours{margin:25px 0}.hours>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ddd;padding:11px 0;font-size:13px}.hours dt{font-weight:600}.hours dd{margin:0;text-align:right}.branch-note{font-size:14px;font-weight:600;margin-bottom:26px}.branch h2{font-size:42px}.map-note{font-size:12px;color:var(--muted);margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-grid article{padding:38px;background:#f3f3f3;border-top:4px solid var(--red)}.contact-grid h2{font-size:43px}.contact-number{display:block;font-weight:700;font-size:clamp(27px,3vw,42px);margin:24px 0}.brand-close{font-family:Anton,Impact,sans-serif;font-size:27px;border-top:1px solid #ddd;margin-top:42px;padding-top:28px}.branches .address{min-height:55px}
@media(max-width:650px){.motion-hero{min-height:665px}.motion-copy{padding:63px 7% 125px}.motion-copy h1{font-size:clamp(49px,12.6vw,70px)}.motion-copy .eyebrow{font-size:10px;max-width:240px}.motion-copy>p:not(.eyebrow){font-size:15px}.hero-shade{background:rgba(0,0,0,.64)}.photo-depth img{object-position:60% center}.technical-frame{inset:14px}.measure,.frame-label{display:none}.hero-bottom{align-items:flex-start;flex-direction:column;bottom:20px;gap:10px}.hero-bottom span{font-size:9px}.hero-secondary{font-size:13px}.home-story,.about-intro,.purpose-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.home-branches{grid-template-columns:1fr}.home-branches a{padding:30px 5%;border-bottom:1px solid #ffffff60}.home-branches h2{font-size:38px}.page-heading{padding:50px 5% 35px}.page-heading:after{width:80px;top:17px}.page-heading h1{font-size:37px}.about-intro h2{font-size:38px}.values-list{grid-template-columns:1fr 1fr;gap:24px}.contact-grid article{padding:25px}.contact-grid h2{font-size:37px}.hours>div{font-size:12px;gap:12px}.purpose article+article{margin-top:16px}.brand-close{font-size:23px}.branches .address{min-height:0}}
@media(prefers-reduced-motion:reduce){.photo-depth img{animation:none}.photo-depth{transition:none}}
/* Logotipos originales, fila continua sobre fondo blanco. */
.brands-marquee{padding:45px 0 28px;background:#fff;border-bottom:1px solid #e5e5e5;overflow:hidden}.brands-heading{margin:0 5.5% 15px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brands-heading .eyebrow{margin-bottom:8px}.brands-heading h2{font-size:clamp(26px,3vw,40px)}.brands-toggle{font:600 12px Montserrat,Arial,sans-serif;background:#fff;border:1px solid #bbb;padding:12px 16px;cursor:pointer;min-height:44px;color:#333}.brands-toggle:focus-visible{outline:3px solid var(--red);outline-offset:3px}.brands-window{width:100%;overflow:hidden}.brands-track{display:flex;width:max-content;animation:brands-travel 38s linear infinite}.brand-group{display:flex;flex-shrink:0;align-items:center;list-style:none;padding:0;margin:0}.brand-item{width:210px;height:155px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px 16px}.brand-item img{display:block;width:175px;height:125px;object-fit:contain;flex-shrink:0}.brand-pretul img{transform:scale(1.15)}.brand-coflex img{transform:scale(1.3)}.brand-truper img{transform:scale(1.12)}.brands-window:hover .brands-track,.brands-marquee.is-paused .brands-track{animation-play-state:paused}.brands-marquee.is-paused .brands-window{overflow-x:auto}.brands-marquee.is-paused .brands-track{animation:none}.brands-marquee.is-paused .brand-group[aria-hidden=true]{display:none}@keyframes brands-travel{to{transform:translateX(-50%)}}@media(max-width:650px){.brands-marquee{padding:30px 0 18px}.brands-heading{margin:0 5% 12px;align-items:end;gap:12px}.brands-heading h2{font-size:26px;max-width:240px}.brands-toggle{font-size:11px;padding:10px;white-space:nowrap}.brand-item{width:170px;height:125px;padding:8px 12px}.brand-item img{width:145px;height:103px}.brands-track{animation-duration:32s}}@media(prefers-reduced-motion:reduce){.brands-track{animation:none;transform:none}.brands-window{overflow-x:auto}.brand-group[aria-hidden=true]{display:none}}
@media(max-width:650px){header .logo{width:110px}.header-cta{font-size:11px;gap:10px;padding:10px 12px}}
.footer-social{grid-column:1/-1;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:23px}.footer-social .footer-label{margin:0;font-size:12px}.social-buttons{display:flex;gap:12px;flex-wrap:wrap}.social-buttons a{display:inline-flex;align-items:center;gap:24px;min-height:46px;padding:10px 20px;border:1px solid #bbb;font-size:14px;font-weight:700;background:white}.social-buttons a:hover{background:var(--red);border-color:var(--red);color:white}@media(max-width:650px){.footer-social{gap:18px;flex-wrap:wrap}.social-buttons a{font-size:13px;padding:10px 16px}}
.social-buttons a{gap:12px}.social-buttons .social-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.social-buttons a:hover .social-icon{filter:brightness(0) invert(1)}.brand-holcim img{transform:scale(1.12)}.brands-track{animation-duration:48s}@media(max-width:650px){.brands-track{animation-duration:40s}}
/* Fotografías reales de Ocampo en Nosotros. */
.about-store-photo{margin-top:30px}.about-store-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.about-store-photo figcaption{font-size:12px;color:var(--muted);margin-top:10px}.purpose-photo{margin:0 0 30px;width:100%;aspect-ratio:4/3;overflow:hidden}.purpose-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.purpose-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purpose-photo-pair>img{object-fit:cover;object-position:center;height:100%;min-width:0}.about-intro{align-items:center}@media(max-width:650px){.about-store-photo{margin-top:24px}.purpose-photo{margin-bottom:24px}.purpose-photo-pair{gap:10px}.about-intro{gap:28px}}
/* Nosotros: fotografías como fondos, tipografía y secciones abiertas. */
.about-modern .about-cover{position:relative;isolation:isolate;min-height:400px;display:flex;flex-direction:column;justify-content:center;background:#151515;color:white;border-bottom:0;padding-top:90px;padding-bottom:90px;overflow:hidden}.about-modern .about-cover:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/photos/fachada-panoramica.png') center 55%/cover no-repeat;opacity:.42}.about-modern .about-cover:after{content:'';position:absolute;inset:0;z-index:-1;width:auto;height:auto;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.22));top:0;right:0}.about-modern .about-cover h1{font-size:clamp(42px,5.2vw,74px);line-height:1.16;max-width:1100px}.about-modern .about-cover em{color:#fff}.about-modern .about-cover .eyebrow{color:#fff;margin-bottom:24px}.about-modern .about-cover h1:after{content:'';display:block;background:var(--red);width:86px;height:6px;margin-top:30px}.about-modern .about-story{position:relative;isolation:isolate;align-items:start;gap:10%;padding-top:85px;padding-bottom:85px;overflow:hidden;background:#fff}.about-modern .about-story:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/photos/fachada-panoramica.png') center/cover no-repeat;opacity:.055}.about-modern .about-story>div:first-child{padding-top:7px}.about-modern .about-story h2{font-size:clamp(35px,3.7vw,52px);line-height:1.2}.about-modern .about-story>div>p{color:#383838}.about-modern .about-purpose{position:relative;isolation:isolate;background:#f2f2f2;color:#151515;overflow:hidden;padding-top:75px;padding-bottom:80px}.about-modern .about-purpose:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/photos/interior-truper.png') 80% 40%/cover no-repeat;opacity:.065}.about-modern .about-purpose>.eyebrow{color:#555}.about-modern .purpose-grid{gap:8%;align-items:start}.about-modern .purpose-grid article{padding:10px 0}.about-modern .purpose-grid article+article{border-left:1px solid #bcbcbc;padding-left:14%}.about-modern .purpose-number{border-top:0;color:var(--red);padding-top:0;font-weight:700;letter-spacing:.12em;margin-bottom:24px}.about-modern .purpose h2{font-size:clamp(32px,3.2vw,45px);margin-bottom:24px}.about-modern .purpose article p{color:#383838;line-height:1.9}.about-modern .about-values{padding-top:75px;padding-bottom:65px}.about-modern .values-list{margin-top:40px;gap:35px}.about-modern .values-list p{border-top:2px solid var(--red);padding-top:22px}.about-modern .brand-close{font-size:clamp(23px,2.5vw,34px);text-align:center;padding-top:40px;margin-top:55px}@media(max-width:650px){.about-modern .about-cover{min-height:340px;padding:60px 5%}.about-modern .about-cover h1{font-size:38px}.about-modern .about-cover:before{background-position:62% center;opacity:.4}.about-modern .about-story{padding-top:45px;padding-bottom:42px;gap:24px}.about-modern .about-story:before{opacity:.035}.about-modern .about-purpose{padding-top:42px;padding-bottom:45px}.about-modern .purpose-grid{gap:30px}.about-modern .purpose-grid article+article{border-left:0;border-top:1px solid #bbb;padding-left:0;padding-top:30px;margin-top:0}.about-modern .purpose h2{font-size:33px}.about-modern .purpose article p{line-height:1.8}.about-modern .about-purpose:before{background-position:center;opacity:.045}.about-modern .about-values{padding-top:45px;padding-bottom:45px}.about-modern .values-list{gap:24px}.about-modern .brand-close{margin-top:35px;padding-top:28px}}

/* Real store photography, integrated with existing headings. */
.brands-marquee{padding-top:0}
.brands-heading{margin:0 0 20px;padding:64px 5.5%;min-height:300px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.89),rgba(0,0,0,.64) 52%,rgba(0,0,0,.22)),url('/assets/photos/interior-calentadores.jpeg') right 43%/cover no-repeat}
.brands-heading .eyebrow,.brands-heading h2 em{color:#fff}
.brands-heading h2{max-width:600px;font-size:clamp(34px,4.3vw,60px)}
.brands-heading .brands-toggle{align-self:flex-end;flex-shrink:0}
.home-story{align-items:center;gap:6%;padding-top:55px;padding-bottom:55px}
.home-story>div:first-child{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;padding:36px 28px;color:white;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.12)),url('/assets/photos/fachada-esquina.jpeg') center 52%/cover no-repeat}
.home-story>div:first-child .eyebrow,.home-story h2 em{color:#fff}
.home-story h2{font-size:clamp(34px,3.8vw,52px)}
.store-promotion{margin:0;background:#eee;border-block:3px solid var(--red)}
.store-promotion img{display:block;width:100%;height:auto;max-width:1774px;margin:auto}
.about-modern .about-cover:before{opacity:1}
.about-modern .about-cover:after{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28))}
.about-modern .about-purpose{background:#161616;color:white}
.about-modern .about-purpose:before{background:linear-gradient(90deg,rgba(0,0,0,.87),rgba(0,0,0,.72)),url('/assets/photos/interior-calentadores.jpeg') center 45%/cover no-repeat;opacity:1}
.about-modern .about-purpose>.eyebrow,.about-modern .about-purpose .purpose-number,.about-modern .purpose article p{color:#fff}
.about-modern .purpose-grid article+article{border-color:#ffffff60}
@media(max-width:650px){
 .brands-heading{padding:38px 5%;min-height:310px;align-items:flex-start;flex-direction:column;gap:24px;background-position:center,60% 38%}
 .brands-heading h2{font-size:36px;max-width:100%}
 .brands-heading .brands-toggle{align-self:flex-start;font-size:14px}
 .home-story{padding-top:32px;padding-bottom:32px;gap:26px}
 .home-story>div:first-child{min-height:360px;padding:28px 20px}
 .about-modern .about-cover:before,.about-modern .about-purpose:before{opacity:1}
}