.hero-bg {
  background: linear-gradient(90deg,#090a0c 4%,rgba(9,10,12,.96) 30%,rgba(9,10,12,.38) 62%,rgba(9,10,12,.12)), url('assets/flota-mascaro-03.jpg') center 68%/cover no-repeat;
}

.services { grid-template-columns:repeat(4,1fr); }
.services article { padding:34px 28px; }
.availability-note { margin-top:-92px; margin-bottom:90px; color:#777; font-size:11px; }

.fleet { padding: 0 0 110px; }
.fleet-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; align-items:end; margin-bottom:35px; }
.fleet-heading .eyebrow { grid-column:1; }
.fleet-heading h2 { grid-column:1; font:800 clamp(42px,5vw,65px)/.95 var(--font-head); text-transform:uppercase; margin:0; }
.fleet-heading > p:last-child { grid-column:2; grid-row:1/3; color:#666; }
.fleet-gallery { height:520px; display:grid; grid-template-columns:1.7fr 1fr; grid-template-rows:1fr 1fr; gap:10px; }
.fleet-gallery figure { margin:0; overflow:hidden; background:#ddd; }
.fleet-gallery .fleet-main { grid-row:1/3; }
.fleet-gallery img { width:100%; height:100%; display:block; object-fit:cover; }
.fleet-main img { object-position:center 61%; }
.fleet-gallery figure:nth-child(2) img { object-position:center 48%; }
.fleet-gallery figure:nth-child(3) img { object-position:center 54%; }
.about-visual { background:linear-gradient(0deg,#0008,#0000 50%),url('assets/flota-mascaro-04.jpg') center 48%/cover no-repeat; }
.usdot-badge { display:inline-flex; flex-direction:column; border-left:3px solid var(--orange); background:#fff; padding:10px 15px; margin:8px 0 12px!important; }
.usdot-badge span { color:#888; font-size:8px; font-weight:800; letter-spacing:1.3px; }
.usdot-badge strong { color:#17181a; font:800 20px var(--font-head); letter-spacing:.5px; }
.social-name { color:#aaa; font-size:11px; margin-top:8px; overflow-wrap:anywhere; }
.social-name:hover { color:var(--orange); }
.social-links { display:flex; gap:14px; }
.whatsapp { border:1px solid #25d366; color:#fff; }
.whatsapp:hover { background:#25d366; color:#08140c; }
.mobile-actions { display:none; }
.payments { background:#ebe8e1; padding:55px 0; }
.payments-row { display:grid; grid-template-columns:1fr 1.7fr; gap:50px; align-items:center; }
.payments h2 { font:800 36px/1 var(--font-head); text-transform:uppercase; margin:0; }
.payments .eyebrow { margin-bottom:10px; }
.deposit-copy { color:#666; font-size:11px; line-height:1.5; margin:12px 0 0; max-width:430px; }
.payments ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.payments li { background:#fff; padding:18px 12px; display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; }
.payments li span { width:28px; height:28px; display:grid; place-items:center; background:var(--orange); color:#111; font-weight:900; }
.quote-note { margin:0; color:#777!important; font-size:10px!important; line-height:1.5; }
.privacy-note { margin:-9px 0 0!important; color:#777!important; font-size:10px!important; line-height:1.4; }
form select { font:400 14px var(--font-body); width:100%; border:0; border-bottom:1px solid #ccc; padding:10px 2px; outline:0; background:#fff; }
form select:focus { border-color:var(--orange); }
.photo-requirement { border-left:3px solid #25d366; background:#f1f8f3; padding:13px 15px; display:flex; flex-direction:column; gap:3px; text-transform:none; }
.photo-requirement strong { font-size:11px; text-transform:uppercase; }
.photo-requirement span { color:#666; font-size:11px; }
.photo-requirement a { color:#137a37; font-size:11px; font-weight:800; margin-top:4px; }
.cargo-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.restricted { padding:85px 0; display:grid; grid-template-columns:1fr 1.5fr; gap:80px; align-items:center; }
.restricted h2 { font:800 44px/1 var(--font-head); text-transform:uppercase; margin:0 0 12px; }
.restricted p:not(.eyebrow) { color:#666; font-size:13px; }
.restricted ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.restricted li { background:#fff; border-left:3px solid var(--orange); padding:14px; font-size:11px; font-weight:700; }
.confirmation { display:flex; gap:10px; align-items:flex-start; line-height:1.5; text-transform:none; color:#555; }
.confirmation input { width:18px; min-width:18px; margin-top:2px; accent-color:var(--orange); }
.confirmation span { font-size:10px; font-weight:600; }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }

@media (max-width:900px) {
  .services { grid-template-columns:1fr; }
  .availability-note { margin-top:-62px; margin-bottom:65px; }
  .hero-bg { background:linear-gradient(180deg,#0b0c0e55,#0b0c0e 86%),url('assets/flota-mascaro-03.jpg') center 50%/cover no-repeat; }
  .fleet { padding-bottom:80px; }
  .fleet-heading { grid-template-columns:1fr; }
  .fleet-heading .eyebrow,.fleet-heading h2,.fleet-heading > p:last-child { grid-column:1; grid-row:auto; }
  .fleet-gallery { height:auto; grid-template-columns:1fr 1fr; grid-template-rows:360px 230px; }
  .fleet-gallery .fleet-main { grid-row:auto; grid-column:1/3; }
  .mobile-actions { display:flex; position:fixed; z-index:25; bottom:14px; right:14px; gap:8px; }
  .mobile-actions .mobile-call { position:static; display:flex; }
  .mobile-whatsapp { background:#25d366; color:#08140c; padding:13px 16px; font-size:12px; font-weight:800; box-shadow:0 5px 20px #0007; }
  body > .mobile-call { display:none; }
  .payments-row { grid-template-columns:1fr; gap:28px; }
  .payments ul { grid-template-columns:1fr 1fr; }
  .cargo-fields { grid-template-columns:1fr; }
  .restricted { grid-template-columns:1fr; gap:25px; padding:65px 0; }
  .restricted ul { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  .fleet-gallery { grid-template-rows:320px 180px; }
}