:root{--coal:#202223;--blue:#9fd4dc;--paper:#f4f3ef;--graphite:#303334;--ink:#182529}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.4 Archivo,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,.closing{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.055em;line-height:1.04;margin:0}h1{font-size:clamp(42px,5.7vw,80px)}h2{font-size:clamp(30px,4.5vw,60px)}p{margin:0}section{scroll-margin-top:20px}.wrap{width:min(1120px,84%);margin-inline:auto}.header{background:linear-gradient(115deg,#171b1c,var(--graphite));color:var(--paper)}.nav-wrap{width:min(1180px,88%);min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:350px;flex-shrink:0}.brand img{width:100%}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px;white-space:nowrap}nav a:hover,nav a.active{color:var(--blue)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:42.4% 57.6%;max-width:1440px;margin:auto}.hero-copy{padding:46px 7% 30px 18%}.eyebrow,h3,dt,address,.footer-note{font-family:'IBM Plex Mono',monospace}.eyebrow{font-weight:500;font-size:12px;letter-spacing:.17em}.vertical{border-left:2px solid var(--blue);padding:12px 0 12px 18px;margin-bottom:8px}.hero h1 span{color:#80c5d2}.hero-copy>p:not(.eyebrow){margin:24px 0 28px;max-width:350px}.line{display:flex;gap:16px;align-items:center}.line:before{content:'';width:40px;flex-shrink:0;height:2px;background:var(--blue)}.hero-photo{width:100%;height:100%;object-fit:cover;min-height:420px}.scale{padding-block:26px 30px}.ruled{display:flex;align-items:center;gap:18px;margin-bottom:25px}.ruled:after{content:'';flex:1;min-width:30px;height:2px;background:var(--blue)}.scale-grid{display:grid;grid-template-columns:40% 60%;gap:0}.scale-grid article:first-child{padding-right:50px}.scale-grid article:last-child{padding-left:16px}.scale-grid img{width:100%;aspect-ratio:1.5;object-fit:cover}.scale-grid .eyebrow{margin:16px 0 7px}.scale-grid article>p:last-child{max-width:390px}.banner{padding:27px 8%;background:linear-gradient(110deg,#1a1e1f,var(--graphite));color:var(--paper);text-align:center}.banner p{display:flex;align-items:center;justify-content:center;gap:30px}.banner p:before,.banner p:after{content:'';height:2px;width:150px;background:#6fa1a9;flex-shrink:1}.section-intro{text-align:center;width:min(1080px,86%);margin:auto}.section-intro p{margin:14px auto 0;max-width:980px}.materials{position:relative;padding:26px 0 34px}.materials:before{content:'';position:absolute;left:0;right:0;top:225px;height:110px;background:var(--graphite);z-index:-1}.materials h2{font-size:clamp(29px,3.8vw,50px)}.material-grid{width:min(1220px,90%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 38px;margin-top:26px;text-align:center}.material-grid img{width:100%;aspect-ratio:1.52;object-fit:cover;border:7px solid #fff}.material-grid h3{font-weight:500;letter-spacing:.13em;font-size:13px;margin:10px 0 7px}.material-grid p{max-width:300px;margin:auto}.operations{background:linear-gradient(to bottom,var(--paper) 0 48%,var(--coal) 48% 100%)}.operations-grid{width:min(1180px,88%);display:grid;grid-template-columns:1.2fr 1fr;gap:24px 44px;align-items:start;padding:0 0 28px}.operations-copy{padding-top:32px}.operations-copy h2{font-size:clamp(30px,4.1vw,55px)}.operations-copy p{margin-top:20px}.operations-grid>img{border:7px solid #fff;width:100%;object-fit:cover}.warehouse-one{aspect-ratio:1.45;grid-column:2;grid-row:1;position:relative;top:10px}.warehouse-two{aspect-ratio:2.4;object-position:center 70%;align-self:end}.operations dl{color:var(--paper);margin:0;padding-top:0;font-size:14px}.operations dl>div{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin:0 0 13px}.operations dt{font-size:12px;display:flex;align-items:baseline;gap:10px}.operations dt:after{content:'';height:1px;background:#818989;flex:1;min-width:12px}.operations dd{margin:0;line-height:1.2}.international{position:relative;padding-top:22px}.international:before{content:'';position:absolute;top:0;left:0;right:0;height:195px;background:var(--blue);z-index:-1}.international figure{width:min(980px,76%);margin:0 auto 12px;position:relative;border:7px solid #fff}.international img{width:100%;aspect-ratio:3.7;object-fit:cover}.international figcaption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--coal);color:var(--paper);padding:10px 15px;width:max-content;max-width:100%;text-align:center}.international .section-intro h2{font-size:clamp(30px,4vw,54px)}.about{padding:44px 0 30px}.about h2{font-size:clamp(28px,3.7vw,49px)}.closing{font-size:clamp(32px,5vw,68px);color:#12223d;margin-top:13px!important;max-width:none!important}footer{background:linear-gradient(115deg,#171b1c,var(--graphite));color:var(--paper);text-align:center;padding:30px 8% 45px}footer h2{color:var(--blue);font-size:clamp(30px,3.7vw,49px)}.contact-line{font-size:20px;margin:8px 0 18px}address{font-style:normal;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:15px;letter-spacing:.03em}address a{text-decoration:none;max-width:100%;overflow-wrap:anywhere}address a:hover{text-decoration:underline}.footer-note{display:flex;align-items:center;justify-content:center;gap:28px;font-size:11px;letter-spacing:.05em;margin-top:32px}.footer-note:before,.footer-note:after{content:'';height:2px;background:#6fa1a9;flex:1;max-width:160px}
@media(min-width:1600px){.hero-copy{padding-left:80px}}
@media(max-width:1050px){.brand{width:290px}.nav-wrap{width:92%;gap:15px}nav{gap:18px}nav a{font-size:12px}.hero-copy{padding:30px 9% 25px 15%}.hero-photo{min-height:390px}.scale-grid article:first-child{padding-right:32px}.operations-grid{gap:22px}.operations dt{font-size:10px}.operations dl{font-size:12px}.material-grid{gap:25px}}
@media(max-width:960px){.nav-wrap{min-height:80px;position:relative;flex-wrap:wrap;gap:0;padding-block:10px}.brand{width:min(310px,78%)}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px;border:1px solid #78999d;background:transparent;border-radius:3px;width:43px;height:40px}.menu-toggle span{height:2px;width:100%;background:var(--blue)}nav{display:none;flex-basis:100%;padding:15px 0 5px;gap:0;align-items:stretch}nav.open{display:flex;flex-direction:column}nav a{padding:12px 6px;font-size:15px;border-top:1px solid #ffffff20}.hero{grid-template-columns:1fr}.hero-copy{padding:34px 7% 30px}.hero h1{font-size:clamp(46px,9vw,66px);max-width:510px}.hero-copy>p:not(.eyebrow){max-width:550px;margin-top:22px}.hero-photo{min-height:0;aspect-ratio:1.6;height:auto;object-fit:cover}.wrap{width:86%}.scale{padding-block:32px}.ruled{display:block}.ruled:after{display:block;width:80px;margin-top:15px}.scale-grid{grid-template-columns:1fr;gap:28px}.scale-grid article:first-child,.scale-grid article:last-child{padding:0}.scale-grid img{aspect-ratio:1.65}.scale-grid article>p:last-child{max-width:none}.banner{padding:23px 7%}.banner p{font-size:11px;gap:12px}.banner p:before,.banner p:after{width:26px;flex-shrink:0}.materials{padding-top:30px}.materials:before{display:none}.material-grid{width:88%;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.material-grid h3{font-size:11px;letter-spacing:.08em}.material-grid p{font-size:14px}.operations{background:var(--coal);color:var(--paper);padding-top:27px}.operations-grid{width:86%;grid-template-columns:1fr;gap:22px;padding-bottom:25px}.operations-copy{padding:0}.operations-copy br{display:none}.warehouse-one{grid-column:auto;grid-row:auto;top:0;aspect-ratio:1.8}.warehouse-two{display:none}.operations dl{font-size:15px}.operations dt{font-size:11px}.operations dl>div{grid-template-columns:1fr 1.15fr;gap:15px;margin-bottom:17px}.international:before{height:120px}.international figure{width:86%;border-width:5px}.international img{aspect-ratio:2.4}.international figcaption{font-size:9px;padding:8px 6px;width:100%;letter-spacing:.09em}.international .section-intro{margin-top:22px}.about{padding-block:36px 28px}.closing{font-size:clamp(32px,6.4vw,48px)}footer{padding-inline:6%}address{font-size:13px}.footer-note{font-size:9px;gap:12px}.footer-note:before,.footer-note:after{max-width:24px;flex-shrink:0}}
@media(max-width:420px){.material-grid{grid-template-columns:1fr;gap:26px}.material-grid img{aspect-ratio:1.6}.material-grid h3{font-size:13px}.material-grid p{font-size:16px;max-width:310px}.operations dl>div{grid-template-columns:1fr;gap:6px}.operations dt{font-size:12px}.operations dt:after{max-width:70px}.eyebrow{font-size:10px}.banner p{font-size:10px;letter-spacing:.13em}.contact-line{font-size:17px}address{font-size:12px}.footer-note{font-size:8px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-copy,.scale-grid article,.material-grid article,.operations-copy,.operations dl>div{min-width:0}h1,h2,h3,p,dt,dd{word-break:normal;hyphens:none}h1,h2{text-wrap:balance}

.materials,.international{isolation:isolate}

/* Fondo escalonado de Lo que pasa entre tu pedido y tu andén. */
.operations{position:relative;isolation:isolate;background:var(--coal)}
.operations::before{content:"";position:absolute;inset:0 0 auto;height:60px;background:var(--paper);z-index:-1}
.operations-grid{align-items:start}
.operations-left,.operations-right{min-width:0}
.operations-copy{position:relative;isolation:isolate;background:var(--paper);padding-bottom:24px}
.operations-copy::before{content:"";position:absolute;top:0;bottom:0;left:calc((min(1180px,88vw) - 100vw)/2);right:-44px;background:var(--paper);z-index:-1}
.operations-left>img,.operations-right>img{width:100%;border:7px solid #fff;object-fit:cover}
.operations-left .warehouse-two{display:block;margin-top:24px}
.operations-right .warehouse-one{position:static;margin-top:10px}
.operations-right dl{margin-top:24px}
@media(min-width:961px) and (max-width:1050px){.operations-copy::before{right:-22px}}
@media(max-width:960px){
 .operations::before,.operations-copy::before{display:none}
 .operations-copy{background:transparent;padding-bottom:0}
 .operations-right .warehouse-one{margin-top:0;aspect-ratio:1.8}
 .operations-left .warehouse-two{display:none}
 .operations-right dl{margin-top:22px}
}