:root{--bg:#f2f2f2;--ink:#1e1e1e;--gray:#d8d8d8;--dark:#3d3d3e;--red:#8d0e02;--white:#fcfdfd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:500}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3000f;outline-offset:5px}p,h1,h2,h3{margin:0}h2{font:700 32px/40px Orbitron,sans-serif}h3{font-size:24px}.page{max-width:1440px;min-width:1100px;margin:auto}.pad{padding-left:5%;padding-right:5%}header{height:85px;display:flex;align-items:center;padding:10px 3.4% 10px 5%;gap:32px;background:var(--gray);box-shadow:0 4px 16px 12px #0004;position:relative;z-index:1}.brand{width:31.2%;flex-shrink:0}.brand img{width:100%;height:65px;object-fit:contain;display:block}nav{display:flex;justify-content:space-between;gap:24px;flex:1;white-space:nowrap;font-size:16px}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:var(--white);border:2px solid var(--ink);border-radius:20px;width:189px;min-height:44px;font-size:16px;font-weight:800;line-height:20px;transition:background .15s,transform .15s}.button:hover{background:var(--red);transform:translateY(-1px)}.header-cta{margin-left:3.7%;background:var(--red);border:3px solid var(--dark);width:194px;flex-shrink:0;font-weight:700}.hero{display:flex;gap:6.48%;margin-top:46px;height:491px}.hero-brand{width:27.7%;flex-shrink:0;display:flex;flex-direction:column;gap:40px}.shield{width:100%;height:379px;object-fit:fill}.call{width:100%;min-height:73px;background:#e3000f;border:3px solid var(--red);font-size:32px;font-weight:700}.hero-panel{flex:1;min-width:0;position:relative;border-radius:20px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--white)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.hero-panel:after{content:"";position:absolute;inset:0;background:#9e231e33;pointer-events:none}.hero h1{font:800 clamp(48px,4.584vw,66px)/1.25 Orbitron,sans-serif;letter-spacing:1.32px;z-index:1}.hero-panel p{font-weight:700;font-size:clamp(27px,2.778vw,40px);letter-spacing:.4px;line-height:1.25;z-index:1;white-space:nowrap}.about{display:flex;justify-content:space-between;align-items:center;gap:3.16%;margin-top:96px;min-height:558px}.about-copy{width:49.85%;padding:0 8px}.about-copy h2{margin-bottom:8px}.about-copy p{font-size:24px;line-height:30px;margin-bottom:30px}.about-copy p:last-child{margin:0}.about-photo{width:47%;height:459px;object-fit:cover}.rounded{border-radius:20px}.advantages{margin-top:96px}.advantages h2{text-align:center;padding:8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:32px}.benefits>div{background:var(--gray);border:1px solid var(--dark);border-radius:20px;min-height:100px;display:flex;align-items:center;gap:8px;padding:8px}.benefits img{width:48px;height:48px;flex-shrink:0}.benefits h3{font:800 24px/30px Orbitron,sans-serif;color:var(--red)}.catalog{margin-top:96px}.catalog>h2{text-align:center;padding:8px;margin-bottom:24px}.cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.car-photo{width:100%;height:257px;object-fit:cover;border-radius:20px;display:block}.car-body{min-height:329px;margin-top:24px;padding:0 8px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;font-size:24px;line-height:29px}.car h3{font:700 24px/29px Montserrat,sans-serif}.car h3 span{font-weight:500}.second .car-body{min-height:304px}.booking{min-height:585px;background:var(--gray);border:3px solid var(--dark);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:35px 12px}.booking h3{font:800 24px/30px Orbitron,sans-serif;color:var(--red);white-space:nowrap}.booking form{width:253px;display:flex;flex-direction:column;gap:32px}.booking input,.booking select,.send{width:100%;height:42px;background:var(--white);border:2px solid var(--dark);border-radius:20px;padding:8px;font-size:18px;font-weight:400;color:var(--dark);min-width:0}.booking input::placeholder{color:var(--dark);opacity:1}.booking select{appearance:none}.send{height:44px;font-weight:700;padding:8px 4px}.send:hover{background:var(--dark);color:white}.social-notice{margin:96px auto 0;padding:10px;text-align:center;font:800 24px/30px Orbitron,sans-serif;color:var(--red);text-transform:uppercase}.process{margin-top:96px}.process h2{padding:8px;margin-bottom:16px}.steps{display:flex;justify-content:space-between;align-items:center;gap:20px}.steps p{font:400 28px/40px Orbitron,sans-serif;white-space:nowrap}.steps b{font:italic 900 32px Montserrat,sans-serif;color:var(--red)}.steps img{width:24px;height:48px}.team{margin-top:96px}.team-head{display:grid;grid-template-columns:59.8% 40.2%;margin-bottom:24px}.team-head h2:last-child{text-align:center}.team-grid{display:grid;grid-template-columns:23.15% 23.38% 40.28%;gap:6.595%}.portrait{height:212px;width:100%;object-fit:cover;border-radius:20px;display:block}.person{padding:24px 8px 0}.person h3{font:800 24px/30px Orbitron,sans-serif}.person p{margin-top:8px;font-size:16px;line-height:20px}.person .role{font-weight:600;font-size:20px;line-height:24px}.map{display:block;height:451px;border-radius:20px;overflow:hidden}.map img{width:100%;height:100%;object-fit:cover}.reviews{margin-top:96px}.reviews h2{text-align:center;padding:16px 8px;height:72px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.review-grid img{width:100%;height:230px;object-fit:contain}.review-grid .corrected-orientation{transform:scaleY(-1)}.hours{margin-top:32px;font-weight:700;font-size:24px;line-height:29px;text-align:center;color:var(--dark);text-shadow:0 4px 4px #0004}footer{height:155px;margin-top:96px;background:var(--gray);box-shadow:0 4px 16px 12px #0004;position:relative}.contacts{display:flex;align-items:center;justify-content:space-between;gap:20px}.contacts a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:24px}.contacts img{width:46px;height:46px;object-fit:contain;flex-shrink:0}.contacts .email span{color:#1c09eb;text-decoration:underline}.contacts .social-icon{width:46px;height:46px}.legal{display:flex;justify-content:center;gap:80px;margin-top:40px}.legal button{padding:0;border:0;background:transparent;font-size:16px;color:var(--ink)}.legal button:hover{text-decoration:underline}.credit{position:absolute;bottom:8px;right:5%;font-size:14px;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{max-width:560px;width:calc(100% - 48px);border:1px solid var(--dark);border-radius:20px;padding:36px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#0008}dialog h2{font-size:24px;line-height:1.4;padding-right:20px;margin-bottom:20px}dialog p{font-size:16px;line-height:1.6;margin-top:12px}dialog a{text-decoration:underline;color:var(--red)}.close{position:absolute;right:16px;top:8px;border:0;background:none;font-size:32px}.dialog-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.dialog-actions .button{font-size:14px;width:auto;padding:10px 18px}.dialog-actions a.button{color:white;text-decoration:none}@media(max-width:1350px){header{gap:20px}nav{font-size:14px;gap:18px}.header-cta{width:155px;margin-left:1%}.about-copy p{font-size:21px;line-height:28px}.benefits{gap:24px}.benefits h3{font-size:20px;line-height:28px}.car-body,.car h3{font-size:21px;line-height:27px}.booking h3{font-size:20px}.steps p{font-size:22px}.contacts{gap:12px}.contacts a{font-size:19px}.contacts img,.contacts .social-icon{width:36px;height:36px}.person h3{font-size:21px}.hero-panel p{white-space:normal}.social-notice{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Phone and tablet layouts; the desktop composition remains above 1099px. */
.menu-toggle,.mobile-only{display:none}nav[hidden]{display:none}
@media(max-width:1099px){
  html{scroll-padding-top:100px}.page{min-width:0;width:100%}.pad{padding-inline:24px}
  h2{font-size:28px;line-height:1.35;overflow-wrap:anywhere}
  header{height:auto;min-height:76px;padding:14px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;position:sticky;top:0;z-index:10;box-shadow:0 3px 14px #0002}
  .brand{width:min(100%,320px)}.brand img{height:auto;max-height:48px;object-fit:contain}
  html.js .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid var(--dark);border-radius:12px;background:transparent;color:var(--ink)}
  .menu-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .15s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  nav{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:0;white-space:normal;font-size:16px;max-height:calc(100dvh - 100px);overflow:auto;padding-block:6px}
  nav a{padding:14px 10px;min-height:48px;border-top:1px solid #3d3d3e22}nav .mobile-only{display:block;color:var(--red);font-weight:700}.header-cta{display:none}
  .hero{height:auto;margin-top:28px;gap:28px;align-items:stretch}.hero-brand{width:26%;justify-content:center;gap:24px}.shield{height:auto;aspect-ratio:359/379;object-fit:fill}.call{font-size:21px;min-height:56px}
  .hero-panel{min-height:360px;gap:28px;padding:24px}.hero h1{font-size:clamp(30px,4.8vw,48px);line-height:1.2;letter-spacing:.4px;overflow-wrap:anywhere}.hero-panel p{font-size:24px;line-height:1.4;white-space:normal}
  .about,.advantages,.catalog,.process,.team,.reviews{margin-top:64px}.about{min-height:0;gap:28px}.about-copy{padding:0;width:52%}.about-copy p{font-size:17px;line-height:1.6;margin-bottom:18px}.about-copy h2{margin-bottom:16px}.about-photo{width:44%;height:340px}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.benefits>div{padding:18px;gap:16px}.benefits h3{font-size:20px;line-height:1.35}
  .cars{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.car{display:flex;flex-direction:column;min-width:0}.car-photo{height:auto;aspect-ratio:411/257}.car-body,.second .car-body{min-height:0;flex:1;padding:0 4px;margin-top:20px;gap:24px;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.car h3{font-size:20px;line-height:1.4;margin-bottom:8px}.car .button{min-height:48px}
  .booking{min-height:480px;padding:32px 20px;gap:24px}.booking h3{font-size:22px;white-space:normal;text-align:center;line-height:1.4}.booking form{width:100%;max-width:360px;gap:20px}.booking input,.booking select,.send{height:50px;font-size:16px;padding:10px 12px}.booking select{appearance:auto}.send{font-weight:700}
  .social-notice{margin-top:64px;padding-inline:24px;font-size:20px;line-height:1.6;overflow-wrap:anywhere}.process h2{padding:0;margin-bottom:24px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.steps img{display:none}.steps p{white-space:normal;font-size:20px;line-height:1.5}.steps b{font-size:28px}
  .team-head{display:block}.team-head h2:last-child{display:none}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.portrait{height:auto;aspect-ratio:300/212}.person{padding:18px 4px 0}.person h3{font-size:21px;overflow-wrap:anywhere}.person .role{font-size:18px}.map-block{grid-column:1/-1;min-width:0}.map-block .mobile-only{display:block;margin:20px 0 24px}.map{height:360px}
  .reviews h2{height:auto;padding:0;margin-bottom:24px}.review-grid{gap:16px}.review-grid img{height:auto;aspect-ratio:411/200;min-width:0}.hours{font-size:20px;line-height:1.6;text-shadow:none}
  footer{height:auto;margin-top:64px;padding-block:28px;box-shadow:0 -3px 14px #0002}.contacts{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 28px}.contacts a{font-size:17px;white-space:normal;min-height:48px;max-width:100%;min-width:0}.contacts .email span{overflow-wrap:anywhere;min-width:0}.contacts img,.contacts .social-icon{width:40px;height:40px}.contacts a[aria-label*="Facebook"],.contacts a[aria-label*="Instagram"]{justify-content:center;min-width:48px}.legal{gap:20px 32px;flex-wrap:wrap;margin-top:24px}.legal button{min-height:44px}.credit{position:static;text-align:center;line-height:1.5;margin-top:20px}
  dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;width:calc(100% - 32px)}dialog h2{font-size:22px}.close{min-width:44px;min-height:44px;right:8px}.dialog-actions .button{min-height:48px}
}
@media(max-width:600px){
  .pad{padding-inline:20px}header{padding:10px 20px;min-height:68px}.brand{max-width:260px}h2{font-size:24px}
  .hero{flex-direction:column;gap:20px;margin-top:24px}.hero-panel{order:-1;flex:auto;min-height:330px;padding:24px 20px;gap:36px}.hero h1{font-size:clamp(28px,7.7vw,42px);line-height:1.24;letter-spacing:.3px}.hero-panel p{font-size:20px;line-height:1.5}.hero-photo{object-position:60% center}.hero-panel:after{background:linear-gradient(180deg,#350b0b55,#350b0b33)}
  .hero-brand{width:100%;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start}.shield{width:86px;height:92px;flex-shrink:0}.call{flex:1;width:auto;font-size:21px;min-height:56px}
  .about,.advantages,.catalog,.process,.team,.reviews{margin-top:48px}.about{flex-direction:column;gap:24px;align-items:stretch}.about-copy,.about-photo{width:100%}.about-copy p{font-size:16px;line-height:1.65}.about-photo{height:auto;aspect-ratio:609/459}.advantages h2{padding:0}.benefits{gap:12px}.benefits>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 12px;gap:12px;min-height:144px;border-radius:16px}.benefits h3{font-size:clamp(14px,3.8vw,19px);line-height:1.4;overflow-wrap:anywhere}.benefits img{width:40px;height:40px}
  .catalog>h2{padding:0;margin-bottom:24px}.cars{grid-template-columns:minmax(0,1fr);gap:36px}.car-body,.second .car-body{font-size:17px;line-height:1.65;margin-top:16px;padding:0;gap:18px}.car h3{font-size:20px}.car .button{width:100%;min-height:50px}.booking{min-height:0;padding:32px 20px}.booking h3{font-size:22px}.booking form{max-width:none}.booking input,.booking select,.send{font-size:16px}.social-notice{margin-top:48px;font-size:17px;line-height:1.6;padding-inline:20px}
  .steps{grid-template-columns:minmax(0,1fr);gap:12px}.steps p{display:flex;align-items:center;gap:16px;font-size:20px;padding:10px 0;border-bottom:1px solid #3d3d3e22}.steps b{min-width:24px}.team-grid{grid-template-columns:minmax(0,1fr);gap:32px}.person h3{font-size:23px}.person p{line-height:1.5}.map-block .mobile-only{margin-top:16px}.map{height:auto;aspect-ratio:522/451}
  .review-grid{grid-template-columns:minmax(0,1fr);gap:20px}.review-grid img{aspect-ratio:auto;width:100%;height:auto}.hours{font-size:18px;line-height:1.6;margin-top:28px}
  footer{margin-top:48px;padding-block:24px}.contacts{gap:16px}.contacts a{font-size:16px}.contacts>a:nth-child(1),.contacts>a:nth-child(2),.contacts>a:last-child{flex-basis:100%}.contacts>a:last-child{line-height:1.5}.contacts img{width:36px;height:36px}.legal{gap:4px 20px;justify-content:flex-start}.legal button{font-size:14px}.credit{font-size:13px;text-align:left}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}
}

/* Preserve the high-resolution emblem proportions at every breakpoint. */
.shield{object-fit:contain}

/* Two direct contact options under the dealership emblem. */
.hero-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0}
.hero-contact .button{width:100%;min-width:0;min-height:73px;padding:12px 8px;font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap}
.hero-contact .whatsapp{background:#087f46;border:3px solid #066536;color:#fff}
.hero-contact .whatsapp:hover{background:#066536}
@media(min-width:601px) and (max-width:1099px){.hero-contact{grid-template-columns:minmax(0,1fr)}.hero-contact .button{min-height:56px}}
@media(max-width:600px){.hero-contact{flex:1;grid-template-columns:minmax(0,1fr);gap:10px}.hero-contact .button{min-height:50px;font-size:18px}}

/* Consistent vehicle cards, with a dedicated price and action row. */
.cars{grid-auto-rows:1fr;align-items:stretch}
.car{display:flex;flex-direction:column;min-width:0;background:#fcfdfd;border:1px solid #d5d5d5;border-radius:20px;overflow:hidden}
.car-photo{height:auto;aspect-ratio:411/257;border-radius:0;flex-shrink:0}
.car-body,.second .car-body{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;grid-template-rows:minmax(28px,auto) minmax(42px,auto) minmax(66px,1fr) 44px 48px;gap:12px;flex:1;min-height:328px;margin:0;padding:20px;overflow-wrap:normal}
.car h3{font:700 20px/28px Montserrat,sans-serif;margin:0}
.car-meta{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 6px;font-size:14px;line-height:21px;color:#4a4a4a}
.car-meta>span{white-space:nowrap}
.car-details{font-size:14px;line-height:22px;color:#4a4a4a;overflow-wrap:break-word}
.car-price{text-align:left;font-size:32px;line-height:44px;font-weight:800;letter-spacing:-.5px;color:var(--red);white-space:nowrap}
.car .button{width:200px;max-width:100%;height:48px;min-height:48px;align-self:end;justify-self:start;margin-inline:0}
@media(max-width:600px){.cars{grid-auto-rows:auto}.car-body,.second .car-body{min-height:328px;padding:20px;gap:12px}.car h3{font-size:20px;line-height:28px}.car .button{min-height:48px}}

/* Social inventory links immediately following the vehicle examples. */
.catalog-social{margin-top:32px}
.catalog-social-panel{padding:32px 24px;border:1px solid #d5d5d5;border-radius:20px;background:var(--gray);text-align:center}
.catalog-social h2{font-size:24px;line-height:1.4;color:var(--red)}
.catalog-social p{max-width:680px;margin:12px auto 0;font-size:17px;line-height:1.6}
.catalog-social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px}
.catalog-social-links .button{width:210px;min-height:52px;gap:12px;padding:12px 20px;background:var(--white);color:var(--ink);border-color:var(--dark)}
.catalog-social-links .button:hover{background:#eee;border-color:var(--red)}
.catalog-social-links img{width:24px;height:24px;object-fit:contain}
@media(max-width:600px){.catalog-social{margin-top:24px}.catalog-social-panel{padding:24px 20px}.catalog-social h2{font-size:21px}.catalog-social p{font-size:16px}.catalog-social-links{gap:12px}.catalog-social-links .button{width:100%}}

/* Bring vehicle examples directly after the compact trust section. */
.hero + .advantages{margin-top:48px}
.advantages + .catalog{margin-top:48px}
@media(max-width:600px){.hero + .advantages{margin-top:32px}.advantages + .catalog{margin-top:32px}}

/* Address, opening hours and directions together with the map. */
.map-block{min-width:0;border:1px solid #d5d5d5;border-radius:20px;overflow:hidden;background:var(--gray)}
.map-block .map{height:220px;border-radius:0;aspect-ratio:auto}
.visit-details{padding:24px}
.visit-intro{font-size:20px;line-height:1.4;font-weight:700;color:var(--red)}
.visit-details address{font-style:normal;font-size:17px;line-height:1.6;margin-top:12px}
.visit-details h3{font-size:16px;line-height:1.5;margin-top:20px}
.visit-hours{margin:8px 0 24px;font-size:16px;line-height:1.6}
.visit-hours>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}
.visit-hours dd{margin:0;font-weight:600}
.visit-route{width:100%;min-height:52px;background:var(--red)}
@media(max-width:1099px){.map-block .mobile-only{margin:0;padding:24px 24px 20px;text-align:center}.map-block .map{height:260px}}
@media(max-width:600px){.map-block .map{height:210px}.visit-details{padding:20px}.map-block .mobile-only{padding:24px 20px 20px}}

/* Allow the Spanish form heading to wrap without overflowing its column. */
.booking h3{white-space:normal;text-align:center;line-height:1.4;max-width:100%;overflow-wrap:break-word}

.hero-panel p{white-space:normal}

/* Quiet, consistent footer contacts and a separate social group. */
.site-footer{height:auto;margin-top:80px;padding-top:40px;padding-bottom:20px;background:#e8e8e8;border-top:1px solid #d0d0d0;box-shadow:none}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding-bottom:28px}
.site-footer h2{font:700 18px/1.4 Montserrat,sans-serif;margin:0 0 16px;color:var(--ink)}
.footer-contact-list{display:grid;gap:4px}
.footer-contact-list a{display:flex;align-items:center;gap:14px;min-height:44px;width:fit-content;max-width:100%;font-size:16px;line-height:1.5;color:#3d3d3e}
.footer-contact-list svg{width:20px;height:20px;flex:none;color:#6a6a6a}
.footer-contact-list span{min-width:0;overflow-wrap:anywhere}
.footer-contact-list a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.footer-social-links{display:flex;flex-wrap:wrap;gap:12px}
.footer-social-links a{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:44px;padding:10px 18px;border:1px solid #bd8a84;border-radius:12px;font-size:15px;font-weight:600;color:var(--red);background:#fff8f7}
.footer-social-links a:hover{background:#f8e8e5;border-color:var(--red);color:var(--red)}
.footer-bottom{border-top:1px solid #cecece;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.site-footer .legal{margin:0;justify-content:flex-start;gap:8px 24px;flex-wrap:wrap}
.site-footer .legal button{min-height:44px;font-size:14px;color:#555}
.site-footer .credit{position:static;margin:0;font-size:13px;line-height:1.5;text-align:left;color:#666}
@media(max-width:600px){.site-footer{margin-top:48px;padding-top:28px;padding-bottom:20px}.footer-main{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:24px}.footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-social-links a{min-width:0;padding-inline:12px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}

/* Unified page framing, balanced contact actions and aligned information blocks. */
header{background:#e8e8e8;box-shadow:none;border-bottom:1px solid #d0d0d0}
.site-footer{background:#e8e8e8;box-shadow:none;border-top:1px solid #d0d0d0}
.hero-contact{gap:12px}
.hero-contact .button{height:52px;min-height:52px;padding:10px 8px;border-width:2px;border-radius:26px;font-size:18px;line-height:24px}
.hero-brand{justify-content:space-between;gap:24px}
.benefits{gap:20px;align-items:stretch}
.benefits>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:24px 16px;min-height:180px;border:1px solid #cecece;border-radius:16px;background:#e8e8e8;text-align:center}
.benefits img{width:44px;height:44px;flex:none;object-fit:contain}
.benefits h3{display:flex;align-items:center;justify-content:center;width:100%;max-width:220px;min-height:56px;font:700 20px/28px Montserrat,sans-serif;color:var(--red);overflow-wrap:normal}
.process h2{text-align:center;padding:0;margin-bottom:28px}
.purchase-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0}
.purchase-steps li{display:flex;align-items:center;gap:16px;min-width:0;padding:20px 16px;border-top:2px solid #c9c9c9;font:600 18px/1.5 Montserrat,sans-serif}
.step-number{display:inline-flex;justify-content:center;align-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#f2e3e1;color:var(--red);font-size:20px;font-weight:700}
@media(min-width:601px) and (max-width:1099px){.hero-brand{justify-content:center}}
@media(max-width:1099px){.purchase-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{gap:16px}}
@media(max-width:600px){.hero-brand{justify-content:flex-start;gap:20px}.hero-contact{gap:10px}.hero-contact .button{height:48px;min-height:48px;border-radius:24px;font-size:18px}.benefits{gap:12px}.benefits>div{padding:20px 10px;gap:12px;min-height:160px}.benefits img{width:40px;height:40px}.benefits h3{font-size:16px;line-height:24px;min-height:48px}.purchase-steps{grid-template-columns:minmax(0,1fr);gap:0}.purchase-steps li{padding:16px 0;gap:16px;font-size:18px;border-top:1px solid #d0d0d0}.process h2{margin-bottom:20px}}

/* Transparent vector icons with one consistent stroke and colour. */
.benefit-icon{display:block;width:44px;height:44px;flex:none;color:var(--red);background:none}
@media(max-width:600px){.benefit-icon{width:40px;height:40px}}

/* Compact benefit cards while retaining equal alignment. */
.benefits{max-width:none;width:100%;margin:20px 0 0;gap:16px}
.benefits>div{min-height:0;padding:16px 12px;gap:8px;border-radius:14px;justify-content:center}
.benefits .benefit-icon{width:32px;height:32px}
.benefits h3{min-height:48px;font-size:18px;line-height:24px}
@media(max-width:600px){.benefits{gap:10px;margin-top:16px}.benefits>div{min-height:0;padding:12px 8px;gap:6px}.benefits .benefit-icon{width:30px;height:30px}.benefits h3{min-height:44px;font-size:16px;line-height:22px}}

/* Native legal-page links and readable standalone notices. */
.site-footer .legal a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#555;line-height:1.5}
.site-footer .legal a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.legal-page{min-width:0;min-height:100vh;display:flex;flex-direction:column}
.legal-header{display:flex;justify-content:space-between;gap:24px}
.legal-header .brand{width:min(55%,360px)}
.legal-back{font-size:15px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;text-align:right}
.legal-back:hover{text-decoration:underline}
.legal-document{width:min(100%,850px);padding:64px 24px;margin:0 auto;flex:1}
.legal-document h1{font:700 clamp(26px,4vw,36px)/1.35 Montserrat,sans-serif;color:var(--red);margin-bottom:28px}
.legal-document p{font-size:17px;line-height:1.8;margin:0 0 20px;overflow-wrap:anywhere}
.legal-document p a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.legal-return{margin-top:16px;min-height:48px}
.legal-page .site-footer{margin-top:0}
.legal-page .footer-bottom{border-top:0;padding-top:0}
@media(max-width:600px){.legal-document{padding:40px 20px}.legal-document p{font-size:16px}.legal-header{position:static;gap:16px}.legal-back{font-size:14px}}

.legal-document h2{font:700 22px/1.4 Montserrat,sans-serif;margin:32px 0 12px}.legal-date{color:#666;font-size:14px!important}

/* Preserve the complete current map, its marker and attribution at every width. */
.map-block .map{height:auto}.map-block .map img{display:block;width:100%;height:auto;object-fit:contain}

/* Main sales channel alongside secondary social links. */
.catalog-social-links{align-items:stretch}
.catalog-social-links .wallapop-primary{width:auto;min-width:280px;background:#13c1ac;border-color:#13c1ac;color:#103b36;box-shadow:0 4px 12px #13c1ac26}
.catalog-social-links .wallapop-primary:hover{background:#10ad9a;border-color:#10ad9a}
.wallapop-primary svg{flex-shrink:0}
@media(max-width:600px){.catalog-social-links .wallapop-primary{width:100%;min-width:0}}

.catalog-entry{text-align:center;margin-top:32px}.catalog-entry .button{width:auto;min-height:52px;padding:12px 26px;gap:16px;background:var(--red);border-color:var(--red)}

/* Hero contact row with the primary marketplace directly underneath. */
.hero-brand{justify-content:flex-start;gap:16px}
.hero-brand .shield{height:323px;object-fit:contain}
.hero-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero-contact .wallapop-primary{grid-column:1/-1;display:flex;gap:10px;width:100%;height:auto;min-height:52px;padding:12px 10px;white-space:normal;background:#13c1ac;border-color:#13c1ac;color:#103b36;font-size:15px;line-height:22px;box-shadow:0 4px 12px #13c1ac26}
.hero-contact .wallapop-primary:hover{background:#10ad9a;border-color:#10ad9a}
@media(min-width:601px) and (max-width:1099px){.hero-brand .shield{height:auto;max-height:260px}.hero-contact{grid-template-columns:minmax(0,1fr)}.hero-contact .wallapop-primary{font-size:14px}}
@media(max-width:600px){.hero-brand{gap:16px;align-items:center}.hero-brand .shield{width:86px;height:92px}.hero-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-contact .button{font-size:14px;padding:10px 5px}.hero-contact .wallapop-primary{font-size:13px;min-height:48px;line-height:18px;gap:5px}}

/* Unified buttons: filled actions without borders, outlined white actions. */
.button,.header-cta,.car .button,.hero-contact .button,.visit-route,.catalog-entry .button{border:0}
.hero-contact .call{background:linear-gradient(180deg,#f13b25 0%,#db160b 42%,#8d0e02 100%);color:#fff}
.hero-contact .call:hover{background:linear-gradient(180deg,#df2c1c 0%,#c81208 42%,#780b02 100%)}
.hero-contact .whatsapp{background:#25d366;color:#082f1a;border:0}
.hero-contact .whatsapp:hover{background:#20c05c}
.hero-contact .wallapop-primary,.catalog-social-links .button,.footer-social-links a{background:#fff;color:#1e1e1e;border:2px solid #1e1e1e;box-shadow:none}
.hero-contact .wallapop-primary{font-size:18px;gap:12px}
.hero-contact .wallapop-primary:hover,.catalog-social-links .button:hover,.footer-social-links a:hover{background:#f2f2f2;color:#1e1e1e;border-color:#1e1e1e}
@media(max-width:600px){.hero-contact .wallapop-primary{font-size:16px}}

/* Final hero channel colours. */
.hero-contact .whatsapp,.hero-contact .whatsapp:hover{color:#fff}
.hero-contact .wallapop-primary{background:#13c1ac;color:#fff;border:0;box-shadow:none}
.hero-contact .wallapop-primary:hover{background:#10ad9a;color:#fff;border:0}

/* Footer social identities on white buttons. */
.footer-social-links a[href*="instagram.com"],.footer-social-links a[href*="instagram.com"]:hover{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(35deg,#f9ce34 0%,#ee2a7b 50%,#6228d7 100%) border-box;color:#c72c82}
.footer-social-links a[href*="instagram.com"] span{background:linear-gradient(35deg,#dc8f13 0%,#ee2a7b 48%,#6228d7 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.footer-social-links a[href*="facebook.com"],.footer-social-links a[href*="facebook.com"]:hover{border:2px solid #0866ff;background:#fff;color:#0866ff}
@media(forced-colors:active){.footer-social-links a[href*="instagram.com"] span{background:none;color:LinkText;-webkit-text-fill-color:LinkText}}

/* Preserve the full front view in the five matching homepage photos. */
.catalog .car-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}

/* Prominent full-catalog action, before the booking form on phones. */
.catalog-entry-mobile{display:none}
.catalog-entry .button{min-height:62px;padding:16px 30px;border-radius:32px;border:0;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:.3px;color:#fff;background:linear-gradient(180deg,#f13b25 0%,#db160b 42%,#8d0e02 100%);box-shadow:0 5px 14px #8d0e0226}
.catalog-entry .button:hover{background:linear-gradient(180deg,#df2c1c 0%,#c81208 42%,#780b02 100%)}
@media(max-width:600px){.catalog-entry-desktop{display:none}.catalog-entry-mobile{display:block;margin:0;width:100%}.catalog-entry-mobile .button{width:100%;min-height:66px;padding:18px 12px;gap:10px;font-size:clamp(16px,4.4vw,20px)}.catalog-entry-mobile .button>span{font-size:24px;flex-shrink:0}}

.site-footer .designer-credit{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}.designer-social{display:inline-flex;align-items:center;flex-wrap:wrap;gap:14px}.designer-social a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:#555;font-size:13px;font-weight:500}.designer-social svg{width:17px;height:17px;flex:none}.designer-social a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}.designer-social a[href*="linkedin"] svg{color:#0a66c2}@media(max-width:600px){.site-footer .designer-credit{flex-direction:column;align-items:flex-start;gap:2px}.designer-social a{min-height:44px}}
