:root{--navy:#07182b;--navy-2:#0c2540;--blue:#0f4170;--orange:#f49a28;--ink:#172130;--muted:#697483;--line:#dde2e7;--soft:#f4f5f6;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,system-ui,sans-serif;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.18);color:#fff}.nav-wrap{width:min(calc(100% - 48px),var(--max));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:600 20px Oswald,sans-serif;letter-spacing:.055em}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}nav a{transition:.2s}nav a:hover{color:var(--orange)}.nav-cta{padding:13px 18px;border:1px solid rgba(255,255,255,.4)}.nav-cta span{margin-left:8px;color:var(--orange)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{height:min(850px,100svh);min-height:700px;position:relative;color:#fff;display:flex;align-items:center;background:var(--navy);overflow:hidden}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,17,31,.98) 0%,rgba(4,17,31,.88) 28%,rgba(4,17,31,.24) 63%,rgba(4,17,31,.12) 100%),linear-gradient(0deg,rgba(4,17,31,.72) 0%,transparent 35%),url('assets/hero-transportes-j.png');background-size:cover;background-position:center}.hero-content{z-index:2;position:relative;padding-top:55px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow span{width:34px;height:2px;background:var(--orange)}h1,h2{font-family:Oswald,sans-serif;text-transform:uppercase;line-height:.98;letter-spacing:-.025em;margin:0}h1{font-size:clamp(60px,7.4vw,106px);max-width:900px}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy{font-size:17px;line-height:1.7;color:#d4dce4;max-width:600px;margin:28px 0 34px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:0 25px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer;font-family:inherit}.button-primary{background:var(--orange);color:var(--navy)}.button-primary:hover{background:#ffad43;transform:translateY(-2px)}.button-ghost{border-color:rgba(255,255,255,.45);color:#fff}.button-ghost:hover{background:#fff;color:var(--navy)}.hero-bottom{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.23)}.hero-bottom div{padding:24px 30px;border-right:1px solid rgba(255,255,255,.23);display:flex;flex-direction:column}.hero-bottom div:first-child{padding-left:0}.hero-bottom div:last-child{border:0}.hero-bottom strong{font-size:13px}.hero-bottom span{font-size:11px;color:#aebac7;margin-top:2px}.section{padding:110px 0}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:100px;align-items:end}.eyebrow.dark{color:var(--blue)}.section-heading h2,.section-top h2,.contact-heading h2{font-size:clamp(42px,5.3vw,70px)}.intro-copy{border-left:1px solid var(--line);padding-left:44px}.intro-copy p{font-size:16px;color:var(--muted);margin:0 0 28px}.text-link{font-size:13px;font-weight:800;color:var(--blue);padding-bottom:7px;border-bottom:2px solid var(--orange)}.text-link span{margin-left:18px}.services{background:var(--soft)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.section-top>p{max-width:380px;color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd2d8;border-left:1px solid #cbd2d8}.service-card{min-height:340px;background:#fff;padding:30px;position:relative;border-right:1px solid #cbd2d8;border-bottom:1px solid #cbd2d8;display:flex;flex-direction:column;transition:.3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(7,24,43,.1);z-index:2}.service-card.featured{background:var(--navy);color:#fff}.service-number{position:absolute;right:24px;top:22px;color:#9ba4ad;font:500 12px Oswald}.service-icon{font-size:35px;color:var(--orange);height:64px}.service-card h3{font:600 24px/1.15 Oswald,sans-serif;text-transform:uppercase;margin:15px 0 14px}.service-card p{color:var(--muted);font-size:13px;margin:0 0 25px}.service-card.featured p{color:#b7c3ce}.service-card a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-top:auto;color:var(--blue)}.service-card.featured a{color:var(--orange)}.service-card a span{float:right;font-size:16px}.service-card.wide{grid-column:span 3;min-height:180px;display:grid;grid-template-columns:80px 1fr 210px;align-items:center;gap:25px}.service-card.wide .service-icon{grid-column:1}.service-card.wide div:nth-of-type(2){grid-column:2}.service-card.wide h3{margin-top:0}.service-card.wide a{grid-column:3;margin:0}.advantages{background:var(--navy);color:#fff;padding:120px 0;position:relative;overflow:hidden}.advantages:after{content:'J';position:absolute;left:-35px;bottom:-270px;font:700 620px Oswald;color:rgba(255,255,255,.025);line-height:1}.advantages-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;position:relative;z-index:1}.eyebrow.light{color:#b8c5d0}.advantages-copy h2{font-size:clamp(48px,6vw,78px)}.advantages-copy>p:not(.eyebrow){color:#aebbc7;font-size:14px;margin:28px 0 34px;max-width:430px}.advantage-list{border-top:1px solid rgba(255,255,255,.18)}.advantage-list article{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:27px 8px;border-bottom:1px solid rgba(255,255,255,.18)}.advantage-list article>span{font:500 12px Oswald;color:var(--orange)}.advantage-list h3{font:600 22px Oswald;text-transform:uppercase;margin:0 0 6px}.advantage-list p{margin:0;color:#aebbc7;font-size:13px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-heading>p:not(.eyebrow){color:var(--muted);max-width:460px;margin:26px 0}.company-data{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:800;color:var(--blue)}.quote-form{padding:38px;background:var(--soft);display:grid;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:#43505e}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #bbc3ca;background:transparent;padding:10px 2px 12px;font:500 13px Manrope;color:var(--ink);outline:none;border-radius:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.field textarea{resize:vertical}.button-dark{background:var(--navy);color:#fff;width:max-content}.button-dark:hover{background:var(--blue)}.form-note{font-size:10px;color:var(--muted);margin:0}.form-note.success{color:#197048;font-weight:700}footer{background:#050f1b;color:#fff;padding:55px 0 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding-bottom:40px}.footer-top p{font-size:12px;color:#8695a4;max-width:380px}.back-top{width:48px;height:48px;display:grid;place-items:center;border:1px solid #344252;color:var(--orange)}.footer-bottom{border-top:1px solid #263544;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#68798a}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-toggle{display:block}nav{position:absolute;top:92px;left:0;right:0;background:var(--navy);display:none;flex-direction:column;align-items:stretch;padding:25px 24px;gap:0}nav.open{display:flex}nav a{padding:14px}.hero{min-height:760px}.hero-bottom{width:100%;padding:0 24px}.intro-grid,.advantages-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.intro-copy{padding-left:0;border-left:0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card.wide{grid-column:span 2}.section-top{align-items:start;gap:35px}.advantages-grid{gap:65px}}@media(max-width:620px){.container,.nav-wrap{width:min(calc(100% - 32px),var(--max))}.nav-wrap{height:76px}.brand{font-size:17px}.brand img{width:38px;height:38px}nav{top:76px}.hero{height:auto;min-height:720px;padding:125px 0 155px}.hero-media{background-position:58% center}h1{font-size:50px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-bottom{grid-template-columns:1fr;bottom:12px;border:0}.hero-bottom div{padding:5px 0!important;border:0}.hero-bottom span{display:none}.section{padding:78px 0}.intro-grid{gap:30px}.section-top{display:block}.section-top>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card.wide{grid-column:span 1;display:flex;min-height:340px}.service-card.wide .service-icon,.service-card.wide div:nth-of-type(2),.service-card.wide a{grid-column:auto}.advantages{padding:85px 0}.contact-grid{gap:35px}.quote-form{padding:26px 20px}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr auto}.footer-top p{grid-column:1/3}.footer-bottom{gap:20px}}
