@font-face{font-family:Inter;src:url("assets/fuentes/Inter-Regular.otf") format("opentype");font-weight:400 500;font-display:swap}@font-face{font-family:Inter;src:url("assets/fuentes/Inter-SemiBold.otf") format("opentype");font-weight:600 900;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("assets/fuentes/Titulos-Condensada-Bold.ttf") format("truetype");font-weight:500 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0d;color:#f4f4f2;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.header{height:105px;max-width:1450px;padding:18px 4.5%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.logo{width:235px}.nav{display:flex;gap:38px}.nav a{font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:1px;padding:12px 0;border-bottom:2px solid transparent}.nav a:hover,.nav .active{border-color:#d32e2e}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{height:min(700px,75vw);min-height:430px;position:relative;margin-top:-105px;padding-top:105px;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/imagenes/portada.webp') center 52%/cover;filter:grayscale(1) brightness(.58)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0d 0%,rgba(13,13,13,.92) 23%,rgba(13,13,13,.22) 75%),linear-gradient(0deg,#0d0d0d,transparent 25%)}.hero-content{position:relative;max-width:1450px;margin:auto;padding:150px 5% 0}.hero h1,.closing h2{font:900 clamp(55px,7.8vw,122px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:0;max-width:850px}.hero h1 span,.closing h2 span{display:block;color:#d32e2e;font-style:italic;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:9px}.circles,.closing-circles{display:flex;margin:55px 0 0 20px}.circles i,.closing-circles i{width:112px;height:112px;border:1px solid #ddd;border-radius:50%;margin-left:-28px}.circles i:last-child,.closing-circles i:last-child{border-color:#d32e2e}.showcase{max-width:1450px;margin:0 auto;padding:30px 5%}.intro{max-width:320px}.number{border-left:3px solid #d32e2e;padding-left:23px}.number strong{font:900 95px/.9 'Barlow Condensed',sans-serif;display:block}.number span{font-size:17px}.intro p{font-size:16px;line-height:1.75;color:#ddd;margin-top:30px}.gallery{height:1000px;position:relative;margin-top:-120px}.gallery-label,.services-link,.year{font:600 27px 'Barlow Condensed',sans-serif;letter-spacing:2px}.gallery-label b,.services-link b,.year b{color:#d32e2e;font-size:34px}.top-label{position:absolute;left:54%;top:0}.photo{position:absolute;margin:0}.photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) brightness(.75)}.photo:before,.photo:after{content:'';position:absolute;z-index:2;width:75px;height:75px;border-color:#eee}.photo:before{top:-14px;left:-14px;border-top:2px solid;border-left:2px solid}.photo:after{right:-14px;bottom:-14px;border-bottom:2px solid;border-right:2px solid}.photo-warehouse{top:65px;right:3%;width:58%;height:450px}.photo-truck{top:285px;left:4%;width:51%;height:380px}.photo-cargo{top:590px;left:23%;width:59%;height:330px}.services-link{position:absolute;left:0;top:800px}.cargo-label{position:absolute;right:0;top:760px}.year{position:absolute;top:930px;left:48%}.closing{max-width:1450px;margin:0 auto;min-height:430px;padding:100px 5% 60px;position:relative}.closing h2{margin-left:39%;font-size:clamp(48px,6vw,90px)}.closing-circles{position:absolute;right:4%;top:0;margin:0;opacity:.7}.service-list{display:flex;justify-content:space-between;gap:18px;margin-top:110px;flex-wrap:wrap}.service-list span{font:600 22px 'Barlow Condensed',sans-serif;letter-spacing:2px}.service-list span:before{content:'•';color:#d32e2e;margin-right:16px}footer{max-width:1450px;margin:auto;padding:0 5% 20px}.footer-line{display:flex;align-items:center;gap:25px}.footer-line span{height:1px;background:#777;flex:1}.footer-line img{width:85px;height:45px;object-fit:cover;object-position:left;filter:none}.contacts{display:flex;justify-content:space-between;gap:25px;padding:30px 0 45px;color:#ddd;font-size:13px;line-height:1.7}.contacts>*{flex:1;overflow-wrap:anywhere}.stripes{height:24px;background:repeating-linear-gradient(125deg,transparent 0 20px,#333 20px 36px,transparent 36px 53px)}@media(max-width:850px){.header{height:85px}.logo{width:190px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:4%;right:4%;background:#181818;padding:20px;flex-direction:column;gap:4px}.nav.open{display:flex}.hero{margin-top:-85px;padding-top:85px;min-height:560px;height:72vh}.hero-content{padding-top:150px}.hero h1{font-size:clamp(52px,10vw,90px)}.gallery{margin-top:35px;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery>*{position:static!important}.photo{width:100%;height:290px}.photo-warehouse{grid-column:2}.photo-truck{grid-column:1;grid-row:1}.photo-cargo{grid-column:1/-1;height:340px}.top-label{grid-column:2;grid-row:2}.services-link{grid-column:1}.cargo-label{grid-column:2}.year{grid-column:1/-1;text-align:center}.closing{padding-top:80px}.closing h2{margin-left:15%}.contacts{flex-direction:column}.service-list{margin-top:65px}}@media(max-width:540px){.header{padding:12px 5%}.logo{width:175px}.hero{height:590px;min-height:0}.hero-photo{background-position:60% center}.hero-content{padding-top:170px}.hero h1{font-size:clamp(49px,12vw,67px)}.circles{margin-top:65px}.circles i{width:82px;height:82px;margin-left:-20px}.showcase{padding:20px 7%}.number strong{font-size:76px}.intro{max-width:100%}.gallery{display:flex;flex-direction:column;gap:22px;margin-top:55px}.gallery>*{width:100%!important}.photo{height:245px}.photo-cargo{height:245px}.gallery-label,.services-link,.year{font-size:23px}.top-label{order:0}.photo-warehouse{order:1}.photo-truck{order:2}.photo-cargo{order:3}.cargo-label{order:4}.services-link{order:5}.year{order:6}.closing{padding:100px 7% 55px;min-height:0}.closing h2{margin:0;font-size:clamp(49px,12vw,68px)}.closing-circles{right:6%;top:12px}.closing-circles i{width:75px;height:75px}.service-list{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:22px 8px}.service-list span{font-size:17px;letter-spacing:1px}.service-list span:before{margin-right:7px}.contacts{padding-top:25px;font-size:13px}footer{padding:0 7% 20px}}
/* Revisión de boceto LANIKA - ajuste de composición y encuadres */
.hero-photo{background-position:center 54%;filter:grayscale(1) brightness(.45)}
.hero-shade{background:linear-gradient(90deg,#0d0d0d 0%,rgba(13,13,13,.96) 19%,rgba(13,13,13,.42) 61%,rgba(13,13,13,.09) 100%),linear-gradient(0deg,#0d0d0d 0%,transparent 18%)}
.photo img{filter:grayscale(.68) brightness(.82);object-fit:cover}
.photo-warehouse img{object-position:48% 50%}
.photo-truck img{object-position:50% 48%}
.photo-cargo img{object-position:50% 48%}
.photo-warehouse{top:65px;right:3%;width:56%;height:440px}
.photo-truck{top:272px;left:4%;width:50%;height:365px}
.photo-cargo{top:580px;left:23%;width:59%;height:318px}
.gallery{height:980px}
.hero h1 span,.closing h2 span{font-style:italic}
.logo{width:225px;height:auto}
.footer-line img{width:75px;height:50px;object-fit:contain;object-position:center}
@media(max-width:850px){
.gallery{height:auto;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.gallery>*{position:static!important}
.photo-warehouse,.photo-truck{width:100%;height:310px}
.photo-cargo{width:100%;height:350px}
.photo-truck{grid-column:1;grid-row:1}
.photo-warehouse{grid-column:2;grid-row:1}
.photo-cargo{grid-column:1/-1;grid-row:3}
.top-label{grid-column:1/-1;grid-row:2;text-align:center}
.services-link{grid-column:1;grid-row:4}
.cargo-label{grid-column:2;grid-row:4}
.year{grid-column:1/-1;grid-row:5}
}
@media(max-width:540px){
.hero-photo{background-position:70% center}
.hero-shade{background:linear-gradient(90deg,rgba(13,13,13,.96),rgba(13,13,13,.45)),linear-gradient(0deg,#0d0d0d,transparent 25%)}
.gallery{display:flex;flex-direction:column;gap:22px;margin-top:55px}
.gallery>*{width:100%!important}
.photo-warehouse,.photo-truck,.photo-cargo{height:250px}
.photo img{object-position:center center}
.top-label{order:0}.photo-warehouse{order:1}.photo-truck{order:2}.photo-cargo{order:3}.cargo-label{order:4}.services-link{order:5}.year{order:6}
}