@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1550px)/2));padding-right:max(6%,calc((100vw - 1550px)/2))}}@media(max-width:1200px){header{gap:20px}.logo{width:155px}nav{gap:14px;font-size:12px}.header-cta{font-size:12px;gap:15px;padding:14px}.equipment-grid{gap:18px}.maintenance-layout{gap:35px}.split-copy{padding:65px 10%}}@media(max-width:960px){header,header.scrolled{height:80px}.menu{display:block;background:none;border:0;color:#fff;font-size:26px;margin-left:auto;padding:10px}nav{display:none;position:absolute;top:80px;left:0;width:100%;padding:20px 6%;background:#171717;flex-direction:column;font-size:16px;gap:6px}nav.open{display:flex}.header-cta{display:none}.hero{min-height:730px}.hero-content{padding-top:150px}.hero-image{object-position:60% center}h1{font-size:78px}.equipment-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px}.equipment p{min-height:52px}.photo{aspect-ratio:4/3}.section{padding:75px 6%}.section-head>p{max-width:300px}.split-image{min-height:620px}.split-copy{padding:60px 10%}.split-copy h2{font-size:47px}.maintenance-list{gap:0 20px}.maintenance-layout>img{height:680px}.values>div{grid-template-columns:repeat(2,1fr)}.contact{gap:35px}form{padding:25px}.form-grid{grid-template-columns:1fr}.contact h2{font-size:48px}}@media(max-width:600px){html{scroll-padding-top:80px}.hero{height:850px;min-height:0;max-height:1100px}.hero-content{padding:145px 6% 120px}.hero-image{object-position:55% center}.hero:after{background:linear-gradient(90deg,#000c,#0004),linear-gradient(0deg,#000a,transparent)}h1{font-size:clamp(51px,11.7vw,70px);line-height:1.01}.hero-kicker{font-size:12px}.hero-description{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-bottom{font-size:9px;line-height:1.8;gap:20px}.hero-bottom>a{max-width:125px;text-align:right}.eyebrow{font-size:10px;letter-spacing:1.5px}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;font-size:15px;padding:22px 6%}.service-strip b{display:none}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin:22px 0 0;max-width:none;font-size:14px}.equipment-grid{grid-template-columns:1fr;gap:28px}.equipment p{min-height:0;font-size:15px}.equipment h3{margin-top:17px}.photo{aspect-ratio:4/3}.split{grid-template-columns:1fr}.split-image{min-height:420px}.split-copy{padding:50px 6%}.maintenance-layout{grid-template-columns:1fr;gap:30px}.maintenance-layout>img{height:400px;object-position:50% 60%}.maintenance-list h3{font-size:24px}.maintenance-list p{font-size:13px}.values{padding:55px 6%}.values>div{gap:20px}.values h3{font-size:24px}.values p{font-size:13px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery button:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}.gallery button{aspect-ratio:1}.gallery button span{font-size:10px;bottom:5px;left:5px;right:5px;padding:5px}.gallery button:after{font-size:14px;top:7px;right:7px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:44px}.phone{font-size:30px;margin-top:25px}form{padding:25px 20px}.form-grid{grid-template-columns:1fr 1fr;gap:15px}footer{grid-template-columns:1fr 1fr;gap:25px}footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:18px;padding-bottom:55px}.whatsapp{right:14px;bottom:14px;padding:13px 18px;font-size:12px}dialog{padding:40px;width:96vw}dialog img{height:65svh}.previous{left:0}.next{right:0}}
/* Identidad BYT y navegación de contacto */
:root{--yellow:#ffca05;--black:#101216;--paper:#f6f5f1}
.contact-bar{position:fixed;inset:0 0 auto;z-index:31;height:38px;padding:0 4%;background:#050505;color:#d6d7da;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1a;font-size:11px}
.contact-bar p{margin:0;line-height:1.2}.contact-bar>div{display:flex;align-items:center;gap:25px}.contact-bar a{display:flex;align-items:center;gap:8px}.contact-bar a:hover{color:var(--yellow)}
.contact-bar svg,.app-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-bar svg{color:var(--yellow)}
header{top:38px;height:105px;background:#101216ed;backdrop-filter:blur(14px)}header.scrolled{height:86px;background:#101216f5}
.logo{width:200px;height:84px;object-fit:contain;filter:brightness(0) invert(1)}footer .logo{width:255px;height:auto}
.hero-content{padding-top:195px}.hero{min-height:790px}.button{border-radius:8px}.header-cta{border-radius:12px}.service-strip{background:var(--yellow)}footer{background:#101216}.split{background:#171a1f}.app-nav{display:none}
html{scroll-padding-top:155px}
@media(max-width:1200px){header .logo{width:165px;height:74px}nav{gap:12px}}
@media(max-width:960px){header,header.scrolled{height:91px}header .logo{width:170px;height:78px}#navigation{top:91px;max-height:calc(100svh - 220px);overflow:auto;border-top:1px solid #ffffff17;border-radius:0 0 20px 20px;background:#101216}.menu{border:1px solid #ffffff26;border-radius:12px;width:46px;height:46px;padding:0;font-size:25px}.contact-bar{height:34px;font-size:10px}header{top:34px}.contact-bar>div{gap:16px}.contact-bar a span{display:none}.contact-bar a{padding:6px}.contact-bar svg{width:17px;height:17px}.contact-bar p{max-width:290px}.hero-content{padding-top:175px}html{scroll-padding-top:140px}
.app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;top:auto;bottom:12px;left:14px;right:14px;width:auto;z-index:30;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:#101216f5;color:#a5a7ad;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 8px 30px #0005;backdrop-filter:blur(18px);gap:0}
.app-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;border-radius:14px;font-size:10px;min-height:53px;transition:color .2s,background .2s}.app-nav a:after{display:none}.app-nav svg{width:21px;height:21px}.app-nav a.active{color:var(--yellow);background:#ffca0517}.app-nav a:hover{color:#fff}.whatsapp{bottom:103px}footer{padding-bottom:110px}.footer-bottom{padding-bottom:10px}}
@media(max-width:600px){.contact-bar{padding:0 5%;gap:8px}.contact-bar p{font-size:9px;max-width:235px}.contact-bar>div{gap:5px}header{padding:0 6%}.hero{height:900px;min-height:900px}.hero-content{padding-top:175px}.hero-bottom{bottom:30px;flex-direction:column;gap:10px}.hero-bottom>a{max-width:none;text-align:left}.hero-bottom{padding-bottom:80px}.whatsapp{font-size:11px}.logo{width:170px}footer .logo{width:240px}.app-nav{display:grid}.contact h2{font-size:42px}}
/* Cabecera con logo a color y contacto integrado en navegación */
header .logo{filter:none}header{gap:18px}#navigation{gap:16px}.nav-contact{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-contact>a{display:flex;align-items:center;justify-content:center;width:38px;height:42px;color:var(--yellow);border-radius:10px}.nav-contact>a:hover{background:#ffca0519;color:#fff}.nav-contact a span{display:none}.nav-contact svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-cta{padding:14px 18px;gap:18px}.contact-bar{justify-content:flex-start}header .logo{width:185px}
.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:30px 0 22px}.footer-bottom>p{margin:0;font-size:13px}.footer-bottom .developer-credit{border:0;padding:0;text-align:left;color:#d1d3d8;font-size:15px;line-height:1.7}.developer-credit a{border-bottom:1px solid var(--yellow);display:inline;font-size:inherit;margin:0;padding-bottom:2px}.developer-credit strong{font-weight:700;color:#fff}.developer-credit a:hover{color:var(--yellow)}
@media(min-width:961px) and (max-width:1200px){header .logo{width:145px}#navigation{gap:10px;font-size:11px}.nav-contact{gap:2px}.nav-contact>a{width:30px}.header-cta{font-size:11px;padding:12px;gap:10px}}
@media(max-width:960px){header .logo{width:180px}.nav-contact{gap:6px}.nav-contact>a{width:40px;height:44px}#navigation{display:none}.footer-bottom{padding-bottom:10px}.footer-bottom .developer-credit{max-width:100%;font-size:14px}}
@media(max-width:400px){header{padding:0 5%;gap:8px}header .logo{width:155px}.nav-contact{gap:2px}.nav-contact>a{width:34px}.nav-contact svg{width:20px;height:20px}}
