:root{--red:#ed2028;--ink:#172029;--muted:#61707e;--paper:#f3f5f7;--line:#dce1e6;--radius:8px;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Roboto,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3077cf;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,4.9vw,5.3rem);margin-bottom:24px}h2{font-size:clamp(2rem,3.3vw,3.4rem);margin-bottom:22px}h3{font-size:1.35rem;letter-spacing:-.025em}p{color:var(--muted)}.container{width:min(92%,var(--max));margin:auto}.section{padding:80px 0}.eyebrow{font-size:.76rem;letter-spacing:.2em;font-weight:800;text-transform:uppercase;color:var(--red);display:block;margin-bottom:20px}.red{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--red);border-radius:4px;padding:13px 22px;background:var(--red);color:white;font-weight:700;line-height:1.35;min-height:48px;transition:.18s}.btn:hover{background:#c91722;border-color:#c91722;transform:translateY(-1px)}.btn.outline{color:var(--red);background:white}.btn.outline:hover{background:#fff0f0}.btn.white{background:white;color:var(--red);border-color:white}.btn.small{padding:9px 15px;min-height:40px;font-size:.9rem}.btn.dark{background:var(--ink);border-color:var(--ink)}.text-link{color:var(--red);font-weight:700;border-bottom:1px solid #efabb0;padding-bottom:4px}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar{background:var(--ink);color:white;font-size:.67rem;letter-spacing:.15em;padding:8px 0}.topbar .container{display:flex;justify-content:space-between}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;flex-shrink:0}.brand img{width:178px;height:74px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a:not(.btn){font-size:.94rem;padding:16px 0;border-bottom:2px solid transparent}.navlinks a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}.menu-toggle{display:none;border:1px solid var(--line);background:white;padding:9px 13px;border-radius:4px}.breadcrumb{font-size:.8rem;color:var(--muted);padding:22px 0}.breadcrumb span{color:var(--red)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:var(--paper)}.hero-copy{padding:clamp(35px,5vw,80px) max(4vw,calc((100vw - var(--max))/2));padding-right:45px;display:flex;flex-direction:column;justify-content:center}.hero-copy p{max-width:500px;font-size:1.13rem}.hero-media{position:relative;min-height:420px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute}.caption{position:absolute;bottom:24px;right:24px;background:var(--red);padding:12px 18px;color:white;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 0;gap:20px}.stats.four{grid-template-columns:repeat(4,1fr)}.stat{padding:0 24px;border-left:1px solid var(--line)}.stat:first-child{border-left:none}.stat strong{font-size:2rem;color:var(--red);line-height:1.15;display:block}.stat span{font-size:.9rem}.note{font-size:.75rem;color:var(--muted);margin:12px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head h2{margin-bottom:0}.grid{display:grid;gap:22px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.category{background:var(--paper);display:block;transition:transform .2s}.category:hover{transform:translateY(-4px)}.category .photo{height:290px;display:flex;justify-content:center;align-items:center;background:#f0f2f5;padding:24px;overflow:hidden}.category .photo img{width:100%;height:100%;object-fit:contain}.category .copy{padding:24px}.category .copy h3{margin-bottom:10px}.category .copy p{font-size:.92rem;margin-bottom:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.split>img{width:100%;height:100%;min-height:390px;object-fit:cover}.split .copy{padding:clamp(32px,5vw,75px);display:flex;flex-direction:column;justify-content:center;background:var(--paper)}.split .copy.dark{background:var(--ink);color:white}.split .copy.dark p{color:#cbd1d8}.features{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:15px}.features strong{display:block;font-size:1.04rem}.features span{color:var(--muted);font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps>div{border-left:1px solid var(--line);padding-left:24px}.steps b,.value b{font-size:2.4rem;line-height:1.2;color:var(--red)}.steps h3{margin:12px 0}.cta{background:var(--red);padding:48px 0;color:white}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(1.8rem,3vw,3rem);max-width:800px;margin-bottom:0}.cta p{color:#fff;margin:12px 0 0}.clients{padding:64px 0}.clients h2{max-width:900px}.carousel-shell{display:flex;align-items:center;gap:15px;margin:30px 0 18px}.carousel{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;flex:1}.carousel::-webkit-scrollbar{display:none}.client{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;font-size:1.05rem;font-weight:800;line-height:1.2}.client img{max-width:100%;height:70px;object-fit:contain}.client span{font-size:.75rem;margin-top:5px}.round{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:white;font-size:1.5rem;color:var(--ink)}.dots{display:flex;justify-content:center;gap:10px}.dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#d6dbe0}.dots button.active{background:var(--red)}footer{background:var(--ink);color:white;padding:50px 0 22px}footer .footer-grid{display:grid;grid-template-columns:1.25fr .85fr 1fr 1fr;gap:40px}footer .brand img{background:white;border-radius:4px;width:160px}footer p,footer a{color:#c4cbd3;font-size:.9rem}footer h3{font-size:1rem;margin:12px 0 18px}footer a{display:block;margin-bottom:8px}footer .copyright{font-size:.75rem;padding-top:20px;border-top:1px solid #43505b;margin:28px 0 0}.banner{position:relative;background:var(--ink);min-height:520px;display:flex;align-items:center;color:white}.banner>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.53}.banner .container{position:relative}.banner h1{max-width:750px}.banner p{max-width:530px;color:white;font-size:1.1rem}.banner .eyebrow{color:#fff}.process img{width:100%;height:270px;object-fit:cover}.process .copy{padding:26px;background:var(--paper)}.process .copy b{font-size:2rem;color:var(--red)}.process h3{margin:8px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.value{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:20px}.value h3{margin:6px 0 10px}.value p{font-size:.94rem}.soft{background:var(--paper)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chip{background:white;border:1px solid var(--line);padding:9px 15px;border-radius:4px;color:var(--ink);font-size:.9rem}.chip.active,.chip[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.chip.redchip.active{background:var(--red);border-color:var(--red)}.catalog .photo{height:320px}.catalog .category{background:white;border:1px solid var(--line)}.catalog .photo.duo{gap:20px}.catalog .photo.duo img{width:45%}.line-products .photo{height:230px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:24px}.contact-list a{color:var(--red)}label{display:block;font-size:.88rem;font-weight:700}input,select,textarea{display:block;width:100%;border:1px solid #bfc8d0;border-radius:4px;background:#fff;padding:11px 12px;margin-top:7px;color:var(--ink);min-width:0}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:auto;display:inline;margin:0 8px 0 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formgrid .wide{grid-column:1/-1}.help{font-size:.83rem;color:var(--muted)}.intro{padding:35px 0;background:var(--paper)}.intro h1{font-size:clamp(2rem,3.5vw,3.5rem);margin-bottom:12px}.intro p{margin-bottom:0}.builder{display:grid;grid-template-columns:1.05fr 1.1fr 1fr;gap:22px;padding:30px 0;align-items:start}.panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0}.panel h2{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:20px}.panel h3{font-size:1rem}.panel .filterbar{gap:6px;margin:12px 0}.panel .chip{font-size:.78rem;padding:7px 10px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-btn{padding:0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;color:var(--ink)}.product-btn.selected{border:2px solid var(--red)}.product-btn img{height:145px;width:100%;object-fit:contain;background:var(--paper);padding:14px}.product-btn .product-name{display:block;padding:10px;font-size:.82rem;font-weight:bold}.tag{display:inline-block;font-size:.69rem;padding:2px 6px;border-radius:4px;background:var(--paper);color:var(--muted);margin:0 10px 10px}.avatar{width:100%;aspect-ratio: .63;background-color:#f1f2f3;background-image:url('../img/outfits.webp');background-size:500% 200%;background-repeat:no-repeat;border-radius:6px}.model-controls{display:flex;justify-content:center;gap:6px;margin-bottom:16px;flex-wrap:wrap}.model-controls .chip{font-size:.85rem}.summary-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.summary-row img{width:52px;height:64px;object-fit:contain;background:var(--paper)}.summary-row strong{font-size:.92rem}.summary-row small{display:block;color:var(--muted);font-size:.78rem}.summary-row .remove{margin-left:auto;border:0;background:transparent;font-size:1.25rem;color:var(--muted)}.summary-actions{display:grid;gap:12px;margin-top:24px}.summary-actions .btn{font-size:.9rem;padding:12px}.saved{padding:13px;background:var(--paper);border-radius:5px;margin:14px 0}.saved .saved-title{display:flex;align-items:center;justify-content:space-between}.saved p{font-size:.8rem;margin:8px 0 0}.status{color:#176a43;font-size:.85rem;min-height:24px;margin:8px 0}.wizard{max-width:1020px;margin:35px auto;padding:0 4%}.wizard-nav{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.wizard-nav span{color:var(--muted);font-size:.85rem}.wizard-nav span.active{color:var(--red);font-weight:bold}.wizard h2{font-size:2rem}.wizard-card{padding:24px;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.wizard-card h3{margin-bottom:10px}.size-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.size-grid label{font-size:.8rem}.check-label{display:flex;align-items:center;margin-top:15px}.wizard-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.review{white-space:pre-wrap;background:var(--paper);padding:24px;font-family:inherit;font-size:.9rem;overflow-wrap:anywhere}.empty{padding:36px;text-align:center;background:var(--paper)}[hidden]{display:none!important}.mobile-help{display:none}.swatches{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.swatch{border:3px solid white;outline:1px solid #c4ccd3;width:30px;height:30px;border-radius:50%;background:var(--swatch)}.swatch.active{outline:2px solid var(--red)}.skip{position:absolute;left:10px;top:-90px;z-index:99;background:#fff;padding:15px}.skip:focus{top:10px}.footer-link{display:block}.legend{font-size:.8rem}.outfit-help{padding:14px 0 30px;text-align:center}.product-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-title small{color:var(--muted)}
@media(min-width:1700px){:root{--max:1700px}.hero-copy{padding-left:5vw}.hero{min-height:650px}.hero-copy h1{max-width:700px}.category .photo{height:350px}}
@media(max-width:1050px){.navlinks{gap:16px}.navlinks a:not(.btn){font-size:.85rem}.brand img{width:145px}.hero-copy{padding:45px 6vw}.hero{min-height:480px}.hero-media{min-height:380px}.grid.four{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr 1fr}.builder>.summary-panel{grid-column:1/-1}.summary-panel #summaryRows{display:flex;gap:25px}.summary-panel .summary-actions{grid-template-columns:1fr 1fr}.client{flex-basis:calc((100% - 32px)/3)}.stats.four{grid-template-columns:repeat(2,1fr)}.stats.four .stat:nth-child(3){border-left:0}.footer-grid{gap:20px!important}.steps{gap:15px}.steps>div{padding-left:15px}}
@media(max-width:760px){.topbar .container span:last-child{display:none}.nav{min-height:72px;gap:10px}.brand img{width:132px;height:60px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;width:100%;background:white;padding:18px 5%;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #0001;align-items:stretch}.navlinks.open{display:flex;flex-direction:column;gap:2px}.navlinks a:not(.btn){font-size:1rem;padding:12px 0}.nav .mobile-order{display:inline-flex!important;font-size:.8rem;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 5%}.hero h1{font-size:2.8rem}.hero-media{min-height:320px}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column;gap:15px}.split{grid-template-columns:1fr}.split>img{min-height:280px;max-height:360px}.split .copy{padding:36px 5%}.grid.two,.grid.three{grid-template-columns:1fr}.category .photo{height:220px}.category .copy{padding:18px}.category .copy h3{font-size:1.15rem}.stats{gap:12px}.stat{padding:0 12px}.stat strong{font-size:1.4rem}.stat span{font-size:.76rem}.steps{grid-template-columns:1fr 1fr;gap:24px}.cta .container{flex-direction:column;align-items:start}.clients{padding:45px 0}.client{flex-basis:calc((100% - 16px)/2);font-size:.95rem}.client img{height:50px}.carousel-shell{gap:6px}.round{width:32px;height:32px;font-size:1.1rem}footer .footer-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr;gap:22px}.value{gap:12px}.value b{font-size:1.8rem}.value h3{font-size:1rem}.banner{min-height:470px}.banner h1{font-size:2.7rem}.banner>img{opacity:.38}.catalog .photo{height:250px}.contact-grid{grid-template-columns:1fr;gap:36px}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.builder{grid-template-columns:1fr;gap:16px}.builder>.model-panel{grid-row:1}.builder>.summary-panel{grid-column:auto}.avatar{max-width:300px;margin:auto}.panel{padding:18px}.summary-panel #summaryRows{display:block}.summary-panel .summary-actions{grid-template-columns:1fr}.product-btn img{height:155px}.intro{padding:24px 0}.intro p{font-size:.94rem}.wizard-nav{gap:8px;flex-wrap:wrap}.wizard-nav span{font-size:.75rem}.size-grid{grid-template-columns:repeat(3,1fr)}.wizard-card{padding:18px}.wizard-actions{flex-wrap:wrap}.wizard-actions .btn{flex-grow:1}.features{gap:16px}.outfit-help{font-size:.83rem}.breadcrumb{padding:14px 0}.mobile-help{display:block;font-size:.8rem;text-align:center}.header .navlinks .btn{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Atlas: cada celda contiene un modelo completo con la misma escala. */
.avatar{aspect-ratio:140.2/280.5}.product-atlas,.mini-atlas{display:block;background-image:url('../img/outfits.webp');background-repeat:no-repeat;background-size:500% 200%;background-color:#f1f2f3}.product-atlas{width:100%;aspect-ratio:140.2/280.5;max-height:230px}.mini-atlas{width:44px;height:88px;flex-shrink:0}.summary-row{min-height:105px}.product-btn .product-atlas{max-height:none}.product-btn{align-self:start}
@media(min-width:1060px){.builder .product-atlas{height:210px;aspect-ratio:auto;background-size:500% 200%}.builder .avatar{max-height:650px;max-width:325px;margin:auto}.builder .product-grid{grid-template-columns:1fr 1fr}}
.product-btn .product-atlas{width:100%;max-width:120px;height:240px;margin:0 auto;aspect-ratio:.5}.product-btn{background:var(--paper)}.product-name{background:#fff}.product-btn .tag{background:#fff}.mini-atlas{height:88px;width:44px}
.product-btn .product-atlas{width:105px;height:210px;max-width:100%;margin:auto;aspect-ratio:1/2;background-size:500% 200%}.product-btn{background:var(--paper)}.product-btn .product-name{background:white}.product-btn .tag{background:white}.summary-row .mini-atlas{width:44px;height:88px}

/* Dirección industrial compartida con el folleto. */
:root{--ink:#12171c;--paper:#f2f3f4;--max:1320px}
.eyebrow{font-size:.875rem;letter-spacing:.14em}.topbar{font-size:.75rem}.navlinks{gap:21px}.brand img{width:180px;height:65px}.nav{min-height:86px}
body[data-page="index"] .hero{background:var(--black);color:white;min-height:650px;grid-template-columns:1.08fr 1fr}
body[data-page="index"] .hero-copy{padding-top:64px;padding-bottom:64px;position:relative;z-index:1}
body[data-page="index"] .hero-copy h1{font-size:clamp(3rem,5.1vw,5.6rem);letter-spacing:-.055em;line-height:1.02;max-width:720px}
body[data-page="index"] .hero-copy p{color:#c8ced3;max-width:450px}
body[data-page="index"] .hero-media img{object-position:50% 30%}
body[data-page="index"] .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0%,transparent 30%)}
body[data-page="index"] .caption{z-index:1;font-size:.75rem;letter-spacing:.12em;border-radius:0;right:0;bottom:30px}
body[data-page="index"] .hero .text-link{color:white;border-bottom-color:#77818b}
.stats{padding:40px 0}.category{border-bottom:3px solid transparent}.category:hover{border-bottom-color:var(--red)}
.clients{background:#f5f5f5}.client{background:white;border:1px solid #e1e3e5;border-radius:2px;min-height:110px}
.client-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.client-directory .client{min-height:130px}
footer .brand img{background:white;padding:10px;border-radius:0;width:180px}.panel .chip,.tag,.product-btn .product-name,.summary-row small,.help{font-size:.875rem}
.contact-list a{overflow-wrap:anywhere}.dots button{width:14px;height:14px}.client-banner{min-height:400px}
@media(max-width:1100px){.navlinks{gap:13px}.navlinks .btn{padding:12px 14px}.brand img{width:150px}}
@media(max-width:760px){body[data-page="index"] .hero{grid-template-columns:1fr;min-height:0}body[data-page="index"] .hero-copy{padding:40px 5%}body[data-page="index"] .hero-copy h1{font-size:clamp(2.8rem,10vw,4rem)}body[data-page="index"] .hero-media{min-height:390px}body[data-page="index"] .hero-media:after{background:linear-gradient(180deg,#11171d,transparent 28%)}.nav{min-height:72px}.brand img{width:128px;height:60px}.client-directory{grid-template-columns:repeat(2,1fr)}.topbar{letter-spacing:.08em}.grid.four{gap:14px}.category .copy{padding:15px}}
@media(max-width:380px){.grid.four{grid-template-columns:1fr}.nav .mobile-order{font-size:.75rem;padding:8px}.brand img{width:105px}.hero .actions{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr!important}}

footer .brand img{background:transparent;padding:0;filter:brightness(0) invert(1)}
.footer-clients{background:transparent;padding:0 0 38px;margin-bottom:40px;border-bottom:1px solid #3b4249}
.footer-clients-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-clients-heading h2{font-size:1.5rem;letter-spacing:-.025em;margin:0;color:#fff}
.footer-clients-heading a{margin:0;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.footer-clients .client{color:var(--ink);background:white;border:0}
.client img{width:100%;height:78px;object-fit:contain}.client-logo-name{display:block;font-size:.75rem;color:var(--muted);margin-top:9px;font-weight:400}
.client-directory .client{min-height:165px;padding:22px}.client-directory .client img{height:90px}
@media(max-width:760px){.footer-clients-heading{align-items:flex-start;flex-direction:column;gap:8px}.footer-clients-heading h2{font-size:1.3rem}.client-directory .client{padding:14px}.client img{height:64px}}
.client img[src$="cantv.png"],.client img[src$="aldyl.svg"]{filter:brightness(0)}

.client img[src$="ferrominera.webp"]{filter:brightness(0)}
.client img[src$="pdvsa.webp"],.client img[src$="venalum.webp"],.client img[src$="bauxilum.webp"]{object-fit:cover}
/* Catálogo: búsqueda por prenda y sector sobre el mismo conjunto de categorías. */
.catalog-section{scroll-margin-top:110px;background:#f7f8f9}
.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}
.catalog-heading h1,.catalog-heading h2{font-size:clamp(2.1rem,3.6vw,3.6rem);max-width:760px;margin-bottom:14px}
.catalog-heading p{margin:0}.catalog-heading>a{flex-shrink:0}
.catalog-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,270px) auto;align-items:end;gap:18px;background:white;border:1px solid var(--line);padding:22px}
.catalog-toolbar label{font-size:.875rem}.catalog-toolbar input,.catalog-toolbar select{min-height:50px;background:#f8f9fa;border-color:#cbd0d5;font-size:1rem;margin-top:8px}
.catalog-clear{min-height:50px;border:0;background:transparent;color:var(--red);text-decoration:underline;text-underline-offset:4px;font-size:.875rem;padding:0 10px}
.catalog-groups{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.catalog-groups button{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:3px;font-size:.875rem;min-height:46px;font-weight:700}
.catalog-groups button span{font-size:.75rem;opacity:.65;font-weight:400}
.catalog-groups button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.catalog-status{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 16px;font-size:.875rem;color:var(--muted)}
.catalog-status p{margin:0;font-weight:700;color:var(--ink);scroll-margin-top:115px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e4e7;transition:border-color .18s,box-shadow .18s;min-width:0}
.catalog-card:hover{border-color:var(--red);box-shadow:0 8px 24px #11171d0b}
.catalog-photo{height:250px;background:#eef0f2;padding:24px;display:flex;align-items:center;justify-content:center}
.catalog-photo img{height:100%;width:100%;object-fit:contain}
.catalog-card-copy{padding:23px;flex:1;display:flex;flex-direction:column}
.catalog-family{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#69727a;font-weight:700;margin-bottom:12px}
.catalog-card h3{font-size:1.35rem;margin:0 0 12px;letter-spacing:-.025em}
.catalog-card p{font-size:.9375rem;line-height:1.6;margin:0 0 24px}
.catalog-card-link{margin-top:auto;display:flex;justify-content:space-between;font-size:.875rem;color:var(--red);font-weight:bold;border-top:1px solid #edf0f2;padding-top:15px}
.catalog-type-cover{height:250px;background:var(--ink);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-top:4px solid var(--red)}
.catalog-type-cover>span{font-size:.75rem;letter-spacing:.11em;color:#b9c2c9}.catalog-type-cover strong{font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.08;letter-spacing:-.035em;max-width:290px}
.catalog-type-cover>span:last-child{color:#f06a70;font-size:.75rem}
.catalog-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;flex-wrap:wrap}
.catalog-pagination button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 14px;min-height:44px;min-width:44px;font-size:.875rem;border-radius:3px}
.catalog-pagination button[aria-current=page]{background:var(--red);border-color:var(--red);color:white}
.catalog-empty{text-align:center;padding:55px 20px;border:1px dashed #cbd0d5;background:#fff}
.catalog-empty h3{font-size:1.5rem}.catalog-empty p{margin-bottom:24px}
.catalog-note{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:26px 0 0}
.catalog-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px;align-items:start}
.catalog-detail h1{font-size:clamp(2.2rem,4vw,4.2rem)}.catalog-detail h2{font-size:1.2rem;letter-spacing:-.02em;margin:26px 0 12px}
.catalog-detail .catalog-photo,.catalog-detail .catalog-type-cover{height:490px;padding:45px}.catalog-detail .catalog-type-cover strong{font-size:clamp(2rem,4vw,4rem);max-width:500px}
.catalog-options{padding-left:20px;color:var(--muted)}.catalog-sector-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}
.catalog-sector-tags a{padding:7px 12px;background:var(--paper);border:1px solid var(--line);font-size:.875rem;border-radius:3px}.catalog-sector-tags a:hover{border-color:var(--red)}
.catalog-builder-link{display:table;margin-top:20px}
.carousel{min-width:0}.carousel .client{min-width:0}
@media(max-width:1050px){.catalog-grid{gap:16px}.catalog-card-copy{padding:18px}.catalog-photo,.catalog-type-cover{height:225px}.catalog-detail{gap:30px}}
@media(max-width:760px){.catalog-heading{display:block}.catalog-heading>a{display:inline-block;margin-top:18px}.catalog-toolbar{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}.catalog-clear{justify-self:start;min-height:40px;padding:0}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-groups{gap:7px}.catalog-groups button{padding:10px 12px;font-size:.8125rem;gap:8px}.catalog-status>span{display:none}.catalog-photo,.catalog-type-cover{height:205px;padding:18px}.catalog-card h3{font-size:1.12rem;line-height:1.2}.catalog-card-copy{padding:15px}.catalog-card p{font-size:.875rem}.catalog-type-cover strong{font-size:1.6rem}.catalog-type-cover>span{font-size:.75rem;letter-spacing:.04em}.catalog-detail{grid-template-columns:1fr;gap:30px}.catalog-detail .catalog-photo,.catalog-detail .catalog-type-cover{height:330px}.catalog-pagination button{padding:10px}.catalog-family{font-size:.75rem;letter-spacing:.03em}}
@media(max-width:420px){.catalog-grid{grid-template-columns:1fr}.catalog-photo,.catalog-type-cover{height:255px}.catalog-card h3{font-size:1.35rem}.catalog-card p{font-size:1rem}}
/* Catálogo en una sola fila desplazable. */
.catalog-toolbar{grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) minmax(190px,1fr) auto;gap:16px}
.catalog-toolbar label{min-width:0}
.catalog-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 1px 12px;align-items:stretch}
.catalog-grid::-webkit-scrollbar{display:none}
.catalog-grid .catalog-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
.catalog-grid .catalog-photo,.catalog-grid .catalog-type-cover{height:225px;padding:20px}
.catalog-grid .catalog-card-copy{padding:20px}
.catalog-grid .catalog-card h3{font-size:1.25rem;line-height:1.2}
.catalog-grid .catalog-type-cover strong{font-size:1.8rem}
.catalog-pagination{gap:3px;margin-top:14px;align-items:center}
.catalog-pagination button{padding:0;width:36px;height:40px;min-width:36px;min-height:40px;border:0;background:transparent;display:grid;place-items:center}
.catalog-pagination button span{width:9px;height:9px;border-radius:50%;background:#c0c7cd;transition:background .18s,transform .18s}
.catalog-pagination button[aria-pressed=true] span{background:var(--red);transform:scale(1.25)}
.catalog-pagination button:hover span{background:#6d7781}
.catalog-pagination button[aria-pressed=true]:hover span{background:var(--red)}
@media(max-width:1050px){.catalog-toolbar{grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) minmax(155px,1fr) auto;gap:12px;padding:16px}.catalog-grid{gap:18px}.catalog-grid .catalog-card{flex-basis:calc((100% - 36px)/3)}.catalog-clear{padding:0;font-size:.8125rem}.catalog-grid .catalog-card-copy{padding:17px}}
@media(max-width:760px){.catalog-toolbar{grid-template-columns:1fr 1fr;gap:12px}.catalog-search{grid-column:1/-1}.catalog-clear{grid-column:1/-1;justify-self:start;min-height:32px}.catalog-grid{gap:16px}.catalog-grid .catalog-card{flex-basis:calc((100% - 16px)/2)}.catalog-grid .catalog-photo,.catalog-grid .catalog-type-cover{height:215px;padding:18px}}
@media(max-width:480px){.catalog-toolbar{padding:14px;column-gap:10px}.catalog-toolbar select{font-size:.875rem;padding:10px 8px}.catalog-grid .catalog-card{flex-basis:100%}.catalog-grid .catalog-photo,.catalog-grid .catalog-type-cover{height:270px}.catalog-pagination{gap:0;flex-wrap:wrap}.catalog-pagination button{min-width:30px;width:30px}}
/* Catálogo por sectores y selección de productos sin precios. */
.sample-notice{font-size:.875rem;padding:15px 18px;border-left:3px solid var(--red);background:#f3f5f6;color:#4f5962;margin:24px 0}
.sector-catalog{background:#fafbfc;scroll-margin-top:105px}
.sector-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,320px);gap:18px;background:white;border:1px solid var(--line);padding:18px}
.sector-controls input,.sector-controls select{min-height:48px}
.sector-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:16px 0;scroll-snap-type:x proximity}
.sector-chips button{white-space:nowrap;flex-shrink:0;min-height:44px;scroll-snap-align:start}
.sector-section{padding:32px 0 44px;border-bottom:1px solid var(--line);scroll-margin-top:115px}
.sector-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:22px}.sector-heading>span{color:var(--red);font-weight:800;font-size:.9rem}.sector-heading h2{font-size:clamp(1.6rem,2.7vw,2.5rem);margin:0}.sector-heading a{margin-left:auto;font-size:.875rem;white-space:nowrap}
.sector-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.sector-product{background:#fff;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.sample-visual{aspect-ratio:1;background:#f0f2f3;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sample-visual img{width:100%;height:100%;object-fit:contain;padding:20px}
.sample-visual.atlas{background-size:300% 300%;background-repeat:no-repeat}
.catalog-grid .sample-visual{height:225px;aspect-ratio:auto;background-size:300% 300%}
.sector-product-copy{padding:20px;display:flex;flex-direction:column;flex:1}.sector-product h3{font-size:1.25rem;line-height:1.2;margin:15px 0 12px}.sector-product p{font-size:.9375rem;line-height:1.55;margin-bottom:20px}
.sample-tag{font-size:.75rem;background:#f3f4f5;color:#56616b;border:1px solid #e0e4e7;padding:4px 8px;display:inline-block;align-self:flex-start}
.product-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:auto;padding-top:22px}.product-actions .btn{font-size:.875rem;padding:12px}.product-actions .text-link{align-self:flex-start;font-size:.875rem}
.cart-notice:empty{display:none}.cart-notice{position:sticky;bottom:16px;padding:15px 20px;background:var(--black);color:white;border-left:4px solid var(--red);z-index:15;box-shadow:0 5px 20px #0002}
.cart-product{display:grid;grid-template-columns:110px 1fr 125px auto;gap:22px;align-items:center;border:1px solid var(--line);padding:20px;margin-bottom:15px;background:white}
.cart-product h3{font-size:1.2rem;margin:8px 0}.cart-product p{margin:0 0 8px}.cart-product .text-link{display:table;font-size:.875rem;margin-top:12px}.cart-product .sample-visual{width:110px;height:110px}.cart-product .sample-visual img{padding:7px}.cart-product label{font-size:.875rem}
#catalogQuoteForm{max-width:920px;margin-top:25px}#productos{scroll-margin-top:105px}
.dresser-details{border-top:1px solid var(--line);padding:25px 0}.dresser-details>summary{width:min(92%,1320px);margin:auto;font-size:1.5rem;font-weight:bold;cursor:pointer;padding:12px 0}.dresser-details[open]>summary{margin-bottom:20px}
@media(max-width:1050px){.sector-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-grid .sample-visual{height:225px}}
@media(max-width:760px){.sector-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sector-controls{grid-template-columns:1fr}.sector-heading{flex-wrap:wrap;gap:10px}.sector-heading a{margin-left:0;flex-basis:100%;width:max-content;border:0}.sector-heading h2{font-size:1.7rem}.cart-product{grid-template-columns:85px 1fr;gap:16px;padding:15px}.cart-product .sample-visual{width:85px;height:85px}.cart-product>label{grid-column:2}.cart-product>button{grid-column:2;justify-self:start}.sector-product-copy{padding:16px}}
@media(max-width:480px){.sector-products{grid-template-columns:1fr}.sector-product{max-width:100%}.sample-visual{max-height:350px}.sector-product-copy{padding:20px}.catalog-grid .sample-visual{height:270px}}
@media(prefers-reduced-motion:reduce){.sector-chips{scroll-behavior:auto}}

/* Marcas de clientes: tamaño discreto y gris claro uniforme. */
.clients .client img,.client-directory .client img{width:130px;max-width:100%;height:48px;filter:brightness(0) invert(.64);opacity:.85}
.client-directory .client{min-height:135px;padding:20px}
@media(max-width:760px){.clients .client img,.client-directory .client img{width:110px;height:40px}.client-directory .client{min-height:115px;padding:15px}}

/* Franja discreta de confianza: texto junto a tres marcas. */
.clients.client-strip{padding:36px 0 44px;background:#f7f8f9}
.client-strip-row{display:flex;align-items:center;justify-content:center;gap:44px;max-width:1000px}
.client-strip-label{flex:0 1 245px;margin:0;color:#7d858b;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}
.client-strip-slider{position:relative;flex:1;min-width:0;max-width:530px;padding:9px 8px;border:1px solid #eceef0;border-radius:60px;background:#f9fafb;box-shadow:0 3px 14px #18212a04}
.client-strip .carousel-shell{margin:0;gap:8px}
.client-strip .carousel{gap:16px}
.client-strip .client{flex:0 0 calc((100% - 32px)/3);min-height:50px;padding:5px 8px;background:transparent;border:0;border-radius:0}
.client-strip .client img{width:100px;max-width:100%;height:32px;filter:brightness(0) invert(.58);opacity:.75}
.client-strip .client-logo-name{display:none}
.client-strip .round{width:26px;height:32px;flex:0 0 26px;border:0;background:transparent;color:#9da4aa;font-size:1.15rem;border-radius:20px}
.client-strip .round:hover{color:#59636c;background:#edf0f2}
.client-strip .dots{position:absolute;bottom:-20px;left:0;right:0;gap:2px}
.client-strip .dots button{width:20px;height:16px;border-radius:0;background:transparent;position:relative}
.client-strip .dots button:after{content:"";position:absolute;width:4px;height:4px;top:6px;left:8px;border-radius:50%;background:#d0d5d9}
.client-strip .dots button.active:after{background:#8b949c}
@media(max-width:760px){.clients.client-strip{padding:28px 0 40px}.client-strip-row{gap:20px;align-items:center}.client-strip-label{flex-basis:185px;font-size:.8125rem;letter-spacing:.045em}.client-strip .client{padding:5px 2px}.client-strip .client img{height:28px}.client-strip .carousel-shell{gap:3px}.client-strip-slider{padding:7px 4px}.client-strip .round{width:22px;flex-basis:22px}}
@media(max-width:540px){.client-strip-row{flex-direction:column;gap:14px}.client-strip-label{flex-basis:auto;text-align:center;max-width:280px}.client-strip-slider{width:100%;flex:auto;max-width:410px}.client-strip .client img{width:85px;height:28px}}

.stat .anniversary-stat{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.2;max-width:310px}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;justify-content:center;gap:9px;min-width:56px;min-height:56px;padding:14px 19px;background:#168744;color:#fff;border-radius:32px;font-size:.9375rem;font-weight:700;box-shadow:0 5px 20px #102d242b;transition:background .18s,transform .18s}
.whatsapp-float:hover{background:#106e36;transform:translateY(-2px)}
.whatsapp-float svg{flex-shrink:0}
.cart-notice{bottom:95px}
@media(max-width:760px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;min-width:54px;height:54px;min-height:54px;padding:14px}.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{padding-bottom:85px}.stat .anniversary-stat{font-size:1.2rem}}

/* ---- Conversion a NX01: lo que en el diseño iba en atributos style="" ---- */
.nav .mobile-order{display:none}
.actions.mt-28{margin-top:28px}
.copy.copy--blanco{background:white}
.stats.stats--dos{grid-template-columns:1fr 1fr}
label.mt-20{margin-top:20px}
.swatch--navy{--swatch:#202e45}
.swatch--beige{--swatch:#d8c8a9}

footer .copyright a{display:inline;font-size:inherit;margin:0}

/* Aviso flotante de los destinos simulados (main.js, avisar) */
.aviso{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,20px);max-width:min(92vw,520px);padding:14px 20px;border-radius:var(--radius);background:var(--ink);color:white;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.aviso[data-visible="true"]{opacity:1;transform:translate(-50%,0)}

/* Pagina legal */
.legal{max-width:760px}
.legal h2{font-size:1.4rem;margin-top:32px}

/* Fotos del catálogo: recortes del PDF con fondo claro; se funden con la tarjeta */
.sample-visual img,.catalog-photo img{mix-blend-mode:multiply}

/* ==== Rediseño 2026-10: negro, rojo y blanco; menos texto y más movimiento ==== */
:root{--black:#0d0f12;--black-2:#171a1f;--green:#2eaa4a;--ease:cubic-bezier(.2,.7,.2,1)}
.btn-grande{font-size:1.15rem;padding:18px 30px;min-height:62px;box-shadow:0 10px 30px #ed202840}
.btn-borde-blanco{background:transparent;border-color:#ffffff80;color:#fff}.btn-borde-blanco:hover{background:#fff;color:var(--black);border-color:#fff}
.btn.white:hover{background:#fff;color:#c91722}

/* Movimiento al hacer scroll (main.js marca html.js-motion y .is-visible) */
.js-motion [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js-motion [data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-motion [data-reveal]{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.001s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Topbar con RIF y aviso de la Expofaja */
.topbar{background:var(--black)}.topbar .container{align-items:center;gap:16px}

@keyframes subir{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes entrar{from{opacity:0;transform:translateX(60px) scale(1.04)}to{opacity:1;transform:none}}

.stats.stats--tres{grid-template-columns:repeat(3,1fr)}

/* Sectores: tira de fotos en movimiento */
.sectors{background:var(--black);color:#fff;padding:80px 0 70px;overflow:hidden}
.sectors-head h2{color:#fff;max-width:820px;font-size:clamp(2rem,4vw,3.6rem)}
.photo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.photo-marquee-track{display:flex;width:max-content}
.photo-marquee-track{gap:18px;padding:10px 9px}
.sector-shot{position:relative;margin:0;width:clamp(210px,20vw,280px);aspect-ratio:2/3;overflow:hidden;border-radius:6px;flex-shrink:0;background:#222}
.sector-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.sector-shot:hover img{transform:scale(1.06)}


/* Misión, visión y valores */
.mvv{background:#fff;padding:clamp(70px,8vw,110px) 0}
.mvv-head{text-align:center;margin-bottom:46px}.mvv-head h2{font-size:clamp(2.2rem,4.5vw,4rem)}
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mvv-card{background:var(--black);color:#fff;padding:38px 32px;border-top:6px solid var(--red);border-radius:4px;transition:transform .35s var(--ease),box-shadow .35s}
.mvv-card:hover{transform:translateY(-8px);box-shadow:0 24px 40px #0d0f1233}
.mvv-card svg{color:var(--red);margin-bottom:18px}
.mvv-card h3{font-size:2rem;color:#fff;margin-bottom:14px}
.mvv-card p{color:#cfd5da;font-size:1.06rem}
.mvv-values{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.mvv-values li{border:1px solid #ffffff40;border-radius:30px;padding:5px 12px;font-size:.88rem;font-weight:700}
.mvv-lema{text-align:center;margin:44px 0 0;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}

/* Línea de producción */
.production{background:var(--paper);padding:clamp(70px,8vw,110px) 0}
.production-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.production-head h2{font-size:clamp(2.2rem,4.5vw,4rem);margin:0}
.production-figure{margin:0;background:var(--black);color:#fff;font-weight:900;font-size:clamp(1.2rem,2vw,1.7rem);padding:16px 24px;border-left:6px solid var(--red)}
.timeline{position:relative}
.timeline-track{position:absolute;left:0;right:0;top:calc(var(--foto,140px) + 34px);height:4px;background:var(--line)}
.timeline-fill{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--red);transition:width .2s linear}
html:not(.js-motion) .timeline-fill{width:100%}
.stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}
.stage figure{margin:0 0 20px;height:140px;overflow:hidden;border-radius:4px;background:#ddd}
.stage figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.stage:hover figure img{transform:scale(1.08)}
.stage b{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:.8rem;box-shadow:0 0 0 6px var(--paper);margin-bottom:14px}
.stage h3{font-size:1.3rem;margin-bottom:6px}
.stage p{font-size:.95rem;margin:0}
.js-motion .stage[data-reveal]:nth-child(2){--d:.08s}.js-motion .stage[data-reveal]:nth-child(3){--d:.16s}.js-motion .stage[data-reveal]:nth-child(4){--d:.24s}.js-motion .stage[data-reveal]:nth-child(5){--d:.32s}.js-motion .stage[data-reveal]:nth-child(6){--d:.4s}
.production-link{display:inline-block;margin-top:36px}
body[data-page="fabrica"] .production-link{display:none}

.client-directory .client img,.clients .client img{filter:none!important;opacity:1;width:160px;height:70px}
.client-directory .client .client-logo-name{display:block;color:var(--ink);font-weight:700}


/* Banda de contacto negro, rojo y blanco */
.contact-band{position:relative;background:var(--black);color:#fff;padding:clamp(70px,8vw,110px) 0;overflow:hidden;border-top:8px solid var(--red)}
.contact-band:before{content:"";position:absolute;left:-6%;top:-40%;width:22%;height:180%;background:linear-gradient(var(--red),#a90f16);transform:rotate(-14deg);opacity:.85}
.contact-band .container{position:relative}
.contact-band-head h2{color:#fff;font-size:clamp(2.2rem,4.5vw,4rem);margin-bottom:40px}
.contact-band .eyebrow{color:#fff}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-card{display:flex;flex-direction:column;gap:6px;background:var(--black-2);border:1px solid #2b3037;border-radius:8px;padding:26px;color:#fff;transition:transform .3s var(--ease),border-color .3s,background .3s;min-width:0}
a.contact-card:hover{transform:translateY(-5px);border-color:var(--red);background:#1d2127}
.contact-card svg{color:var(--red)}
.contact-card small{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#aab2ba;font-weight:700;margin-top:8px}
.contact-card strong{font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2;overflow-wrap:anywhere}
.contact-card span{color:#cfd5da}
.contact-card em{font-style:normal;color:var(--red);font-weight:800;margin-top:6px}
.contact-card--rojo{background:var(--red);border-color:var(--red)}.contact-card--rojo svg,.contact-card--rojo small{color:#fff}
a.contact-card--rojo:hover{background:#c91722;border-color:#fff}
.contact-card--rif{background:#fff;color:var(--black);border-color:#fff}.contact-card--rif small{color:var(--muted)}
.contact-card--ancha{grid-column:span 2}

/* Páginas internas */
.contact-intro{padding:20px 0 50px}.contact-intro h1{font-size:clamp(2.6rem,6vw,5rem)}.contact-intro p{font-size:1.25rem}
.banner-equipo>img{opacity:.42}
.banner-sello{display:inline-block;margin-top:10px;background:var(--red);color:#fff;font-weight:900;font-size:1.4rem;padding:10px 20px;letter-spacing:.02em}
footer{background:var(--black)}
.footer-eslogan{color:#fff!important;font-weight:900;font-size:1.3rem!important}
.whatsapp-float{background:var(--red);box-shadow:0 10px 26px #ed202866;font-weight:800}.whatsapp-float:hover{background:#c91722}

@media(max-width:1050px){
 .stages{grid-template-columns:repeat(3,1fr);row-gap:34px}.timeline-track{display:none}
 .mvv-grid{grid-template-columns:1fr}
 .quote-grid{grid-template-columns:1fr}
 .contact-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .production-head{flex-direction:column;align-items:flex-start}
 .stages{grid-template-columns:1fr 1fr;gap:26px 14px}.stage figure{height:110px}
 .contact-cards{grid-template-columns:1fr}.contact-card--ancha{grid-column:auto}
 .contact-band:before{width:40%;opacity:.5}
 .stats.stats--tres{grid-template-columns:1fr 1fr 1fr}
}
/* Logos blancos: van sobre su color de marca para que se lean */
.client:has(img[src$="cantv.png"]){background:#0a6ebd!important;border-color:#0a6ebd!important}
.client:has(img[src$="aldyl.svg"]){background:#1d3263!important;border-color:#1d3263!important}
.client:has(img[src$="ferrominera.webp"]){background:var(--black)!important;border-color:var(--black)!important}
.client-directory .client:has(img[src$="cantv.png"]) .client-logo-name,.client-directory .client:has(img[src$="aldyl.svg"]) .client-logo-name,.client-directory .client:has(img[src$="ferrominera.webp"]) .client-logo-name{color:#fff}
.contact-band:before{width:12%;left:-9%}
footer .brand img{filter:none}
.client-directory .client img{object-fit:contain!important}
/* Misión, visión y valores: tarjetas en gris claro (en Nosotros) */
.mvv-card{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:6px solid var(--red)}
.mvv-card h3{color:var(--ink)}
.mvv-card p{color:var(--muted)}
.mvv-card:hover{box-shadow:0 24px 40px #17202914}
.mvv-values li{border-color:#c4ccd3;background:#fff;color:var(--ink)}
/* Rumbo a los 50 años: sello discreto sobre el hero */
.hx-seal{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;color:#d9be7a;animation:subir 1s var(--ease) both}
.hx-seal b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #d9be7a99;font-size:1.15rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#f3dc9b,#b98f35);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-seal span{display:flex;flex-direction:column;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.35}
.hx-seal small{font-size:.7rem;font-weight:400;letter-spacing:.24em;color:#ffffff80}
/* Franja de clientes (diseño de _base/) con la cifra de clientes */
.client-strip-row{max-width:1100px}
.client-strip-label{flex-basis:300px;text-transform:none;letter-spacing:0;font-size:1rem;line-height:1.35;color:var(--ink);font-weight:700}
.client-strip-label strong{display:block;font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;color:var(--red);font-weight:900;letter-spacing:-.04em;margin-bottom:6px;font-variant-numeric:tabular-nums}
.client-strip .client img{filter:none!important;opacity:1;width:110px;height:36px}
.client-strip .client:has(img[src$="cantv.png"]) img,.client-strip .client:has(img[src$="aldyl.svg"]) img,.client-strip .client:has(img[src$="ferrominera.webp"]) img{filter:brightness(0)!important}
.client-strip .client:has(img[src$="cantv.png"]),.client-strip .client:has(img[src$="aldyl.svg"]),.client-strip .client:has(img[src$="ferrominera.webp"]){background:transparent!important;border-color:transparent!important}
@media(max-width:540px){.client-strip-label{flex-basis:auto;max-width:320px}}
.clients.client-strip{background:#fff;border-top:1px solid var(--line)}
/* Pie: datos de contacto discretos */
.footer-eslogan{font-size:1.05rem!important;font-weight:700}
footer a small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#7f8a94;margin-right:4px}
footer a:hover{color:#fff}
footer{border-top:1px solid #262b31}
/* Cotización: mismo estilo que «Prepara tu solicitud» (panel blanco sobre gris) */
.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,70px);align-items:start}
.quote-head h2{margin-bottom:14px}
.quote-form .actions{margin-top:22px}
.quote-form textarea::placeholder{color:#8a949d}
@media(max-width:1050px){.quote-grid{grid-template-columns:1fr}}
/* Producción: la cifra diaria, como dato discreto */
.production-figure{background:none;color:var(--muted);font-weight:700;font-size:1rem;padding:2px 0 2px 14px;border-left:2px solid var(--red);letter-spacing:.01em}
/* Contacto (/contacto): datos discretos sobre blanco, sin tarjetas llamativas */
.contact-band{background:#fff;color:var(--ink);border-top:1px solid var(--line);padding:64px 0 72px}
.contact-band:before{content:none}
.contact-band .eyebrow{color:var(--red)}
.contact-band-head h2{color:var(--ink);font-size:clamp(1.6rem,2.4vw,2.2rem);margin-bottom:28px}
.contact-cards{gap:0 32px}
.contact-card,.contact-card--rojo,.contact-card--rif{display:grid;grid-template-columns:22px 1fr;column-gap:14px;align-items:start;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;color:var(--ink)}
.contact-card svg{grid-row:span 4;color:var(--red);margin-top:2px}
.contact-card--rojo svg{color:var(--red)}
.contact-card small,.contact-card--rojo small,.contact-card--rif small{margin:0;font-size:.72rem;letter-spacing:.12em;color:var(--muted)}
.contact-card strong{font-size:1.05rem;font-weight:700}
.contact-card span{color:var(--muted);font-size:.92rem}
.contact-card em{font-size:.9rem}
a.contact-card:hover,a.contact-card--rojo:hover{transform:none;background:none;border-color:var(--line)}
a.contact-card:hover strong{color:var(--red)}
.contact-card--ancha{grid-column:span 2}
@media(max-width:760px){.contact-card--ancha{grid-column:auto}}
.contact-card,.contact-card--rojo,.contact-card--rif{align-content:start;row-gap:2px}
/* Expofaja del Orinoco: banner discreto en una línea, gris con trama sutil */
.expofaja{background-color:#e8eaed;background-image:radial-gradient(#17202912 1.2px,transparent 1.3px),repeating-linear-gradient(135deg,transparent 0 22px,#ffffff59 22px 23px);background-size:18px 18px,auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.expofaja-banner{display:flex;align-items:center;gap:24px}
.expofaja-thumb{width:132px;height:84px;object-fit:cover;border-radius:4px;border:3px solid #fff;box-shadow:0 6px 16px #17202922;flex-shrink:0}
.expofaja-copy{flex:1;min-width:0}
.expofaja h2{font-size:clamp(1.15rem,1.7vw,1.45rem);letter-spacing:-.02em;margin:0 0 4px;color:var(--ink);font-weight:700}
.expofaja h2 strong{color:var(--red)}
.expofaja p{margin:0;font-size:.95rem;color:var(--muted)}
@media(max-width:760px){.expofaja-banner{flex-wrap:wrap;gap:14px}.expofaja-thumb{width:96px;height:64px}.expofaja-copy{flex-basis:calc(100% - 120px)}}
/* Sectores: fondo claro; cada foto lleva a su categoría del catálogo */
.sectors{background:#fff;color:var(--ink);padding:70px 0 60px}
.sectors-head h2{color:var(--ink);font-size:clamp(1.8rem,3.2vw,2.8rem)}
.sector-shot{display:block;width:clamp(180px,16vw,230px);color:#fff}
.sector-name{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(transparent,#000c);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
.sector-name:before{content:"";display:block;width:28px;height:3px;background:var(--red);margin-bottom:7px}
.sector-shot:after{content:"↗";position:absolute;top:10px;right:12px;font-weight:700;opacity:0;transition:opacity .3s}
.sector-shot:hover:after,.sector-shot:focus-visible:after{opacity:1}
/* Botón flotante de WhatsApp: su verde original */
.whatsapp-float{background:#168744;box-shadow:0 8px 22px #16874440}.whatsapp-float:hover{background:#106e36}
/* Franja de clientes: cifra y texto en gris sutil, sin rojo */
.client-strip-label{color:#7d858b;font-weight:400}
.client-strip-label strong{color:#6b747c}
/* Sello de los 50 años con más presencia en el hero */
.hx-seal{gap:18px;margin-bottom:30px;padding:10px 26px 10px 10px;border:1px solid #d9be7a59;border-radius:60px;background:linear-gradient(90deg,#d9be7a1f,transparent)}
.hx-seal b{width:68px;height:68px;font-size:1.9rem;border:0;background:linear-gradient(135deg,#f6e3a8,#c39a3d 55%,#f3dc9b);-webkit-background-clip:border-box;background-clip:border-box;color:var(--black);box-shadow:0 0 0 4px #d9be7a33,0 8px 24px #0006}
.hx-seal span{font-size:1rem;letter-spacing:.14em;color:#e9cc85}
.hx-seal small{font-size:.82rem;letter-spacing:.3em;margin-top:3px}
body[data-page="index"] .hero-copy p{max-width:520px;font-size:1.18rem}
@media(max-width:760px){.hx-seal{padding:8px 18px 8px 8px;gap:12px}.hx-seal b{width:54px;height:54px;font-size:1.5rem}.hx-seal span{font-size:.82rem}}
.hx-seal{align-self:flex-start}

/* ==== Paleta global (2026-10-15): negros suaves y grises neutros, no negro absoluto ==== */
:root{--black:#1c1f24;--black-2:#24282e;--ink:#1f2328;--muted:#5f6670;--paper:#f5f6f7;--line:#dfe2e6}
.topbar,footer{background:var(--black)}
.client-strip-slider{background:#f8f9fa;border-color:#eceef0}

/* ==== Tipografía: Roboto, alojada en el sitio (assets/fonts, SIL OFL) ==== */
@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/roboto-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
h1,h2,h3{font-weight:700;letter-spacing:-.025em}

/* ==== Jerarquía tipográfica: Light (300) para leer, Bold (700) para destacar ====
   - Light solo en texto de 16 px o más y con buen contraste (párrafos, descripciones).
   - Texto pequeño (notas, ayudas, etiquetas, pie) en 400: el 300 pequeño se desdibuja.
   - Títulos en 700; subtítulos de tarjeta en 600; botones, menú y campos en 500.
   - Un solo contraste fuerte por bloque: en el hero, «Calidad» en Light y «Única.» en Bold. */
body{font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p,li{font-weight:300}
strong,b{font-weight:700}
h1,h2{font-weight:700}
h3{font-weight:600}
.note,.help,.catalog-note,.status,.breadcrumb,.client-logo-name,.tag,small,.summary-row small,.copyright,footer p,footer a,.topbar{font-weight:400}
label,.btn,.chip,.text-link,.navlinks a,.catalog-clear,input,select,textarea,.product-name{font-weight:500}
.eyebrow,.caption,.hx-seal span{font-weight:600}
body[data-page="index"] .hero-copy h1{font-weight:300;letter-spacing:-.035em}
body[data-page="index"] .hero-copy h1 .red{font-weight:700}
.stat strong{font-weight:700}.stat span{font-weight:400}
.client-strip-label{font-weight:300}.client-strip-label strong{font-weight:700}
.features strong,.value h3,.steps h3,.stage h3{font-weight:600}
/* Párrafos de menos de 16 px (tarjetas, pasos, rasgos): 400 para que no se desdibujen */
.steps p,.features span,.value p,.stage p,.category .copy p,.catalog-card p,.process p,.contact-card span,.expofaja p,.sector-name{font-weight:400}
/* Sectores: fotos en gris; recuperan su color al pasar el cursor o al enfocarlas */
.sector-shot img{filter:grayscale(1) contrast(.92) brightness(1.05);opacity:.9;transition:filter .45s var(--ease),opacity .45s var(--ease),transform .6s var(--ease)}
.sector-shot:hover img,.sector-shot:focus-visible img{filter:none;opacity:1}
.sector-name:before{background:#fff;transition:background .45s}
.sector-shot:hover .sector-name:before,.sector-shot:focus-visible .sector-name:before{background:var(--red)}
@media (hover:none){.sector-shot img{filter:grayscale(.6);opacity:1}}

/* Tira de sectores: avanza sola y se puede mover a mano (arrastrar, deslizar, flechas) */
.marquee-shell{position:relative}
.photo-marquee{overflow-x:auto;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.photo-marquee::-webkit-scrollbar{display:none}
.photo-marquee.arrastrando{cursor:grabbing;user-select:none}
.photo-marquee.arrastrando .sector-shot{pointer-events:none}
.photo-marquee img{-webkit-user-drag:none;user-select:none}
.marquee-btn{position:absolute;top:50%;left:max(12px,calc((100vw - var(--max))/2));z-index:2;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fffffff0;color:var(--ink);font-size:1.6rem;line-height:1;box-shadow:0 6px 18px #1f232822;transition:background .2s,color .2s}
.marquee-btn--next{left:auto;right:max(12px,calc((100vw - var(--max))/2))}
.marquee-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}
@media(max-width:760px){.marquee-btn{width:38px;height:38px;font-size:1.3rem}}