:root{--navy:#091a2b;--navy-2:#102b43;--ink:#12202e;--muted:#65717d;--paper:#f5f3ee;--white:#fff;--accent:#d7fa4d;--line:#d9ddd9;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.demo-bar{background:var(--accent);color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:7px 20px}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:10px;font:800 22px/1 "Manrope",sans-serif;letter-spacing:-.05em}.brand>span:last-child>span{font-weight:600;color:#607081;margin-left:2px}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--navy);position:relative;display:inline-block;overflow:hidden}.brand-mark i{position:absolute;width:18px;height:4px;border:1.5px solid var(--accent);border-radius:50%;left:8px;top:15px}.brand-mark i:nth-child(2){transform:rotate(60deg)}.brand-mark i:nth-child(3){transform:rotate(-60deg)}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav a{transition:.2s}.nav a:hover{color:#567000}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 19px;border-radius:3px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:6px}.hero{min-height:690px;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);max-width:1440px;margin:auto}.hero-copy{padding:96px max(48px,calc((100vw - var(--max))/2 + 24px)) 54px; padding-right:64px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#587100;margin:0 0 22px}.hero h1,.section h2,.custom-copy h2,.contact-intro h2{font:800 clamp(45px,5.1vw,74px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:#6d7c88}.hero-intro{font-size:18px;color:var(--muted);max-width:630px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:36px;border:0;border-radius:3px;padding:16px 21px;font-weight:700;cursor:pointer}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--navy-2)}.text-link{font-weight:700;border-bottom:1px solid #aeb5b8;padding-bottom:4px}.text-link span{margin-left:12px}.hero-meta{display:flex;gap:34px;margin-top:66px;padding-top:23px;border-top:1px solid var(--line)}.hero-meta div{display:flex;gap:10px;align-items:flex-start}.hero-meta strong{font:700 11px "Manrope";color:#81909b}.hero-meta span{font-size:12px;font-weight:700;line-height:1.35}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#d5d8d3,#8f9a9a)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.uniform-figure{position:absolute;width:420px;height:620px;bottom:-50px;left:50%;transform:translateX(-50%)}.head{position:absolute;width:105px;height:125px;background:#b58268;border-radius:45% 45% 50% 50%;left:158px;top:15px;box-shadow:inset -14px -4px rgba(62,34,26,.13)}.head:after{content:"";position:absolute;left:-8px;top:-12px;width:120px;height:47px;background:#18222a;border-radius:70% 70% 20% 20%}.neck{position:absolute;width:68px;height:70px;background:#a9755e;top:112px;left:176px}.torso{position:absolute;width:350px;height:470px;left:35px;top:157px;background:linear-gradient(90deg,#152839,#223c53 52%,#112536);clip-path:polygon(18% 0,38% 0,50% 8%,62% 0,82% 0,100% 14%,91% 100%,9% 100%,0 14%);box-shadow:inset 30px 0 rgba(255,255,255,.025)}.shoulder{position:absolute;width:68px;height:18px;background:#0c1925;top:32px}.shoulder.left{left:28px;transform:rotate(-8deg)}.shoulder.right{right:28px;transform:rotate(8deg)}.collar{position:absolute;top:0;width:86px;height:72px;background:#0f2131}.collar.left{left:91px;clip-path:polygon(0 0,100% 100%,0 72%)}.collar.right{right:91px;clip-path:polygon(100% 0,100% 72%,0 100%)}.zip{position:absolute;width:2px;height:400px;background:#607080;left:174px;top:45px}.pocket{position:absolute;width:92px;height:70px;border:2px solid #526679;top:148px}.pocket.left{left:58px}.pocket.right{right:58px}.badge{position:absolute;right:72px;top:93px;background:#d8e0e1;color:#172a38;padding:4px 11px;font:bold 10px "Manrope"}.visual-card{position:absolute;background:rgba(255,255,255,.91);backdrop-filter:blur(8px);padding:16px 20px;min-width:175px;box-shadow:0 12px 35px rgba(9,26,43,.13)}.visual-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#68747e}.visual-card strong{font:700 14px "Manrope"}.card-top{right:28px;top:95px}.card-bottom{left:25px;bottom:72px}.visual-note{position:absolute;bottom:10px;right:18px;color:rgba(255,255,255,.8);font-size:10px}.sector-strip{max-width:var(--max);margin:auto;padding:27px 24px;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line)}.sector-strip p{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:800;color:#7f898f;white-space:nowrap}.sector-strip div{display:flex;justify-content:space-between;gap:42px;flex:1;font-size:13px;font-weight:700}.sector-strip span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);border:1px solid #677328;border-radius:50%;margin:0 10px 2px 0}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:80px;margin-bottom:42px}.section-heading h2{font-size:clamp(38px,4vw,58px);max-width:700px}.section-heading>p{color:var(--muted);margin:0 0 8px}.category-filter{display:flex;gap:8px;margin-bottom:25px}.category-filter button{border:1px solid var(--line);background:#fff;padding:9px 16px;border-radius:30px;font-size:12px;font-weight:700;cursor:pointer}.category-filter button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{border:1px solid var(--line);background:#fff;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(9,26,43,.09)}.product-card.large{grid-column:span 2;display:grid;grid-template-columns:1.15fr .85fr}.product-art{height:260px;background:#e8e8e3;position:relative;display:grid;place-items:center;overflow:hidden}.large .product-art{height:100%}.product-art b{position:absolute;right:16px;top:12px;color:#a8aeaa;font:700 12px "Manrope"}.product-copy{padding:25px}.product-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6d7881;font-weight:700}.product-copy h3{font:700 24px "Manrope";letter-spacing:-.04em;margin:6px 0}.product-copy p{font-size:14px;color:var(--muted);margin:0 0 22px}.product-copy a{font-size:12px;font-weight:800}.art-shirt{width:180px;height:210px;background:#1c3345;clip-path:polygon(24% 0,39% 0,50% 12%,61% 0,76% 0,100% 18%,85% 43%,78% 33%,80% 100%,20% 100%,22% 33%,15% 43%,0 18%);position:relative}.art-shirt:after{content:"360";position:absolute;right:30px;top:53px;color:white;font:bold 10px sans-serif}.art-pants{width:120px;height:220px;background:#384958;clip-path:polygon(4% 0,96% 0,88% 100%,55% 100%,50% 41%,45% 100%,12% 100%)}.art-jacket{width:190px;height:190px;background:#71808a;clip-path:polygon(19% 0,39% 0,50% 9%,61% 0,81% 0,100% 24%,83% 47%,76% 35%,78% 100%,22% 100%,24% 35%,17% 47%,0 24%)}.art-cap{width:180px;height:90px;background:#142b3d;border-radius:80% 60% 18% 12%;position:relative;transform:rotate(-5deg)}.art-cap:after{content:"";position:absolute;width:105px;height:25px;right:-55px;bottom:-2px;background:#0c1d2b;border-radius:0 100% 30% 0}.custom-section{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:690px}.custom-visual{position:relative;min-height:620px;overflow:hidden;background:#142b3c}.fabric{position:absolute;inset:-20%;background:repeating-linear-gradient(96deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px)}.fabric-one{transform:rotate(23deg);background-color:#263e50;clip-path:polygon(0 10%,100% 0,78% 100%,12% 80%)}.fabric-two{transform:rotate(-23deg);background-color:#101f2e;clip-path:polygon(0 50%,100% 10%,90% 100%,15% 85%)}.patch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:250px;height:170px;border:2px dashed #b8c2c6;background:#0c1e2c;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center}.patch span{color:var(--accent);font:800 66px/1 "Manrope"}.patch strong{font:800 26px "Manrope";letter-spacing:.2em;margin-left:.2em}.patch small{font-size:8px;letter-spacing:.35em;color:#8f9da6}.stitch{position:absolute;width:340px;height:2px;border-top:2px dashed rgba(255,255,255,.18)}.stitch-a{left:-20px;top:20%;transform:rotate(25deg)}.stitch-b{right:-30px;bottom:18%;transform:rotate(-22deg)}.custom-copy{padding:100px max(48px,calc((100vw - var(--max))/2 + 24px)) 90px 8%;display:flex;flex-direction:column;justify-content:center}.eyebrow.light{color:var(--accent)}.custom-copy h2,.contact-intro h2{font-size:clamp(48px,5vw,72px)}.custom-copy>p:not(.eyebrow){color:#aebbc5;max-width:570px}.custom-copy ul{list-style:none;padding:15px 0;margin:10px 0 30px;border-top:1px solid rgba(255,255,255,.15)}.custom-copy li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);font-weight:600}.custom-copy li span{color:var(--accent);font-size:10px;margin-right:20px}.button-light{background:#fff;color:var(--navy);align-self:flex-start}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:26px 28px 10px 0;border-right:1px solid var(--line);min-height:200px}.steps article+article{padding-left:28px}.steps article:last-child{border-right:0}.steps span{color:#799300;font:800 11px "Manrope"}.steps h3{font:700 19px "Manrope";line-height:1.25;margin:28px 0 10px}.steps p{font-size:13px;color:var(--muted)}.contact-section{background:#142e43;color:#fff;padding:100px max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-intro>p:not(.eyebrow){color:#b9c4cc;font-size:17px}.contact-note{display:flex;gap:15px;margin-top:45px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16)}.contact-note>span{color:var(--accent);font-size:25px}.contact-note p{font-size:12px;color:#9aabb7;margin:0}.contact-note strong{color:#fff;font-size:14px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fff;color:var(--ink);padding:34px;border-radius:4px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #cfd5d5;padding:12px 0;background:#fff;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#728c00}.contact-form textarea{resize:vertical}.full{grid-column:1/-1}.button-accent{background:var(--accent);color:var(--navy);width:100%;margin-top:5px}.form-status{text-transform:none!important;letter-spacing:normal!important;margin:0;color:#52616b}.form-status.success{color:#4e6600}footer{max-width:var(--max);margin:auto;padding:50px 24px 30px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;color:#71808a;font-size:13px}.footer-brand{color:var(--ink)}footer div{display:flex;gap:25px}footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.product-card.hidden{display:none}@media(max-width:900px){.nav{position:absolute;z-index:10;left:18px;right:18px;top:96px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.14);padding:25px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 28px}.hero-visual{min-height:570px}.section-heading{grid-template-columns:1fr;gap:18px}.custom-section{grid-template-columns:1fr}.custom-copy{padding:80px 28px}.contact-section{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr 1fr}.sector-strip{overflow:auto}.sector-strip div{min-width:700px}.product-grid{grid-template-columns:1fr 1fr}.product-card.large{grid-column:span 2}.contact-section{padding:80px 28px}footer{grid-template-columns:1fr auto}}@media(max-width:600px){.site-header{height:68px}.hero h1{font-size:43px}.hero-meta{gap:12px;justify-content:space-between}.hero-meta div{display:block}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:500px}.uniform-figure{transform:translateX(-50%) scale(.85);transform-origin:bottom}.section{padding:78px 20px}.product-grid{grid-template-columns:1fr}.product-card.large{grid-column:auto;display:block}.large .product-art{height:260px}.category-filter{overflow:auto}.custom-visual{min-height:480px}.patch{transform:translate(-50%,-50%) rotate(-7deg) scale(.8)}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:23px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.contact-form{grid-template-columns:1fr;padding:24px}.contact-form label{grid-column:1}.contact-intro h2{font-size:44px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:900px){.hero{width:100%;grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-visual{min-width:0}.uniform-figure{max-width:100%}}

/* Mantiene el contenido del hero alineado con el sitio aun en monitores ultrapanorámicos. */
.hero-copy{min-width:0;padding-left:max(48px,calc((min(100vw,1440px) - var(--max))/2 + 24px));padding-right:64px;text-align:left}
@media(max-width:900px){.hero-copy{padding:70px clamp(24px,6vw,54px)}}
@media(max-width:520px){.hero-copy{padding:58px 24px 46px}.hero h1{font-size:clamp(36px,10.5vw,43px)}.hero-meta{display:grid;grid-template-columns:1fr;gap:14px;margin-top:44px}.hero-meta div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.hero-meta strong,.hero-meta span{display:block}.hero-meta span br{display:none}}

/* Paleta oficial basada en el logotipo: negro, gris #ADADAD y blanco. */
:root{--navy:#000;--navy-2:#1a1a1a;--ink:#0b0b0b;--muted:#666;--paper:#f3f3f3;--white:#fff;--accent:#adadad;--line:#d4d4d4}
.brand>span:last-child>span{color:#777}
.brand-mark{background:#000}
.brand-mark i{border-color:#adadad}
.nav a:hover{color:#666}
.eyebrow{color:#606060}
.hero h1 em{color:#777}
.hero-visual{background:linear-gradient(145deg,#dedede,#8b8b8b)}
.head:after{background:#171717}
.torso{background:linear-gradient(90deg,#111,#292929 52%,#080808)}
.shoulder{background:#080808}
.collar{background:#151515}
.zip{background:#777}
.pocket{border-color:#747474}
.badge{background:#e1e1e1;color:#111}
.visual-card{box-shadow:0 12px 35px rgba(0,0,0,.16)}
.sector-strip span:before{background:#adadad;border-color:#555}
.category-filter button.active{background:#000;border-color:#000}
.product-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.1)}
.product-art{background:#e5e5e5}
.art-shirt{background:#181818}
.art-pants{background:#3f3f3f}
.art-jacket{background:#707070}
.art-cap{background:#111}
.art-cap:after{background:#050505}
.custom-visual{background:#161616}
.fabric-one{background-color:#303030}
.fabric-two{background-color:#0d0d0d}
.patch{background:#090909;border-color:#adadad}
.patch span{color:#adadad}
.patch small{color:#adadad}
.custom-copy>p:not(.eyebrow){color:#c1c1c1}
.steps span{color:#707070}
.contact-section{background:#151515}
.contact-intro>p:not(.eyebrow){color:#c4c4c4}
.contact-note p{color:#adadad}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#777}
.form-status.success{color:#555}

/* Recursos PNG suministrados por el cliente. */
.brand-logo{display:block;width:auto;height:58px;max-width:220px;object-fit:contain}
.footer-brand .brand-logo{height:68px}
.hero-picture,.hero-picture img{display:block;width:100%;height:100%}
.hero-picture{position:absolute;inset:0}
.hero-picture img{object-fit:cover;object-position:center}
.visual-grid,.visual-card{z-index:1}
.product-art img{display:block;width:100%;height:100%;padding:24px;object-fit:contain;object-position:center}
.large .product-art img{padding:34px}
.custom-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:600px){.brand-logo{height:48px;max-width:180px}.footer-brand .brand-logo{height:58px}.product-art img,.large .product-art img{padding:20px}}
