@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(/assets/archivo-0.woff2) format("woff2");
}
@font-face {
font-family: "Barlow Condensed";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/barlow-condensed-0.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Barlow Condensed";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/barlow-condensed-1.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}

.vehicle-consultation{--vc-surface:#fff;--vc-ink:#242827;--vc-muted:#535955;--vc-line:#8e9690;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,76px);padding-block:clamp(45px,6vw,80px);scroll-margin-top:100px}
.vc-intro h2{margin:0 0 18px;max-width:12ch}
.vc-intro p{max-width:33ch;margin:0 0 18px;line-height:1.6}
.vc-direct{font-weight:650;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.vc-body,.vc-field{min-width:0}
.vc-form[hidden],.vc-field[hidden]{display:none!important}
.vc-fields{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:14px}
.vc-field{display:flex;flex-direction:column;gap:8px}
.vc-field label{font:600 14px/1.5 Archivo,Arial,sans-serif;color:inherit}
.vc-field input,.vc-field select{width:100%;min-width:0;min-height:52px;padding:12px 11px;font:400 16px/1.4 Archivo,Arial,sans-serif;color:var(--vc-ink);background:var(--vc-surface);border:1px solid var(--vc-line);border-radius:4px;caret-color:var(--vc-ink)}
.vc-field input::placeholder{color:var(--vc-muted);opacity:1}
.vc-field select:disabled{opacity:.7;cursor:not-allowed}
.vc-field input:focus-visible,.vc-field select:focus-visible,.vc-form summary:focus-visible{outline:3px solid #2f7ebd;outline-offset:3px}
.vc-custom-fields,.vc-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vc-custom-fields:has(.vc-field:not([hidden])){margin-top:16px}
.vc-extra{margin-top:14px}
.vc-extra summary,.vc-preview summary{min-height:44px;cursor:pointer;font-size:14px;line-height:1.5;padding:11px 0}
.vc-extra summary span{font-size:12px}
.vc-extra-fields{padding-block:10px 16px}
.vc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px}
.vc-submit.button{background:#176b43;color:#fff;min-height:54px;border:1px solid transparent;font-size:15px;font-weight:650;gap:10px;padding:15px 21px;cursor:pointer;white-space:normal;text-align:center}
.vc-submit.button:hover{background:#105031;color:#fff}
.vc-helper{font-size:12px;line-height:1.5;flex:1 1 170px;max-width:260px;margin:0;color:inherit}
.vc-preview{margin-top:4px}
.vc-preview summary{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.vc-preview pre{font:400 14px/1.7 Archivo,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--vc-surface);color:var(--vc-ink);padding:20px;border:1px solid var(--vc-line);border-radius:4px;margin:6px 0 0}
@media(max-width:1050px){.vehicle-consultation{grid-template-columns:1fr;gap:28px}.vc-intro h2{max-width:100%}.vc-intro p{max-width:55ch}.vc-fields{grid-template-columns:1.18fr 1fr 1fr}.vc-helper{max-width:330px}}
@media(max-width:600px){.vc-fields{grid-template-columns:1fr 1fr;gap:16px 12px}.vc-fields>.vc-field:first-child{grid-column:1/-1}.vc-custom-fields,.vc-extra-fields{gap:14px 12px}.vc-actions{display:block}.vc-submit.button{width:100%}.vc-helper{max-width:100%;margin-top:12px}.vc-intro p{margin-bottom:10px}.vehicle-consultation{padding-block:42px;gap:22px}.vc-preview pre{padding:16px}}
@media(max-width:359px){.vc-fields,.vc-custom-fields,.vc-extra-fields{grid-template-columns:1fr}.vc-fields>.vc-field:first-child{grid-column:auto}}

:root {
--red: #dd3333;
--red-deep: #b62323;
--ink: #191c1c;
--soft: #f2f3f0;
--rose: #f7e9e7;
--muted: #535a56;
--line: #d1d5cf;
--green: #176b43;
--ease: cubic-bezier(0.16, 1, 0.3, 1);
--gutter: clamp(20px, 4.45vw, 80px);
color: var(--ink);
background: white;
font-family: Archivo, sans-serif;
font-synthesis: none;
font-size: 16px;
line-height: 1.55;
scrollbar-color: var(--red-deep) var(--soft);
scroll-padding-top: 112px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
}
h1,
h2,
h3,
p,
figure {
margin: 0;
}
h1,
h2,
h3 {
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1.04;
text-wrap: balance;
}
h2 {
font-size: clamp(36px, 4.3vw, 68px);
}
h3 {
font-size: 32px;
}
p {
max-width: 66ch;
}
a {
color: inherit;
text-underline-offset: 0.25em;
text-decoration-thickness: 1px;
}
a:hover {
text-decoration-thickness: 2px;
}
button,
input,
textarea {
font: inherit;
}
button,
a,
input,
textarea,
summary {
-webkit-tap-highlight-color: transparent;
}
button,
summary {
cursor: pointer;
}
img {
display: block;
max-width: 100%;
height: auto;
}
svg {
flex-shrink: 0;
}
button {
color: inherit;
}
[hidden] {
display: none !important;
}
::selection {
color: white;
background: var(--red-deep);
}
:focus-visible {
outline: 3px solid var(--green);
outline-offset: 5px;
}
input:focus-visible,
textarea:focus-visible {
outline-offset: 2px;
}
section,
details,
[id] {
scroll-margin-top: 112px;
}
main:focus {
outline: none;
}
.wrap {
width: min(calc(100% - var(--gutter) * 2), 1440px);
margin-inline: auto;
}
.icon {
width: 24px;
height: 24px;
}
.button {
min-height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 14px 24px;
border: 1px solid transparent;
border-radius: 14px;
text-decoration: none;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
text-align: center;
transition:
background-color 0.18s,
color 0.18s,
border-color 0.18s;
}
.button:hover {
text-decoration: none;
}
.button-red {
background: var(--red-deep);
color: white;
}
.button-red:hover {
background: #921c1c;
}
.button-dark {
background: var(--ink);
color: white;
}
.button-dark:hover {
background: #363d38;
}
.button-white {
background: white;
color: var(--ink);
}
.button-white:hover {
background: var(--soft);
}
.button-border {
background: transparent;
border-color: var(--ink);
}
.button-border:hover {
background: var(--ink);
color: white;
}
.text-link,
.text-contact {
font-weight: 700;
}
.text-contact {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 44px;
}
.small {
font-size: 14px;
color: var(--muted);
}
.skip-link {
position: fixed;
top: 12px;
left: 20px;
background: white;
color: var(--ink);
padding: 16px 24px;
z-index: 100;
transform: translateY(-150%);
}
.skip-link:focus {
transform: none;
}
.site-header {
position: sticky;
top: 0;
z-index: 30;
background: white;
}
.header-inner {
height: 92px;
width: min(calc(100% - var(--gutter) * 2), 1440px);
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.brand {
display: inline-block;
flex-shrink: 0;
}
.logo {
width: 252px;
height: auto;
}
.main-nav {
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
background: var(--soft);
padding: 5px;
border-radius: 40px;
}
.main-nav a {
padding: 10px 19px;
border-radius: 28px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.main-nav a:hover,
.main-nav [aria-current] {
background: white;
}
.header-contact {
min-height: 48px;
padding: 12px 19px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 28px;
background: var(--ink);
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
}
.header-contact:hover {
background: var(--green);
}
.menu-toggle {
display: none;
}
.emergency-velocity .hero-copy h1 {
font-size: clamp(72px, 7.3vw, 114px);
margin-right: -90px;
margin-bottom: 28px;
}
.emergency-velocity .emergency-actions {
flex-direction: column;
align-items: flex-start;
max-width: none;
gap: 8px;
margin-top: 26px;
}
.emergency-velocity .emergency-whatsapp.button {
min-height: 76px;
padding: 21px 30px;
min-width: min(100%, 370px);
font-size: 23px;
gap: 14px;
}
.emergency-velocity .emergency-whatsapp .icon {
width: 30px;
height: 30px;
flex: 0 0 auto;
}
@media (max-width: 1100px) {
.emergency-velocity .hero-copy h1 {
font-size: 7.6vw;
margin-right: -65px;
}
.emergency-velocity .emergency-whatsapp.button {
min-width: 0;
min-height: 66px;
font-size: 18px;
padding: 17px 20px;
}
.emergency-velocity .emergency-whatsapp .icon {
width: 26px;
height: 26px;
}
}
@media (max-width: 600px) {
.emergency-velocity .hero-copy h1 {
font-size: clamp(44px, 12.1vw, 72px);
margin: 0 0 22px;
}
.emergency-velocity .emergency-actions {
margin-top: 20px;
align-items: stretch;
gap: 4px;
}
.emergency-velocity .emergency-whatsapp.button {
min-height: 64px;
font-size: 19px;
padding: 17px 12px;
flex: none;
}
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.emergency-velocity .velocity-layout {
padding-block: 18px;
min-height: 284px;
}
.emergency-velocity .hero-copy h1 {
font-size: 7.1vw;
margin-bottom: 12px;
}
.emergency-velocity .emergency-actions {
margin-top: 12px;
gap: 0;
}
.emergency-velocity .emergency-whatsapp.button {
min-height: 51px;
padding: 11px 15px;
font-size: 16px;
}
}
.velocity-hero {
position: relative;
isolation: isolate;
overflow: clip;
background: var(--red);
color: white;
}
.velocity-layout {
position: relative;
display: grid;
grid-template-columns: 1.22fr 1fr;
gap: 24px;
min-height: 650px;
padding-block: 62px;
align-items: center;
}
.hero-copy {
position: relative;
z-index: 3;
}
.hero-copy h1 {
font-size: clamp(72px, 7.6vw, 120px);
font-weight: 850;
line-height: 0.98;
margin-right: -150px;
margin-bottom: 34px;
}
.hero-offer {
font-size: 27px;
line-height: 1.25;
font-weight: 650;
}
.hero-area {
margin-top: 12px;
font-size: 16px;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.hero-photo {
position: relative;
align-self: center;
margin-top: 36px;
}
.hero-photo-shell {
width: 100%;
height: 450px;
overflow: hidden;
border-radius: 190px 24px 190px 24px;
position: relative;
transform: rotate(-5deg);
}
.hero-photo-shell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 42% center;
}
.track-fin-a {
position: absolute;
width: 1080px;
height: 840px;
right: -340px;
top: -140px;
border: 95px solid #ef5150;
border-radius: 48%;
transform: rotate(-28deg);
}
.track-fin-b {
position: absolute;
width: 940px;
height: 720px;
right: -180px;
top: -70px;
border: 2px solid #f98681;
border-radius: 48%;
transform: rotate(-28deg);
}
.velocity-hero :focus-visible,
.assistance-section :focus-visible,
.final-cta :focus-visible {
outline-color: white;
}
.assistance-section {
background: var(--ink);
color: white;
padding-block: 104px;
border-radius: 80px 0 0 0;
}
.assistance-layout {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 90px;
}
.assistance-intro h2 {
max-width: 10ch;
}
.assistance-intro p {
max-width: 32ch;
margin-top: 24px;
color: #c6d0c7;
}
.assistance-intro .button {
margin-top: 28px;
}
.service-detail {
border-bottom: 1px solid #475048;
}
summary {
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
.service-detail summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 25px 0;
font-size: 24px;
font-weight: 650;
letter-spacing: -0.025em;
line-height: 1.3;
}
.service-detail summary > .icon {
width: 32px;
height: 32px;
padding: 6px;
border-radius: 50%;
background: #343d35;
color: white;
transition: transform 0.25s var(--ease);
}
.service-detail[open] summary > .icon {
transform: rotate(45deg);
}
.service-detail summary:hover {
color: #ffa9a4;
}
.service-note {
display: block;
color: #ffa9a4;
font-size: 14px;
letter-spacing: 0;
margin-top: 4px;
}
.service-body {
display: grid;
grid-template-columns: 124px 1fr;
gap: 24px;
padding-bottom: 28px;
align-items: start;
font-size: 15px;
}
.service-body img {
border-radius: 12px;
}
.service-body p {
color: #c6d0c7;
}
.service-body .text-contact {
margin-top: 16px;
}
.faq-section {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 100px;
padding-block: 20px 112px;
}
.faq-section h2 {
font-size: clamp(34px, 3.3vw, 48px);
}
.faq-list details {
border-bottom: 1px solid var(--line);
}
.faq-list summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 24px 0;
font-weight: 600;
font-size: 18px;
line-height: 1.4;
}
.faq-list details:first-child summary {
padding-top: 0;
}
.faq-list details[open] summary .icon {
transform: rotate(45deg);
}
.faq-list details > div {
color: var(--muted);
padding-bottom: 24px;
}
.final-cta {
background: var(--red-deep);
color: white;
position: relative;
overflow: clip;
isolation: isolate;
}
.final-cta-layout {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 64px;
align-items: center;
padding-block: 84px;
}
.final-cta h2 {
font-size: clamp(62px, 7.6vw, 112px);
}
.final-cta p {
font-size: 19px;
margin-bottom: 24px;
}
.final-cta .cta-number {
display: block;
font-size: 14px;
margin-top: 20px;
}
.cta-curve {
width: 700px;
height: 700px;
border: 70px solid #c12c2c;
border-radius: 50%;
position: absolute;
left: -100px;
top: -380px;
z-index: -1;
}
.site-footer {
padding-top: 60px;
background: white;
}
.footer-main {
display: grid;
grid-template-columns: 1.6fr 1.1fr 0.7fr 0.7fr;
gap: 36px;
padding-block: 50px;
}
.footer-main h2 {
font-size: 16px;
letter-spacing: -0.01em;
margin-bottom: 18px;
}
.footer-main a {
display: block;
width: fit-content;
margin-top: 10px;
font-size: 14px;
text-decoration: none;
}
.footer-main a:hover {
text-decoration: underline;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-block: 26px;
border-top: 1px solid var(--line);
font-size: 12px;
color: var(--muted);
}
.breadcrumbs {
display: flex;
gap: 12px;
font-size: 13px;
color: var(--muted);
padding-block: 28px;
}
.vehicle-section {
background: var(--rose);
padding-block: 80px;
border-radius: 0 80px 0 0;
}
.vehicle-layout {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 80px;
align-items: center;
}
.vehicle-layout h2 {
font-size: clamp(38px, 4vw, 60px);
}
.check-list {
list-style: none;
margin: 0 0 26px;
padding: 0;
}
.check-list li {
display: flex;
align-items: start;
gap: 12px;
padding-block: 10px;
}
.check-list .icon {
color: var(--red-deep);
}
.payment-section {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 100px;
padding-block: 96px;
}
.payment-section h2 {
font-size: 40px;
}
.payment-section div > p:last-child {
color: var(--muted);
font-size: 14px;
}
.page-hero {
display: grid;
grid-template-columns: 1.2fr 1fr;
align-items: center;
gap: 60px;
padding-block: 36px 60px;
}
.page-hero h1 {
font-size: clamp(64px, 7.4vw, 106px);
color: var(--red-deep);
}
.page-hero-copy > p {
max-width: 40ch;
font-size: 18px;
}
.services-page {
padding: 42px 48px 48px;
background: var(--soft);
border-radius: 24px 80px 24px 24px;
margin-bottom: 88px;
}
.services-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
margin-bottom: 16px;
}
.services-heading h2 {
font-size: 34px;
}
.services-heading p {
font-size: 14px;
color: var(--muted);
}
.services-page .service-detail {
border-color: var(--line);
}
.services-page .service-detail summary {
font-size: 26px;
padding-block: 26px;
}
.services-page .service-detail summary > .icon {
background: white;
color: var(--ink);
}
.services-page .service-detail summary:hover,
.services-page .service-note,
.services-page .text-contact {
color: var(--red-deep);
}
.services-page .service-body {
grid-template-columns: 180px 1fr;
gap: 36px;
max-width: 860px;
}
.services-page .service-body p {
color: var(--muted);
}
.partners-section {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 100px;
padding-bottom: 88px;
}
.partners-section h2 {
font-size: 40px;
}
.partners-section p {
color: var(--muted);
}
.partners-section .partners-names {
margin-top: 20px;
font-size: 22px;
font-weight: 600;
color: var(--ink);
line-height: 1.7;
word-spacing: 6px;
}
.partners-names span {
color: var(--red-deep);
}
.contact-opening {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 100px;
padding-block: 40px 78px;
}
.contact-opening h1 {
font-size: clamp(64px, 7vw, 100px);
color: var(--red-deep);
}
.contact-opening > div > p {
margin-top: 24px;
max-width: 27ch;
font-size: 18px;
}
.channel {
display: flex;
gap: 18px;
padding: 22px 0;
border-bottom: 1px solid var(--line);
align-items: center;
text-decoration: none;
}
.channel > span > span {
display: block;
font-size: 13px;
color: var(--muted);
}
.channel strong {
font-size: 32px;
letter-spacing: -0.03em;
}
.channel .email-value {
font-size: 22px;
}
.channel-action {
margin-left: auto;
font-size: 13px;
text-decoration: underline;
}
.channel-primary {
background: var(--red-deep);
color: white;
border: 0;
border-radius: 16px;
padding: 24px;
}
.channel-primary > span > span {
color: white;
}
.channel:hover strong {
text-decoration: underline;
}
.location-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
background: var(--soft);
padding: 64px;
border-radius: 70px 16px 16px 16px;
align-items: center;
margin-bottom: 88px;
}
.location-info h2 {
font-size: 48px;
}
.location-info address {
font-style: normal;
font-size: 23px;
font-weight: 550;
margin-block: 22px;
}
.location-info .small {
margin-top: 22px;
max-width: 35ch;
}
.location-info .text-link {
display: inline-block;
margin-top: 20px;
font-size: 14px;
}
.map-preview {
text-align: center;
}
.map-preview > img {
width: 399px;
border-radius: 16px;
margin-inline: auto;
}
.map-preview > div {
padding-top: 20px;
}
.map-preview > div > p {
margin: 10px auto 0;
font-size: 13px;
color: var(--muted);
}
.map-preview iframe {
width: 100%;
min-height: 330px;
border: 0;
border-radius: 16px;
display: block;
}
.map-fallback {
display: block;
margin-top: 15px;
font-size: 14px;
}
.map-loading {
font-size: 14px;
padding-top: 15px;
}
.contact-form-section {
padding-block: 0 104px;
}
.form-layout {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 100px;
}
.form-intro h2 {
font-size: 56px;
}
.form-intro p {
margin-top: 24px;
max-width: 32ch;
color: var(--muted);
}
.form-intro .text-link {
display: inline-block;
margin-top: 30px;
font-size: 14px;
}
.form-helper {
font-size: 13px;
margin-bottom: 24px;
color: var(--muted);
}
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.field {
min-width: 0;
}
.field-full {
grid-column: 1/-1;
}
.field label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
.field label span {
font-weight: 400;
color: var(--muted);
}
.field input,
.field textarea {
width: 100%;
min-height: 52px;
padding: 14px 16px;
border: 1px solid #929b91;
border-radius: 10px;
background: white;
color: var(--ink);
caret-color: var(--red-deep);
}
.field textarea {
resize: vertical;
}
.field input::placeholder,
.field textarea::placeholder {
color: #626960;
opacity: 1;
}
.field-help {
display: block;
font-size: 12px;
color: var(--muted);
margin-top: 6px;
}
.field-error {
font-size: 13px;
color: var(--red-deep);
margin-top: 7px;
}
.field [aria-invalid="true"] {
border: 2px solid var(--red-deep);
}
.form-actions {
display: flex;
align-items: center;
gap: 24px;
margin-block: 24px;
}
.email-submit {
border: 0;
background: transparent;
font-size: 14px;
text-decoration: underline;
min-height: 48px;
}
#form-status {
font-size: 14px;
margin-top: 20px;
}
.legal {
max-width: 900px;
padding-block: 40px 100px;
}
.legal h1 {
font-size: clamp(46px, 6vw, 80px);
margin-bottom: 30px;
color: var(--red-deep);
}
.legal h2 {
font-size: 28px;
margin: 40px 0 15px;
}
.legal p {
margin-bottom: 16px;
color: var(--muted);
}
.not-found {
padding-block: 70px 112px;
}
.not-found h1 {
font-size: clamp(68px, 9vw, 124px);
color: var(--red-deep);
margin-block: 20px 30px;
}
.not-found p {
max-width: 45ch;
}
.error-code {
font-weight: 700;
}
@media (min-width: 1700px) {
.hero-copy h1 {
font-size: 128px;
}
.velocity-layout {
min-height: 720px;
}
.hero-photo-shell {
height: 500px;
}
}
@media (max-width: 1100px) {
.header-inner {
gap: 18px;
height: 82px;
}
.logo {
width: 218px;
}
.main-nav a {
padding-inline: 14px;
}
.header-contact > span {
display: none;
}
.header-contact {
padding: 12px;
}
.velocity-layout {
min-height: 560px;
padding-block: 58px;
grid-template-columns: 1.1fr 1fr;
}
.hero-copy h1 {
font-size: 80px;
}
.hero-photo-shell {
height: 355px;
border-radius: 150px 20px 150px 20px;
}
.hero-offer {
font-size: 23px;
}
.hero-actions {
gap: 10px;
}
.hero-actions .button {
padding-inline: 17px;
font-size: 14px;
}
.assistance-layout {
gap: 55px;
}
.service-body {
grid-template-columns: 88px 1fr;
gap: 16px;
}
.faq-section,
.payment-section,
.partners-section,
.contact-opening,
.form-layout {
gap: 50px;
}
.channel strong {
font-size: 26px;
}
.channel .email-value {
font-size: 19px;
}
.channel-action {
display: none;
}
.location-section {
padding: 42px;
gap: 42px;
}
.footer-main {
gap: 24px;
}
.final-cta-layout {
gap: 34px;
}
}
@media (max-width: 800px) {
:root {
--gutter: 28px;
}
.header-inner {
height: 76px;
gap: 12px;
}
.logo {
width: 192px;
}
.main-nav a {
font-size: 13px;
padding-inline: 11px;
}
.main-nav {
padding: 3px;
}
.header-contact {
min-height: 42px;
padding: 9px;
}
.velocity-layout {
min-height: 535px;
padding-block: 48px;
gap: 12px;
}
.hero-copy h1 {
font-size: 67px;
margin-right: -130px;
margin-bottom: 28px;
}
.hero-photo {
margin-top: 40px;
}
.hero-photo-shell {
height: 325px;
border-radius: 120px 20px 120px 20px;
}
.hero-offer {
font-size: 22px;
}
.hero-actions {
max-width: 245px;
}
.hero-actions .button {
min-width: 205px;
}
.assistance-layout {
grid-template-columns: 1fr;
gap: 40px;
}
.assistance-section {
padding-block: 72px;
border-radius: 48px 0 0 0;
}
.assistance-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 40px;
}
.assistance-intro h2 {
grid-row: span 2;
font-size: 48px;
}
.assistance-intro p {
margin: 0;
}
.assistance-intro .button {
width: fit-content;
}
.service-body {
grid-template-columns: 100px 1fr;
max-width: 600px;
}
.faq-section {
gap: 40px;
padding-bottom: 76px;
}
.faq-list summary {
font-size: 16px;
}
.final-cta-layout {
padding-block: 60px;
gap: 30px;
grid-template-columns: 1fr 1fr;
}
.final-cta h2 {
font-size: 62px;
}
.final-cta p {
font-size: 16px;
}
.footer-main {
grid-template-columns: 1.2fr 1fr;
gap: 32px;
}
.page-hero {
gap: 32px;
grid-template-columns: 1fr 1fr;
}
.page-hero h1 {
font-size: 64px;
}
.page-hero .hero-actions {
max-width: none;
}
.page-hero .hero-actions .button {
min-width: 0;
}
.vehicle-layout {
gap: 40px;
}
.vehicle-layout h2 {
font-size: 36px;
}
.payment-section {
padding-block: 72px;
}
.services-page {
padding: 30px;
}
.services-heading {
display: block;
}
.services-heading p {
margin-top: 15px;
}
.contact-opening {
grid-template-columns: 1fr;
gap: 40px;
padding-top: 20px;
}
.contact-opening > div > p {
max-width: none;
}
.channel strong {
font-size: 32px;
}
.channel .email-value {
font-size: 26px;
}
.channel-action {
display: inline;
}
.location-section {
grid-template-columns: 1fr 1fr;
padding: 30px;
gap: 24px;
}
.location-info h2 {
font-size: 38px;
}
.location-info address {
font-size: 19px;
}
.form-layout {
grid-template-columns: 1fr;
}
.form-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 40px;
}
.form-intro h2 {
grid-row: span 3;
font-size: 48px;
}
.form-intro p:first-of-type {
margin-top: 0;
}
}
@media (max-width: 600px) {
:root {
--gutter: 20px;
scroll-padding-top: 90px;
}
section,
details,
[id] {
scroll-margin-top: 92px;
}
h2 {
font-size: 40px;
}
.header-inner {
height: 72px;
flex-wrap: nowrap;
}
.logo {
width: 200px;
}
.header-contact {
display: none;
}
.menu-toggle {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0 10px 10px;
min-height: 44px;
border: 0;
background: transparent;
font-size: 13px;
font-weight: 600;
}
.menu-lines {
display: block;
width: 20px;
height: 10px;
border-top: 2px solid;
border-bottom: 2px solid;
}
.menu-toggle[aria-expanded="true"] .menu-lines {
transform: rotate(-45deg);
height: 2px;
border-bottom: 0;
}
.main-nav {
display: none;
position: absolute;
top: 72px;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
margin: 0;
padding: 14px 20px 22px;
border-radius: 0 0 20px 20px;
background: white;
box-shadow: 0 15px 20px #191c1c15;
}
.main-nav.is-open {
display: flex;
}
.main-nav a {
font-size: 18px;
padding: 14px 16px;
}
.main-nav [aria-current] {
background: var(--soft);
}
.velocity-layout {
display: grid;
grid-template-columns: 1fr;
min-height: auto;
gap: 30px;
padding-block: 36px 30px;
}
.hero-copy h1 {
margin: 0 0 22px;
font-size: clamp(48px, 12.4vw, 73px);
}
.hero-offer {
font-size: 20px;
}
.hero-offer br {
display: none;
}
.hero-area {
font-size: 14px;
margin-top: 8px;
}
.hero-actions {
max-width: none;
margin-top: 22px;
gap: 10px;
}
.hero-actions .button {
flex: 1;
min-width: 0;
padding: 13px 12px;
min-height: 52px;
font-size: 13px;
gap: 8px;
}
.hero-actions .icon {
width: 20px;
height: 20px;
}
.hero-photo {
margin: 0 7px 14px;
}
.hero-photo-shell {
height: 235px;
border-radius: 95px 16px 95px 16px;
transform: rotate(-4deg);
}
.hero-photo-shell img {
object-position: center 54%;
}
.track-fin-a {
right: -360px;
top: 80px;
width: 720px;
height: 600px;
border-width: 62px;
}
.track-fin-b {
right: -240px;
top: 130px;
width: 600px;
height: 500px;
}
.assistance-section {
border-radius: 40px 0 0 0;
padding-block: 56px;
}
.assistance-layout {
gap: 30px;
}
.assistance-intro {
display: block;
}
.assistance-intro h2 {
font-size: 40px;
}
.assistance-intro p {
margin-top: 20px;
}
.assistance-intro .button {
margin-top: 24px;
}
.service-detail summary {
font-size: 21px;
padding-block: 23px;
gap: 16px;
}
.service-detail summary > .icon {
width: 28px;
height: 28px;
}
.service-body {
display: block;
}
.service-body img {
width: 100px;
float: left;
margin: 0 20px 14px 0;
}
.service-body::after {
content: "";
display: block;
clear: both;
}
.service-body .text-contact {
display: flex;
clear: both;
}
.faq-section {
grid-template-columns: 1fr;
gap: 30px;
padding-block: 0 60px;
}
.faq-section h2 {
font-size: 34px;
max-width: 13ch;
}
.faq-list summary {
font-size: 17px;
padding-block: 21px;
gap: 24px;
}
.final-cta-layout {
grid-template-columns: 1fr;
padding-block: 50px;
gap: 30px;
}
.final-cta h2 {
font-size: clamp(45px, 11.7vw, 69px);
}
.final-cta p {
font-size: 17px;
}
.final-cta .button {
width: 100%;
}
.final-cta .cta-number {
text-align: center;
}
.cta-curve {
left: -290px;
top: -400px;
}
.site-footer {
padding-top: 40px;
padding-bottom: calc(76px + env(safe-area-inset-bottom));
}
.footer-main {
grid-template-columns: 1fr 1fr;
gap: 34px 20px;
padding-block: 34px;
}
.footer-main h2 {
font-size: 15px;
}
.footer-main a {
font-size: 13px;
line-height: 1.7;
margin-top: 9px;
}
.footer-main > div:nth-child(2) {
grid-column: 1/-1;
}
.footer-bottom {
flex-wrap: wrap;
gap: 16px;
font-size: 11px;
padding-block: 24px;
}
.footer-bottom > span:last-child {
width: 100%;
}
.breadcrumbs {
padding-block: 22px;
}
.vehicle-section {
padding-block: 52px;
border-radius: 0 45px 0 0;
}
.vehicle-layout {
grid-template-columns: 1fr;
gap: 30px;
}
.vehicle-layout h2 {
font-size: 38px;
}
.check-list {
font-size: 15px;
}
.payment-section {
grid-template-columns: 1fr;
gap: 28px;
padding-block: 60px;
}
.payment-section h2 {
font-size: 36px;
}
.page-hero {
grid-template-columns: 1fr;
gap: 28px;
padding-block: 12px 42px;
}
.page-hero h1 {
font-size: clamp(55px, 14vw, 76px);
}
.page-hero-copy > p {
font-size: 17px;
}
.services-page {
width: 100%;
border-radius: 30px 0 0 0;
padding: 38px 20px;
margin-bottom: 0;
}
.services-heading h2 {
font-size: 30px;
}
.services-page .service-detail summary {
font-size: 21px;
padding-block: 24px;
}
.services-page .service-body {
display: block;
font-size: 15px;
}
.partners-section {
grid-template-columns: 1fr;
padding-bottom: 60px;
gap: 28px;
}
.partners-section h2 {
font-size: 35px;
}
.partners-section .partners-names {
font-size: 20px;
}
.contact-opening {
padding-block: 12px 50px;
gap: 30px;
}
.contact-opening h1 {
font-size: clamp(50px, 15vw, 62px);
}
.contact-opening > div > p {
margin-top: 18px;
font-size: 17px;
}
.channel {
gap: 12px;
}
.channel-primary {
padding: 22px 18px;
}
.channel strong {
font-size: 27px;
}
.channel .email-value {
font-size: 21px;
}
.channel-action {
display: none;
}
.location-section {
grid-template-columns: 1fr;
padding: 34px 24px;
gap: 28px;
border-radius: 40px 16px 16px 16px;
margin-bottom: 56px;
}
.location-info h2 {
font-size: 38px;
}
.location-info address {
font-size: 22px;
}
.map-preview > div .button {
font-size: 13px;
padding-inline: 16px;
}
.form-intro {
display: block;
}
.form-intro h2 {
font-size: 42px;
}
.form-intro p:first-of-type {
margin-top: 22px;
}
.form-intro .text-link {
margin-top: 22px;
}
.form-layout {
gap: 32px;
}
.form-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.form-actions {
flex-direction: column;
gap: 10px;
align-items: stretch;
}
.form-actions .button {
padding-inline: 16px;
}
.contact-form-section {
padding-bottom: 60px;
}
.legal {
padding-block: 15px 60px;
}
.legal h1 {
font-size: 46px;
}
.legal h2 {
font-size: 27px;
}
.legal p {
overflow-wrap: anywhere;
}
.not-found {
padding-block: 40px 65px;
}
.not-found h1 {
font-size: 68px;
}
}
@media (max-width: 360px) {
:root {
--gutter: 16px;
}
.logo {
width: 174px;
}
.menu-toggle {
font-size: 12px;
gap: 7px;
}
.hero-copy h1 {
font-size: 46px;
}
.hero-offer {
font-size: 18px;
}
.hero-photo-shell {
height: 200px;
border-radius: 80px 16px 80px 16px;
}
.hero-actions .button {
font-size: 12px;
padding-inline: 9px;
gap: 6px;
}
.channel strong {
font-size: 24px;
}
.channel .email-value {
font-size: 18px;
}
.location-section {
padding-inline: 20px;
}
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.site-header {
position: relative;
}
.velocity-layout {
grid-template-columns: 1.2fr 1fr;
min-height: 320px;
padding-block: 32px;
}
.hero-copy h1 {
font-size: 52px;
margin-bottom: 20px;
margin-right: -70px;
}
.hero-offer {
font-size: 19px;
}
.hero-offer br {
display: none;
}
.hero-area {
font-size: 13px;
margin-top: 5px;
}
.hero-actions {
flex-wrap: nowrap;
max-width: none;
margin-top: 18px;
}
.hero-actions .button {
min-width: 0;
min-height: 47px;
font-size: 12px;
padding-inline: 10px;
gap: 6px;
}
.hero-actions .icon {
width: 18px;
height: 18px;
}
.hero-photo {
margin-top: 0;
}
.hero-photo-shell {
height: 240px;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
.contact-opening > div {
min-width: 0;
}
.final-cta-layout > * {
min-width: 0;
}
@media (min-width: 601px) and (max-width: 800px) {
.final-cta-layout {
grid-template-columns: 1fr;
gap: 28px;
}
.final-cta h2 {
font-size: clamp(52px, 10vw, 78px);
}
}
@media (max-width: 360px) {
.final-cta h2 {
font-size: 40px;
}
}
@media (min-width: 801px) and (max-width: 1100px) {
.final-cta h2 {
font-size: 7vw;
}
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.breadcrumbs {
padding-block: 14px;
}
.contact-opening {
grid-template-columns: 0.8fr 1.2fr;
gap: 30px;
padding-block: 14px 38px;
}
.contact-opening h1 {
font-size: 48px;
}
.contact-opening > div > p {
font-size: 15px;
margin-top: 16px;
}
.contact-opening .channel {
padding-block: 16px;
}
.contact-opening .channel-primary {
padding: 16px;
}
.contact-opening .channel strong {
font-size: 25px;
}
.contact-opening .channel .email-value {
font-size: 18px;
}
.contact-opening .channel-action {
display: none;
}
}
.trust-external { margin-left: 0.2rem; flex-shrink: 0; }
.trust-stars { display: block; overflow: visible; }
.trust-stars-track { fill: var(--trust-stars-track, #52565a); }
.trust-stars-fill { fill: #e7ad25; }
.testimonial-card { min-width: 0; }
.testimonial-card video { display: block; width: 100%; max-height: 360px; aspect-ratio: 16 / 9; object-fit: contain; background: #151719; }
.testimonial-error { font-size: 0.85rem; }
.testimonial-error[hidden] { display: none; }
.hero-google-reviews { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:16px; width:max-content; max-width:calc(100% - 32px); padding:14px 18px; color:#202425; background:#fff; text-decoration:none; line-height:1.2; }
.hero-google-rating { display:flex; align-items:baseline; gap:4px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.hero-google-rating strong { font-family:var(--body); font-size:48px; font-weight:750; letter-spacing:-.055em; line-height:1; }
.hero-google-rating > span { font-size:11px; }
.hero-google-details { display:grid; gap:4px; min-width:0; }
.hero-google-details .trust-stars { width:92px; height:19px; }
.hero-google-count { font-size:12px; }
.hero-google-link { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:650; text-decoration:underline; text-underline-offset:3px; }
.hero-google-link .trust-external { width:14px; height:14px; margin:0; }
.hero-google-reviews:hover .hero-google-link { text-decoration-thickness:2px; }
.hero-google-reviews:focus-visible { outline:3px solid #176b43; outline-offset:4px; }
@media(max-width:600px) {
.hero-google-reviews { gap:12px; padding:11px 13px; }
.hero-google-rating strong { font-size:39px; }
.hero-google-details { gap:3px; }
.hero-google-details .trust-stars { width:83px; height:17px; }
.hero-google-count,.hero-google-link { font-size:11px; }
}
.assistance-intro h2 { max-width: 11ch; font-size: clamp(38px, 4.5vw, 65px); }
.final-cta-layout { grid-template-columns: 1.15fr 1fr; gap: 64px; padding-block: 72px; }
.final-cta h2 { font-size: clamp(48px, 6vw, 82px); line-height: 1.03; }
.final-cta p { font-size: 19px; margin-bottom: 24px; }
.final-cta .button { min-height: 64px; padding: 18px 26px; font-size: 18px; }
.final-cta .button .icon { width: 26px; height: 26px; }
.final-cta .cta-number { display: flex; align-items: center; width: fit-content; min-height: 44px; margin-top: 8px; }
@media (max-width: 900px) {
.final-cta-layout { gap: 32px; }
.final-cta h2 { font-size: clamp(40px, 6.1vw, 62px); }
}
@media (max-width: 700px) {
.final-cta-layout { grid-template-columns: 1fr; padding-block: 48px; gap: 24px; }
.final-cta h2 { font-size: clamp(43px, 9.9vw, 60px); }
.final-cta p { font-size: 17px; margin-bottom: 20px; }
.final-cta .button { min-height: 60px; width: 100%; font-size: 17px; padding-inline: 16px; }
.final-cta .cta-number { display: flex; justify-content: center; width: 100%; }
}
@media (max-width: 600px) {
.site-footer { padding-top: 32px; }
.footer-main { grid-template-columns: 1fr 1fr; gap: 24px 20px; padding-block: 26px; }
.footer-main h2 { margin-bottom: 7px; }
.footer-main a { display: flex; align-items: center; min-height: 44px; margin-top: 0; line-height: 1.4; }
.footer-main > div:nth-child(2) { grid-column: 1; }
.footer-main > div:nth-child(3) { grid-column: 2; }
.footer-main > div:last-child { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0 28px; }
.footer-main > div:last-child h2 { width: 100%; margin-bottom: 0; }
.footer-bottom { padding-block: 20px; gap: 10px; }
.footer-bottom > a { min-height: 44px; display: inline-flex; align-items: center; }
}
.velocity-hero .hero-photo-shell img { object-position: 59% 45%; }
.velocity-hero .hero-photo-shell { height: 430px; border-radius: 150px 22px 150px 22px; }
.consultation-wrap { background: var(--rose); }
.vehicle-consultation { --vc-line: #898e89; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); padding-block: 68px; gap: 48px; }
.vc-intro h2 { font-size: clamp(34px,3.5vw,50px); max-width: 12ch; line-height: 1.07; margin-bottom: 18px; }
.vc-intro p { font-size: 15px; color: var(--muted); }
.vc-direct { color: var(--red-deep); font-size: 14px; }
.vc-field input, .vc-field select { border-radius: 10px; padding-inline: 12px; }
.vc-field input:focus-visible, .vc-field select:focus-visible, .vc-form summary:focus-visible { outline-color: var(--green); }
.vc-submit.button { border-radius: 12px; }
.vc-fields { grid-template-columns: 1.2fr 1fr 1fr; }
.vc-helper { color: var(--muted); }
.vc-extra, .vc-preview { color: var(--ink); }
.vc-preview pre { border-radius: 10px; }
.assistance-section { border-radius: 76px 0 0 0; }
.assistance-intro p { max-width: 31ch; }
.company-section { padding-block: 64px 76px; }
.company-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; margin-bottom: 36px; }
.company-intro h2 { font-size: clamp(36px,4.1vw,58px); }
.company-intro p { color: var(--muted); max-width: 48ch; }
.company-intro .text-contact { font-size: 15px; margin-top: 12px; }
.company-layout { display: grid; grid-template-columns: 1.5fr 1fr; gap: 54px; align-items: center; }
.company-mobile { min-width: 0; }
.company-mobile img { width: 100%; height: 420px; object-fit: cover; object-position: center 76%; border-radius: 80px 18px 18px 18px; }
.company-mobile figcaption { margin-top: 12px; color: var(--muted); font-size: 12px; }
.company-location h3 { font-size: 36px; margin-bottom: 18px; }
.company-location address { font-style: normal; font-size: 17px; }
.business-hours { font-size: 14px; margin: 24px 0; line-height: 1.5; max-width: 350px; }
.business-hours div { display: flex; justify-content: space-between; gap: 18px; padding-block: 8px; border-bottom: 1px solid var(--line); }
.business-hours dt { margin: 0; font-weight: 500; }
.business-hours dd { margin: 0; white-space: nowrap; font-weight: 700; font-variant-numeric: tabular-nums; }
.company-location .small { margin-top: 12px; font-size: 12px; }
.company-moment { display: flex; align-items: center; justify-content: space-between; gap: 36px; margin-top: 32px; padding-top: 30px; border-top: 1px solid var(--line); }
.company-moment figure { display: flex; align-items: center; gap: 22px; }
.company-moment figure img { width: 112px; height: 140px; object-fit: cover; object-position: center 20%; border-radius: 14px; flex-shrink: 0; }
.company-moment figcaption { font-size: 15px; max-width: 22ch; font-weight: 600; }
.company-moment > p { font-size: 14px; color: var(--muted); max-width: 32ch; }
.company-moment > p a { font-weight: 650; color: var(--ink); }
.faq-section { padding-block: 56px 68px; }
.faq-section h2 { font-size: 32px; max-width: 12ch; }
.faq-list summary { padding-block: 18px; font-size: 16px; }
.assistance-wide { margin-top: 0; margin-bottom: 36px; }
.assistance-wide img { width: 100%; height: 340px; object-fit: cover; object-position: center 42%; border-radius: 85px 18px 18px 18px; }
.assistance-wide figcaption { font-size: 13px; margin-top: 12px; color: var(--muted); }
.vehicle-layout p { margin-bottom: 16px; max-width: 40ch; }
.vehicle-layout .check-list { margin-bottom: 20px; }
.contact-vehicle-jump { display: inline-flex; margin-top: 20px; align-items: center; min-height: 44px; font-size: 15px; }
.location-info .business-hours { margin: 26px 0 18px; }
.location-info .text-link { font-size: 14px; }
@media (max-width: 1100px) {
.vehicle-consultation { grid-template-columns: 1fr; gap: 28px; }
.vc-intro h2 { max-width: none; }
.vc-intro p { max-width: 60ch; margin-bottom: 4px; }
.company-layout { gap: 32px; grid-template-columns: 1.2fr 1fr; }
.company-mobile img { height: 360px; }
.company-intro { gap: 36px; }
}
@media (max-width: 900px) {
.velocity-hero .hero-photo-shell { height: 340px; border-radius: 100px 18px 100px 18px; }
.company-intro { grid-template-columns: 1fr; gap: 20px; }
.company-intro p { max-width: 65ch; }
.company-location h3 { font-size: 30px; }
.company-location .business-hours { font-size: 12px; }
.company-mobile img { height: 330px; }
}
@media (max-width: 700px) {
.vehicle-consultation { padding-block: 44px; }
.vc-intro h2 { font-size: 36px; }
.company-section { padding-block: 42px 50px; }
.company-intro h2 { font-size: 38px; }
.company-intro { margin-bottom: 24px; gap: 20px; }
.company-layout { grid-template-columns: 1fr; gap: 26px; }
.company-mobile img { height: 350px; border-radius: 60px 16px 16px 16px; }
.company-location h3 br { display: none; }
.company-location h3 { font-size: 29px; }
.company-location .business-hours { max-width: none; font-size: 14px; }
.company-location .button { width: 100%; }
.company-moment { align-items: start; gap: 20px; flex-wrap: wrap; margin-top: 28px; padding-top: 24px; }
.company-moment > p { max-width: none; }
.company-moment figure img { width: 100px; height: 126px; }
.faq-section { padding-block: 42px 52px; }
.faq-section h2 { font-size: 30px; max-width: none; }
.assistance-wide img { height: 260px; border-radius: 50px 14px 14px 14px; }
}
@media (max-width: 600px) {
.velocity-hero .hero-photo-shell { height: 245px; border-radius: 82px 16px 82px 16px; }
.velocity-hero .hero-photo-shell img { object-position: 53% center; }
.hero-photo { margin-top: 0; }
.vc-fields { grid-template-columns: 1fr 1fr; }
.vc-fields > .vc-field:first-child { grid-column: 1/-1; }
.vc-field select, .vc-field input { min-height: 54px; }
.vc-submit.button { min-height: 58px; font-size: 16px; }
.assistance-section { border-radius: 40px 0 0 0; }
.company-intro h2 { font-size: 35px; }
.company-intro p { font-size: 15px; }
.company-mobile img { height: 285px; }
.assistance-wide { margin-bottom: 30px; }
.assistance-wide img { height: 225px; }
.assistance-wide figcaption { font-size: 12px; }
}
@media (max-width: 359px) {
.vc-fields, .vc-custom-fields, .vc-extra-fields { grid-template-columns: 1fr; }
.vc-fields > .vc-field:first-child { grid-column: auto; }
.vc-intro h2 { font-size: 32px; }
.company-intro h2 { font-size: 31px; }
.company-location h3 { font-size: 26px; }
.company-location .business-hours { font-size: 13px; }
.company-moment figure { gap: 16px; }
.company-moment figcaption { font-size: 14px; }
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.velocity-hero .hero-photo-shell { height: 245px; }
}
.rescue-velocity .hero-photo-shell { height: auto; aspect-ratio: 3 / 2; border-radius: 76px 18px 76px 18px; }
.rescue-velocity .hero-photo-shell img { object-position: center; }
.rescue-curve { --truck-width: clamp(320px,30vw,370px); --car-width: clamp(297px,29vw,345px); --vehicle-gap: 20px; --scene-edge: clamp(10px,1vw,20px); --road-bottom: 34px; position: relative; height: 244px; background: linear-gradient(to bottom, var(--red) calc(100% - var(--road-bottom)), var(--rose) 0); color: var(--ink); isolation: isolate; overflow: clip; }
.rescue-curve-road { position: absolute; bottom: calc(var(--road-bottom) - 9px); left: 0; width: 100%; height: 18px; }
.rescue-curve[data-rescue-state="moving"] .rescue-curve-van { will-change:transform; }
.rescue-curve-stage { position: relative; z-index:2; width: 100%; height: 100%; overflow:clip; }
.rescue-curve-vehicles { position: absolute; inset: 0; }
.rescue-curve-van { position: absolute; width: var(--truck-width); right: calc(var(--scene-edge) + var(--car-width) + var(--vehicle-gap)); bottom: calc(var(--road-bottom) - var(--truck-width) * .037); z-index:2; }
.rescue-curve-van img { position:relative; z-index:1; display: block; width: 100%; height: auto; }
.rescue-curve[data-rescue-state="initializing"] .rescue-curve-van { left:0; right:auto; }
.rescue-curve-car { position: absolute; z-index:1; width: var(--car-width); height: auto; right: var(--scene-edge); bottom: calc(var(--road-bottom) - var(--car-width) * .077); }
.rescue-curve-van::before,.rescue-curve-car::before { content:""; position:absolute; z-index:0; left:8%; right:8%; bottom:7%; height:11%; border-radius:50%; background:radial-gradient(ellipse at center,#111a 0%,#171a174d 48%,transparent 76%); }
.rescue-curve + .consultation-wrap .vehicle-consultation { padding-top: 50px; }
@media (max-width: 600px) {
.rescue-curve + .consultation-wrap .vehicle-consultation { padding-top: 42px; }
}
@media (max-width: 700px) {
.rescue-curve { --truck-width: clamp(154px,42vw,180px); --car-width: clamp(160px,46vw,196px); --vehicle-gap: 8px; --scene-edge: 6px; --road-bottom: 36px; height: 178px; }
}
@media (max-width: 360px) { .rescue-curve { --truck-width: calc((100vw - 34px) / 2); --car-width: calc((100vw - 34px) / 2); --vehicle-gap: 6px; --scene-edge: 6px; } }
.rescue-description { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html { scroll-padding-top: 112px; }
main, main [id] { scroll-margin-top: 0; }
.landing-assistance .assistance-layout { padding-block: 64px; gap: 80px; grid-template-columns: .8fr 1.2fr; }
.landing-assistance .service-detail summary { font-size: 23px; padding-block: 19px; }
.landing-assistance .service-body { font-size: 15px; padding-bottom: 22px; }
.company-section { padding-bottom: 50px; }
.company-moment { margin-top: 24px; padding-top: 22px; }
.company-moment figure img { width: 90px; height: 114px; }
.faq-section { padding-block: 38px 50px; }
.landing-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 64px; padding-block: 54px 60px; border-top: 1px solid var(--line); }
.landing-contact-intro h2 { font-size: clamp(38px,4.2vw,58px); margin-bottom: 18px; }
.landing-contact-intro > p { color: var(--muted); max-width: 49ch; font-size: 15px; }
.site-footer { padding-bottom: 0; }
.site-footer { background:#291d22; color:#f7f3ee; }
.site-footer .footer-bottom { border-color:#67545a; }
.site-footer .footer-main h2,.site-footer .footer-bottom { color:#d9ced1; }
.site-footer .footer-main a { color:#f7f3ee; }
.site-footer .business-hours dt { color:#d9ced1; }
.site-footer .business-hours > div { border-color:#67545a; }
.payment-section { border-top:1px solid var(--line); }
@media (max-width: 1100px) {
.landing-assistance .assistance-layout { gap: 40px; }
.landing-contact { gap: 32px; }
}
@media (max-width: 800px) {
.landing-assistance .assistance-layout { grid-template-columns: 1fr; gap: 28px; }
.landing-assistance .assistance-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.landing-assistance .assistance-intro > p { grid-column: 1; }
.landing-contact { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
html { scroll-padding-top: 90px; }
main, main [id] { scroll-margin-top: 0; }
.landing-assistance .assistance-layout { padding-block: 42px; gap: 26px; }
.landing-assistance .assistance-intro { display: block; }
.landing-assistance .service-detail summary { font-size: 21px; }
.company-section { padding-bottom: 34px; }
.faq-section { padding-block: 32px 38px; }
.landing-contact { padding-block: 38px 42px; gap: 26px; }
.landing-contact-intro h2 { font-size: 38px; }
.site-footer { padding-bottom: 0; }
}
.brand-logo { display:inline-block; width:140px; height:44px; object-fit:contain; vertical-align:middle; flex-shrink:0; }
.brand-logo--whatsapp-white { width:28px; height:28px; }
.icon-whatsapp { width:24px; height:24px; object-fit:contain; flex:none; }
.button-red .icon-whatsapp,.button-dark .icon-whatsapp { content:url('/assets/brand-whatsapp-white.svg'); }
.button-white .icon-whatsapp { content:url('/assets/brand-whatsapp.svg'); }
.payment-logos { display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; padding-block:12px; }
.payment-logos .brand-logo { width:90px; height:32px; }
.payment-logos .brand-logo--mercadopago { width:134px; height:38px; }
.payment-logos .brand-logo--mastercard { width:53px; }
.payment-logos .brand-logo--amex { width:95px; }
.partner-logos { display:flex; flex-wrap:wrap; align-items:center; gap:36px; padding-block:12px; }
.partner-logos .brand-logo--sportclub { width:180px; height:64px; }
.partner-logos .brand-logo--aaaj { width:78px; height:78px; }
.partner-groups { display:grid; gap:18px; }
.driver-benefits { display:grid; gap:10px; }
.driver-benefits > span { font-size:13px; font-weight:600; letter-spacing:.01em; }
.driver-logos { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.driver-logos .brand-logo { width:92px; height:36px; object-fit:contain; }
.driver-logos .brand-logo--cabify { width:104px; }
.driver-logos .brand-logo--didi { width:84px; }
.social-links { display:flex; align-items:center; gap:9px; }
.social-links a { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#222726; }
.social-links .brand-logo { width:23px; height:23px; }
.social-links .brand-logo--facebook { background:#fff; border-radius:50%; }
.contact-corners { position:fixed; inset:0; z-index:90; pointer-events:none; }
.corner-contact { position:absolute; bottom:calc(20px + env(safe-area-inset-bottom)); width:76px; height:76px; border-radius:50%; display:grid; place-items:center; pointer-events:auto; text-decoration:none; box-shadow:0 8px 25px #0004; transition:background-color .16s,transform .16s; }
.corner-contact:hover { transform:translateY(-2px); }
.corner-call { left:24px; background:#b51f28; color:#fff; border:0; }
.corner-call svg { width:33px; height:33px; }
.corner-call:hover { background:#921821; }
.corner-whatsapp { right:24px; background:#25d366; border:0; }
.corner-whatsapp .brand-logo { width:44px; height:44px; }
.corner-whatsapp:hover { background:#1fbd5b; }
.corner-contact:focus-visible { outline:3px solid #147aba; outline-offset:5px; }
body { padding-bottom:0; }
.site-footer { padding-bottom:0; }
.site-footer .footer-bottom { padding-inline:80px; }
@media(max-width:600px) {
.corner-contact { width:68px; height:68px; bottom:calc(14px + env(safe-area-inset-bottom)); }
.corner-call { left:14px; }
.corner-whatsapp { right:14px; }
.corner-whatsapp .brand-logo { width:40px; height:40px; }
.corner-call svg { width:29px; height:29px; }
.partner-logos { gap:26px; }
.partner-logos .brand-logo--sportclub { width:156px; }
.payment-logos { gap:18px 22px; }
.site-footer { padding-bottom:0; }
.site-footer .footer-bottom { flex-direction:column; align-items:center; text-align:center; gap:6px; padding-inline:68px; }
}
@media(prefers-reduced-motion:reduce) { .corner-contact { transition:none; } }

.vc-field { position:relative; }
.vc-field .picker-native { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; border:0!important; overflow:hidden; clip-path:inset(50%); opacity:0; pointer-events:none; }
.vehicle-picker { position:relative; min-width:0; }
.vehicle-picker.is-open { z-index:70; }
.vc-field .picker-input { appearance:none; cursor:pointer; height:56px; min-height:56px; width:100%; padding:14px 42px 14px 16px; font:500 16px/1.5 Archivo,Arial,sans-serif; color:#232927; background:#fff; border:1px solid #9aa5a0; border-radius:10px; box-shadow:none; }
.vc-field .picker-input::placeholder { color:#58645e; opacity:1; }
.vc-field .picker-input:disabled { background:#f0f2ef; color:#6d766f; cursor:not-allowed; }
.vc-field .picker-input:focus { border-color:#1c6546; outline:2px solid #1c6546; outline-offset:2px; }
.picker-arrow { position:absolute; right:17px; top:22px; width:8px; height:8px; border-right:2px solid #58645e; border-bottom:2px solid #58645e; transform:rotate(45deg); pointer-events:none; }
.is-open .picker-arrow { top:26px; transform:rotate(225deg); }
.picker-popup { position:absolute; top:calc(100% + 8px); left:0; width:100%; margin:0; background:#fff; color:#202925; border:1px solid #b9c5be; border-radius:12px; box-shadow:0 12px 30px #172b2426; overflow:hidden; text-align:left; }
.picker-popup[hidden] { display:none; }
.picker-list { max-height:264px; max-height:min(264px,38dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#9faea5 #fff; padding:6px; }
.picker-option { position:relative; display:flex; align-items:center; min-height:46px; padding:11px 30px 11px 11px; border-radius:6px; cursor:pointer; font:500 15px/1.4 Archivo,Arial,sans-serif; color:#202925; }
.picker-option:hover,.picker-option.is-active { background:#eef3ef; }
.picker-option[aria-selected=true] { background:#e0efe4; color:#125037; font-weight:650; }
.picker-option[aria-selected=true]::after { content:''; position:absolute; right:12px; width:6px; height:11px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(40deg); }
.vc-field .picker-empty { margin:0; padding:18px; font-size:14px; color:#60716a; }
.picker-error { display:block; margin-top:8px; font-size:13px; color:#a91923; }
.picker-error[hidden] { display:none; }
.vc-field .picker-input[aria-invalid=true] { border:2px solid #b9232d; }
@media(max-width:600px) { .picker-option { min-height:48px; } .picker-popup { border-radius:9px; } }
@media(max-width:480px) { .vc-fields { grid-template-columns:1fr; } .vc-fields>.vc-field:first-child { grid-column:auto; } }
body[data-page="/"] { background:#fff8f1; }
body[data-page="/"] .velocity-hero { background:#db252d; }
body[data-page="/"] .hero-speed { margin-top:10px; font-size:clamp(19px,1.8vw,25px); line-height:1.25; }
body[data-page="/"] .hero-speed strong { color:#fff; text-decoration:underline; text-decoration-color:#421c23; text-decoration-thickness:3px; text-underline-offset:5px; }
body[data-page="/"] .hero-area { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:14px; }
body[data-page="/"] .emergency-actions { margin-top:26px; }
body[data-page="/"] .rescue-curve { height:188px; --road-bottom:25px; background:linear-gradient(to bottom,#f8e7df calc(100% - var(--road-bottom)),#fff8f1 0); }
body[data-page="/"] .rescue-curve-road { opacity:.85; }
body[data-page="/"] .v2-battery-band { background:#fff8f1; }
body[data-page="/"] .consultation-wrap { background:#f2d8d4; }
body[data-page="/"] .consultation-wrap .vehicle-consultation { padding-block:48px 52px; }
body[data-page="/"] .landing-assistance { background:#242426; }
body[data-page="/"] .landing-assistance .assistance-layout { padding-block:62px 66px; }
body[data-page="/"] .landing-assistance .service-body { grid-template-columns:168px minmax(0,1fr); gap:20px; }
body[data-page="/"] .landing-assistance .service-body > img { width:168px; height:118px; object-fit:cover; }
body[data-page="/"] .landing-assistance .service-body .service-action { margin-top:17px; padding-top:14px; border-top:1px solid #ffffff4d; }

body[data-page="/"] .v2-trajectory { background:#eee7df; color:#241e1e; }
body[data-page="/"] .v2-trajectory-layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(30px,5vw,80px); align-items:center; padding-block:62px; }
body[data-page="/"] .v2-kicker { display:block; margin-bottom:21px; color:#a3202b; font-size:12px; font-weight:800; letter-spacing:.14em; }
body[data-page="/"] .v2-trajectory h2 { font-size:clamp(62px,7.8vw,112px); line-height:.82; letter-spacing:-.05em; }
body[data-page="/"] .v2-trajectory h2 span { color:#bd242c; }
body[data-page="/"] .v2-trajectory-copy > p { margin-top:28px; max-width:42ch; font-size:clamp(17px,1.5vw,21px); line-height:1.45; }
body[data-page="/"] .v2-trajectory figure { margin:0; }
body[data-page="/"] .v2-trajectory figure img { display:block; width:100%; height:clamp(280px,31vw,435px); object-fit:cover; object-position:center; border-radius:4px 76px 4px 4px; }
body[data-page="/"] .v2-trajectory figcaption { margin-top:11px; font-size:12px; color:#554e4c; }

body[data-page="/"] .v2-location { background:#8e1e27; color:white; padding-block:52px 56px; }
body[data-page="/"] .v2-location .v2-kicker { color:#ffd8cf; }
body[data-page="/"] .v2-location-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; margin-bottom:31px; }
body[data-page="/"] .v2-location h2 { font-size:clamp(52px,6vw,84px); line-height:.9; letter-spacing:-.04em; }
body[data-page="/"] .v2-location-details { display:grid; grid-template-columns:1fr 1fr; gap:7px 28px; align-items:start; }
body[data-page="/"] .v2-location-details address { font-size:17px; font-style:normal; font-weight:700; line-height:1.45; }
body[data-page="/"] .v2-location-details .business-hours { margin:0; }
body[data-page="/"] .v2-location-details .business-hours > div { border-color:#ffffff69; }
body[data-page="/"] .v2-location-details .business-hours dt { color:#ffe2dc; }
body[data-page="/"] .v2-location-details > p { font-size:13px; color:#ffe2dc; }
body[data-page="/"] .v2-location-details > a { display:inline-flex; align-items:center; gap:8px; min-height:44px; width:max-content; color:white; font-weight:700; text-underline-offset:4px; }
body[data-page="/"] .v2-location-media { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:18px; align-items:stretch; }
body[data-page="/"] .v2-location-media figure { margin:0; overflow:hidden; }
body[data-page="/"] .v2-location-media figure img { display:block; width:100%; height:300px; object-fit:cover; }
body[data-page="/"] .v2-map iframe { display:block; width:100%; height:300px; border:0; }
body[data-page="/"] .v2-map > a { display:inline-block; margin-top:8px; color:white; font-size:12px; font-weight:650; text-underline-offset:3px; }

@media (max-width:900px) {
body[data-page="/"] .v2-location-heading { gap:24px; }
body[data-page="/"] .v2-location-details { grid-template-columns:1fr; }
body[data-page="/"] .v2-trajectory-layout { gap:28px; }
}
@media (max-width:700px) {
body[data-page="/"] .rescue-curve { height:116px; --road-bottom:19px; }
body[data-page="/"] .consultation-wrap .vehicle-consultation { padding-block:35px 40px; }
body[data-page="/"] .landing-assistance .service-body { grid-template-columns:1fr; }
body[data-page="/"] .landing-assistance .service-body > img { display:block; width:100%; height:clamp(160px,50vw,230px); object-fit:cover; }
body[data-page="/"] .v2-trajectory-layout { grid-template-columns:1fr; padding-block:40px; }
body[data-page="/"] .v2-trajectory h2 { font-size:clamp(60px,17vw,86px); }
body[data-page="/"] .v2-trajectory-copy > p { margin-top:20px; font-size:17px; }
body[data-page="/"] .v2-trajectory figure img { height:auto; aspect-ratio:16/10; border-radius:3px 44px 3px 3px; }
body[data-page="/"] .v2-location { padding-block:39px 43px; }
body[data-page="/"] .v2-location-heading,body[data-page="/"] .v2-location-media { grid-template-columns:1fr; gap:19px; }
body[data-page="/"] .v2-location h2 { font-size:54px; }
body[data-page="/"] .v2-location-details { gap:10px; }
body[data-page="/"] .v2-location-details .business-hours { margin-top:10px; }
body[data-page="/"] .v2-location-media figure img { height:auto; aspect-ratio:16/9; }
body[data-page="/"] .v2-map iframe { height:230px; }
}
@media (max-width:380px) {
body[data-page="/"] .v2-location h2 { font-size:48px; }
}
.site-header .logo { width:300px; max-width:100%; height:auto; }
.header-inner { gap:20px; }
.main-nav a { white-space:nowrap; }
body[data-page="/"] .emergency-velocity .hero-copy h1 { font-size:clamp(74px,7.4vw,116px); line-height:.95; letter-spacing:-.04em; white-space:nowrap; width:auto; max-width:100%; }
body[data-page="/"] .emergency-velocity .hero-copy h1 span { white-space:nowrap; }
body[data-page="/"] .velocity-layout { padding-bottom:48px; }
body[data-page="/"] .rescue-curve { margin-top:-1px; background:linear-gradient(to bottom,#f2d8d4 calc(100% - var(--road-bottom)),#fff8f1 0); }
.battery-gallery { padding-block:46px 54px; }
.battery-gallery-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.battery-gallery-heading h1,.battery-gallery-heading h2 { margin:0; font-size:clamp(38px,4.5vw,64px); line-height:1; }
.battery-gallery-heading p { margin:0; max-width:33ch; font-size:17px; line-height:1.4; }
.battery-gallery-heading p span { color:#68605e; }
.battery-lineup { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.battery-packshot { min-width:0; margin:0; padding:28px 18px 22px; display:grid; grid-template-rows:190px 42px; gap:13px; background:#fff; border-radius:4px; }
.battery-packshot-image { display:flex; align-items:center; justify-content:center; min-width:0; }
.battery-packshot-image img { width:100%; height:100%; max-width:260px; object-fit:contain; }
.battery-packshot--moura .battery-packshot-image img { transform:scale(1.3); }
.battery-packshot figcaption { display:flex; align-items:center; justify-content:center; }
.battery-packshot .brand-logo { width:128px; height:38px; object-fit:contain; }
.battery-packshot .brand-logo--heliar { width:143px; }
.opening-hours.business-hours > div { display:flex; justify-content:space-between; gap:18px; }
@media(min-width:801px) and (max-width:1190px) {
.site-header .logo { width:252px; }
.header-inner { gap:12px; }
.main-nav { gap:0; padding:2px; }
.main-nav a { padding-inline:9px; font-size:14px; }
.header-contact { font-size:14px; padding-left:12px; }
}
body[data-page="/"] .velocity-layout { padding-bottom:30px; }
body[data-page="/"] .rescue-curve { --car-width:415px; height:224px; background:linear-gradient(to bottom,#f2d8d4 calc(100% - var(--road-bottom)),#fff8f1 0); }
@media(min-width:701px) and (max-width:1050px) {
body[data-page="/"] .rescue-curve { --truck-width:min(370px,44vw); --car-width:calc(var(--truck-width) * 1.12); }
}
@media(max-width:700px) {
body[data-page="/"] .rescue-curve { --truck-width:min(180px,calc((100vw - 34px) * .455)); --car-width:calc(var(--truck-width) * 1.13); height:126px; }
}

@media(max-width:800px) {
.site-header .logo { width:250px; }
body[data-page="/"] .emergency-velocity .hero-copy h1 { font-size:clamp(52px,7.1vw,62px); }
.battery-gallery-heading { align-items:flex-start; flex-direction:column; gap:12px; }
.battery-lineup { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.battery-packshot { grid-template-rows:175px 38px; padding:22px 14px 18px; }
}
@media(max-width:600px) {
.site-header .logo { width:246px; }
body[data-page="/"] .emergency-velocity .hero-copy h1 { font-size:clamp(48px,14.8vw,86px); line-height:.95; }
body[data-page="/"] .velocity-layout { padding-bottom:34px; }
.battery-gallery { padding-block:34px 38px; }
.battery-gallery-heading h1,.battery-gallery-heading h2 { font-size:39px; }
.battery-gallery-heading p { font-size:16px; }
.battery-lineup { gap:12px; }
.battery-packshot { grid-template-rows:127px 32px; padding:20px 8px 16px; gap:8px; }
.battery-packshot .brand-logo { width:110px; height:30px; }
.battery-packshot .brand-logo--heliar { width:118px; }
}
@media(max-width:360px) {
.site-header .logo { width:190px; }
.site-header .header-inner { gap:10px; }
.battery-packshot { grid-template-rows:110px 30px; }
.battery-gallery-heading h1,.battery-gallery-heading h2 { font-size:34px; }
}
@media(min-width:601px) and (max-width:1100px) {
.site-header .header-inner { height:78px; }
.site-header .logo { width:290px; }
.site-header .header-contact { display:none; }
.site-header .menu-toggle { display:flex; align-items:center; gap:10px; margin-left:auto; padding:12px; min-height:44px; border:0; background:transparent; font-size:14px; }
.site-header .menu-lines { display:block; width:21px; height:13px; border-block:1.5px solid; position:relative; }
.site-header .main-nav { display:none; position:absolute; top:100%; inset-inline:0; width:auto; margin:0; flex-direction:column; align-items:stretch; gap:0; padding:12px 28px 20px; border-radius:0; background:#fff; box-shadow:0 15px 24px #00000015; }
.site-header .main-nav.is-open { display:flex; }
.site-header .main-nav a { min-height:48px; font-size:17px; padding:12px; }
}

body[data-page="/"] .hero-photo .hero-google-reviews { position:absolute; left:0; bottom:-36px; z-index:4; background:#242426; color:#fff; border-radius:14px; }
body[data-page="/"] .hero-photo { margin-bottom:36px; }
body[data-page="/"] .hero-photo .trust-stars-track { fill:#626264; }
@media(max-width:600px) {
body[data-page="/"] .hero-photo .hero-google-reviews { left:8px; bottom:-30px; max-width:calc(100% - 16px); border-radius:12px; }
body[data-page="/"] .hero-photo { margin-bottom:30px; }
}
.battery-packshot--yimaya .battery-packshot-image img { transform:scale(1.24); }
.battery-packshot .brand-logo--yimaya { width:148px; height:42px; }
.battery-packshot { grid-template-columns:minmax(0,1fr); }
.battery-packshot figcaption { min-width:0; }

.assistance-intro-photo { margin:26px 0 0; width:100%; max-width:440px; overflow:hidden; }
.assistance-intro-photo img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
@media(max-width:800px) {
body[data-page="/"] .assistance-intro { display:block; }
.assistance-intro-photo { margin-top:22px; max-width:520px; }
}
@media(max-width:600px) {
.assistance-intro-photo { margin-top:18px; max-width:none; }
.assistance-intro-photo img { aspect-ratio:16/9; }
}

.assistance-intro-photo { border-radius:4px 48px 4px 4px; }
.battery-packshot { background:transparent; border-radius:0; }
.battery-packshot-image img,.battery-packshot figcaption .brand-logo { mix-blend-mode:multiply; }
.rescue-curve-car img { position:relative; z-index:1; display:block; width:100%; height:auto; }
.rescue-curve-car::before { left:6%; right:6%; bottom:6%; height:10%; background:radial-gradient(ellipse,#101510d9 0%,#10151073 38%,#10151026 65%,transparent 78%); filter:blur(1px); }
.rescue-curve-car img { filter:drop-shadow(0 2px 1px #12161238); }
.agreements .benefit-query { display:inline-flex; align-items:center; min-height:44px; color:inherit; line-height:1.4; text-decoration-color:#b82028; text-underline-offset:4px; }
.agreements .benefit-query:hover { text-decoration-thickness:2px; }
body[data-page="/"] .landing-assistance { padding-block:0; }
body[data-page="/"] .landing-assistance .assistance-layout { padding-block:48px; gap:48px; align-items:start; }
body[data-page="/"] .landing-assistance .service-detail summary { padding-block:16px; }
@media(max-width:800px) {
body[data-page="/"] .landing-assistance .assistance-layout { padding-block:38px; gap:24px; }
}
.v1-ending { --ink:#202222; --muted:#5b5e5c; --paper:#fff; --surface:#f3f3f0; --line:#d5d7d2; --red:#dd3333; --red-dark:#b62323; --display:"Barlow Condensed",Impact,sans-serif; --body:Archivo,Arial,sans-serif; --gutter:clamp(20px,4.3vw,80px); --v1-light:#f6f3ec; --v1-sand:#ede7dd; --v1-dark:#202425; --v1-red:#b82028; color:var(--ink); font:400 1rem/1.6 var(--body); }
.v1-ending :is(h1,h2,h3) { font-family:var(--display); font-weight:700; line-height:.98; letter-spacing:-.02em; text-wrap:wrap; }
.v1-ending h2 { font-size:clamp(2.6rem,4.4vw,4.75rem); }
.v1-ending p { max-width:62ch; }
.v1-ending p + p { margin-top:1rem; }
.v1-ending :is(button,input,textarea) { font:inherit; }
.v1-ending .button { border-radius:0; }
.v1-ending summary { list-style:none; }
.v1-ending summary::-webkit-details-marker { display:none; }
@media(max-width:600px) { .v1-ending { --gutter:24px; } }
@media(max-width:359px) { .v1-ending { --gutter:18px; } }
.v1-ending .site-footer a { width:auto; min-height:0; margin-top:0; color:inherit; font-size:inherit; line-height:inherit; }
.v1-ending .site-footer .footer-main { padding-top:0; }
.v1-ending .contact-form label { margin-bottom:0; }
.v1-ending .field-help { margin-top:0; }
.v1-ending .form-actions { margin-bottom:0; }
.v1-ending .email-submit { color:#000; }
.v1-ending .contact-form > p:not([class]) { font-size:inherit; line-height:inherit; margin-top:1rem; max-width:62ch; }
.v1-ending .faq-list details { border-bottom:0; }
.v1-ending #form-status { font-size:16px; line-height:1.6; margin-top:1rem; }
.v1-ending .footer-main h2 { width:auto; }
.v1-ending { font-synthesis:weight style small-caps; -webkit-font-smoothing:antialiased; }
@media(min-width:601px) and (max-width:800px) { .v1-ending { --gutter:28px; } }
@media(max-width:600px) { .v1-ending .footer-bottom a { display:block; min-height:0; } }
@media(max-width:700px) { .v1-ending .footer-main > div:last-child h2 { width:calc(100% - 10px); } }
.v1-ending .site-footer :focus-visible {outline-color: #fff;}
.v1-ending .wrap {width: min(100% - var(--gutter) * 2, 1440px);
margin-inline: auto;}
.v1-ending .icon {width: 23px;
height: 23px;
flex: none;
vertical-align: middle;}
.v1-ending .button {display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 15px 22px;
min-height: 54px;
font-size: 0.91rem;
line-height: 1.35;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
transition:
background 0.18s,
color 0.18s;
cursor: pointer;}
.v1-ending .button-red {background: var(--red-dark);
color: #fff;}
.v1-ending .button-red:hover {background: #971c1c;}
.v1-ending .button-white {background: white;
color: var(--ink);}
.v1-ending .button-white:hover {background: #eee;}
.v1-ending .button-dark {background: var(--ink);
color: #fff;}
.v1-ending .button-dark:hover {background: #424646;}
.v1-ending .button-border {border-color: var(--line);
background: transparent;}
.v1-ending .button-border:hover {border-color: var(--ink);
background: var(--surface);}
.v1-ending .text-contact {display: inline-flex;
align-items: center;
gap: 10px;
font-size: 0.94rem;
font-weight: 600;
min-height: 44px;}
.v1-ending .text-contact .icon {width: 20px;}
.v1-ending .small {font-size: 0.83rem;
line-height: 1.6;
color: var(--muted);}
.v1-ending .logo {width: 248px;
height: auto;}
.v1-ending .header-contact .icon {color: var(--red-dark);}
.v1-ending summary .icon {transition: transform 0.2s;
flex: none;}
.v1-ending details[open] > summary > .icon {transform: rotate(45deg);}
.v1-ending .service-body .text-contact {margin-top: 12px;
color: white;
font-size: 0.85rem;}
.v1-ending .faq-list details {border-top: 1px solid var(--line);}
.v1-ending .faq-list details:last-child {border-bottom: 1px solid var(--line);}
.v1-ending .faq-list summary {display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 21px 0;
font-size: 0.97rem;
font-weight: 600;
line-height: 1.45;
min-height: 70px;}
.v1-ending .faq-list details > div {padding: 0 36px 24px 0;
color: var(--muted);
font-size: 0.94rem;}
.v1-ending .final-cta > .wrap {display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 40px;}
.v1-ending .cta-number .icon {width: 32px;
height: 32px;}
.v1-ending .site-footer {background: var(--ink);
color: #fff;
padding-top: 52px;}
.v1-ending .footer-main {display: grid;
grid-template-columns: 1.25fr 1.25fr 1.1fr 0.6fr;
gap: 40px;
padding-bottom: 50px;}
.v1-ending .footer-brand > a {display: inline-block;
background: #fff;
padding: 12px;}
.v1-ending .footer-brand .logo {width: 218px;}
.v1-ending .footer-brand p {font-size: 0.81rem;
margin-top: 20px;
color: #d1d5cf;}
.v1-ending .footer-main h2 {font-family: var(--body);
font-size: 0.8rem;
letter-spacing: 0;
font-weight: 500;
color: #b9bfb7;
line-height: 1.4;
margin-bottom: 14px;}
.v1-ending .footer-main > div:not(.footer-brand) > a {display: block;
font-size: 0.83rem;
text-decoration: none;
line-height: 1.7;
padding: 5px 0;
overflow-wrap: anywhere;}
.v1-ending .footer-main > div:not(.footer-brand) > a:hover {text-decoration: underline;}
.v1-ending .footer-bottom {display: flex;
align-items: center;
gap: 28px;
border-top: 1px solid #4b504b;
padding-block: 20px;
font-size: 0.73rem;
color: #c1c6be;}
.v1-ending .footer-bottom > span:last-child {margin-left: auto;}
.v1-ending .check-list .icon {color: var(--red-dark);
width: 20px;}
.v1-ending .payment-section {display: grid;
grid-template-columns: 1fr 1fr;
gap: 8%;
padding-block: 64px;
border-bottom: 1px solid var(--line);}
.v1-ending .payment-section h2 {font-size: clamp(2.6rem, 3.6vw, 4rem);}
.v1-ending .payment-section p {font-size: 0.95rem;
color: var(--muted);}
.v1-ending .services-page .service-body .text-contact {color: var(--ink);
margin-top: 16px;
font-size: 0.93rem;}
.v1-ending .channel > .icon {width: 26px;
height: 26px;}
.v1-ending .channel-primary > .icon {color: var(--red-dark);}
.v1-ending .location-info .small {max-width: 36ch;
margin-top: 22px;}
.v1-ending .form-layout {display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 8%;}
.v1-ending .form-intro h2 {font-size: clamp(3rem, 4.6vw, 5rem);}
.v1-ending .form-intro p {font-size: 0.94rem;
max-width: 35ch;
color: var(--muted);
margin-top: 24px;}
.v1-ending .form-intro .text-link {font-size: 0.82rem;
margin-top: 22px;}
.v1-ending .form-helper {font-size: 0.75rem;
color: var(--muted);
margin-bottom: 26px;}
.v1-ending .form-grid {display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;}
.v1-ending .field {display: flex;
flex-direction: column;
min-width: 0;
gap: 8px;}
.v1-ending .field-full {grid-column: 1/-1;}
.v1-ending .field label {font-size: 0.85rem;
font-weight: 600;}
.v1-ending .field label > span {font-weight: 400;
color: var(--muted);}
.v1-ending .field input,
.v1-ending .field textarea {background: var(--paper);
color: var(--ink);
border: 1px solid #969e93;
padding: 13px 14px;
width: 100%;
min-height: 51px;
border-radius: 0;
box-shadow: none;
line-height: 1.5;
font-size: 1rem;}
.v1-ending .field input::placeholder,
.v1-ending .field textarea::placeholder {color: #6c7368;
font-size: 0.87rem;}
.v1-ending .field textarea {resize: vertical;
min-height: 140px;}
.v1-ending .field [aria-invalid="true"] {border: 2px solid var(--red-dark);}
.v1-ending .field-help,
.v1-ending .field-error {font-size: 0.75rem;}
.v1-ending .field-help {color: var(--muted);}
.v1-ending .field-error {color: var(--red-dark);}
.v1-ending .form-actions {display: flex;
align-items: center;
flex-wrap: wrap;
gap: 22px;
margin-top: 28px;}
.v1-ending .email-submit {padding: 12px 0;
border: 0;
background: transparent;
text-decoration: underline;
text-underline-offset: 4px;
font-size: 0.9rem;
min-height: 48px;}
.v1-ending .contact-form > .small {font-size: 0.74rem;
margin-top: 20px;}
.v1-ending #form-status:not(:empty) {border-left: 3px solid var(--red-dark);
padding: 14px 18px;
background: white;
font-size: 0.9rem;
margin-top: 22px;}
@media (max-width: 1100px) {
.v1-ending .logo {width: 220px;}
.v1-ending .footer-main {gap: 28px;
grid-template-columns: 1.1fr 1.1fr 1fr;}
.v1-ending .footer-main > div:last-child {grid-column: 2/4;
display: flex;
align-items: center;
gap: 22px;}
.v1-ending .footer-main > div:last-child h2 {margin: 0 10px 0 0;}
.v1-ending .page-hero .button {font-size: 0.8rem;
padding-inline: 16px;}
}
@media (max-width: 800px) {
.v1-ending .logo {width: 200px;}
.v1-ending .faq-list summary {font-size: 0.87rem;}
.v1-ending .faq-list details > div {font-size: 0.88rem;}
.v1-ending .cta-number .icon {width: 28px;
height: 28px;}
.v1-ending .footer-main {grid-template-columns: 1fr 1fr;
gap: 36px;}
.v1-ending .footer-main > div:last-child {display: block;
grid-column: auto;}
.v1-ending .footer-main > div:last-child h2 {margin-bottom: 14px;}
.v1-ending .footer-brand .logo {width: 200px;}
.v1-ending .payment-section {padding-block: 50px;}
.v1-ending .page-hero .button {font-size: 0.76rem;
padding-inline: 12px;
gap: 8px;
min-height: 48px;}
.v1-ending .page-hero .button .icon {width: 19px;}
.v1-ending .channel > .icon {width: 22px;
height: 22px;}
.v1-ending .form-layout {gap: 6%;
grid-template-columns: 0.9fr 1.1fr;}
.v1-ending .map-preview .button {font-size: 0.8rem;
padding-inline: 14px;}
.v1-ending .form-grid {grid-template-columns: 1fr;}
.v1-ending .field-full {grid-column: auto;}
.v1-ending .form-intro p {font-size: 0.88rem;}
.v1-ending .form-actions {gap: 12px;}
.v1-ending .form-actions .button {font-size: 0.85rem;
padding-inline: 16px;}
}
@media (max-width: 600px) {
.v1-ending .logo {width: 207px;}
.v1-ending .service-detail summary .icon {width: 20px;
height: 20px;}
.v1-ending .service-body .text-contact {font-size: 0.83rem;
margin-top: 10px;}
.v1-ending .faq-list summary {font-size: 0.88rem;
padding-block: 20px;
gap: 20px;}
.v1-ending .faq-list details > div {font-size: 0.89rem;
padding-right: 20px;}
.v1-ending .faq-list summary .icon {width: 19px;
height: 19px;}
.v1-ending .final-cta > .wrap {display: block;}
.v1-ending .cta-number .icon {width: 25px;
height: 25px;}
.v1-ending .site-footer {padding-top: 36px;}
.v1-ending .footer-main {grid-template-columns: 1fr 1fr;
gap: 32px 20px;
padding-bottom: 32px;}
.v1-ending .footer-brand {grid-column: 1/-1;}
.v1-ending .footer-brand .logo {width: 220px;}
.v1-ending .footer-brand p {font-size: 0.79rem;
margin-top: 16px;}
.v1-ending .footer-main > div:nth-child(2) {grid-column: 1/-1;}
.v1-ending .footer-main > div > a {font-size: 0.8rem !important;
min-height: 34px;}
.v1-ending .footer-main h2 {font-size: 0.73rem;
margin-bottom: 12px;}
.v1-ending .footer-bottom {flex-wrap: wrap;
font-size: 0.68rem;
gap: 14px 28px;
padding-block: 20px;}
.v1-ending .footer-bottom > span:last-child {margin-left: 0;
width: 100%;}
.v1-ending .check-list .icon {margin-top: 3px;
width: 18px;}
.v1-ending .payment-section {grid-template-columns: 1fr;
gap: 25px;
padding-block: 42px;}
.v1-ending .payment-section h2 {font-size: 2.8rem;}
.v1-ending .payment-section p {font-size: 0.91rem;}
.v1-ending .page-hero .button {font-size: 0.87rem;
min-height: 52px;
padding-inline: 16px;}
.v1-ending .services-page .service-body .text-contact {font-size: 0.86rem;
margin-top: 14px;}
.v1-ending .channel > .icon {width: 24px;
height: 24px;}
.v1-ending .location-info > .small {font-size: 0.81rem;
margin-top: 20px;}
.v1-ending .map-preview .button {font-size: 0.87rem;}
.v1-ending .form-layout {grid-template-columns: 1fr;
gap: 32px;}
.v1-ending .form-intro h2 {font-size: 3.3rem;}
.v1-ending .form-intro p {max-width: none;
font-size: 0.9rem;
margin-top: 20px;}
.v1-ending .form-intro .text-link {margin-top: 15px;
font-size: 0.78rem;}
.v1-ending .form-grid {gap: 23px;}
.v1-ending .field label {font-size: 0.85rem;}
.v1-ending .field input,
.v1-ending .field textarea {padding: 13px 14px;}
.v1-ending .field-help {font-size: 0.72rem;}
.v1-ending .form-actions {gap: 15px 24px;}
.v1-ending .form-actions .button {font-size: 0.87rem;
flex: 1;}
.v1-ending .email-submit {font-size: 0.85rem;}
.v1-ending .contact-form > .small {font-size: 0.73rem;}
}
@media (max-width: 360px) {
.v1-ending .logo {width: 180px;}
.v1-ending .cta-number .icon {width: 22px;}
.v1-ending .page-hero .button {font-size: 0.8rem;
padding-inline: 12px;}
.v1-ending .form-actions .button {width: 100%;
flex: auto;}
.v1-ending .form-actions {gap: 8px;}
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.v1-ending .logo {width: 190px;}
}
@media print {
.v1-ending .site-footer {display: none !important;}
.v1-ending .wrap {width: 100%;}
.v1-ending .button {border: 1px solid #333;}
}
.v1-ending .emergency-whatsapp.button {min-height: 76px;
padding: 20px 24px;
gap: 15px;
font-size: clamp(18px, 1.65vw, 25px);
font-weight: 650;}
.v1-ending .emergency-whatsapp .icon {width: 30px;
height: 30px;
flex: 0 0 auto;}
@media (max-width: 1100px) {
.v1-ending .emergency-whatsapp.button {min-height: 66px;
font-size: 19px;
padding-inline: 16px;
gap: 10px;}
}
@media (max-width: 600px) {
.v1-ending .emergency-whatsapp.button {min-height: 64px;
font-size: 19px;
padding: 16px 12px;}
.v1-ending .emergency-whatsapp .icon {width: 26px;
height: 26px;}
}
@media (max-height: 500px) and (min-width: 601px) and (max-width: 1100px) {
.v1-ending .emergency-whatsapp.button {min-height: 51px;
font-size: 16px;
padding: 11px 12px;}
.v1-ending .emergency-whatsapp .icon {width: 22px;
height: 22px;}
}
.v1-ending .map-preview > div .button {background: var(--ink);
color: #fff;
width: 100%;}
.v1-ending .map-preview > div .button:hover {background: #424646;}
.v1-ending .emergency-whatsapp.button {min-height: 76px;}
.v1-ending .agreements {display: grid; grid-template-columns: 1.2fr 1fr; gap: 8%; padding-block: 44px; border-bottom: 1px solid var(--line);}
.v1-ending .agreements h2 {font-size: clamp(36px, 3.4vw, 48px); margin-bottom: 12px;}
.v1-ending .agreements > div > p {font-size: 14px; color: var(--muted);}
.v1-ending .faq-list summary {font-size: 14px; padding-block: 19px;}
.v1-ending .faq-list details > div {padding-bottom: 19px; font-size: 14px;}
.v1-ending .channel-primary > .icon {color: #fff;}
.v1-ending .location-info .small {margin-top: 12px;}
@media (max-width: 900px) {
.v1-ending .agreements {grid-template-columns: 1fr 1fr; gap: 32px;}
}
@media (max-width: 700px) {
.v1-ending .agreements {grid-template-columns: 1fr; gap: 24px; padding-block: 34px;}
.v1-ending .agreements h2 {font-size: 36px;}
}
@media (max-width: 600px) {
.v1-ending .emergency-whatsapp.button {min-height: 64px;}
}
.v1-ending .button > img,
.v1-ending .text-contact > img {width: 24px; height: 24px; object-fit: contain; flex: none;}
.v1-ending .location-info .small {margin-top: 10px;}
.v1-ending .agreements {grid-template-columns: 1fr 1.2fr; align-items: center; padding-block: 25px 35px;}
.v1-ending .agreements h2 {font-size: 34px; margin-bottom: 8px;}
.v1-ending .agreements p {font-size: 13px;}
.v1-ending .landing-contact {display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); gap: 8%; padding-block: 52px;}
.v1-ending .landing-contact-intro h2 {font-size: 56px; margin-bottom: 20px;}
.v1-ending .landing-contact-intro > p {color: var(--muted); font-size: 15px; max-width: 40ch;}
.v1-ending .landing-contact-intro > .text-contact {font-size: 14px; margin-top: 20px; overflow-wrap: anywhere;}
.v1-ending .message-panel {border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.v1-ending .message-panel > summary {display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; font-size: 20px; font-weight: 600;}
.v1-ending .message-panel[open] > summary > .icon {transform: rotate(45deg);}
.v1-ending .message-form {padding-block: 4px 25px;}
.v1-ending .message-form .form-helper {margin-bottom: 16px;}
.v1-ending .message-form .form-grid {gap: 16px;}
.v1-ending .message-form .field label {font-size: 12px;}
.v1-ending .message-form .field input,
.v1-ending .message-form .field textarea {padding: 12px; font-size: 14px;}
.v1-ending .message-form .form-actions {gap: 17px; flex-wrap: wrap;}
.v1-ending .message-form .form-actions .button {padding-inline: 15px; font-size: 13px;}
.v1-ending .compact-faq {margin-top: 26px;}
.v1-ending .compact-faq > h3 {font: 600 15px/1.4 var(--body); letter-spacing: 0; margin-bottom: 6px;}
.v1-ending .compact-faq .faq-list summary {font-size: 13px; padding-block: 17px;}
.v1-ending .compact-faq .faq-list p {font-size: 13px;}
.v1-ending .footer-main {grid-template-columns: 1.15fr 1fr .8fr;}
.v1-ending .footer-brand > a {background: none; padding: 0;}
.v1-ending .footer-brand > a img {width: 240px; max-height: 54px; height: auto; object-fit: contain;}
.v1-ending .footer-main > div:last-child {grid-column: auto; display: block;}
.v1-ending .footer-main > div:last-child h2 {display: block;}
.v1-ending .site-footer {padding-top: 40px;}
.v1-ending .footer-brand > a {background:#fff; padding:10px 14px; border-radius:3px;}
.v1-ending .payment-section {border-top:1px solid var(--line);}
@media (max-width: 800px) {
.v1-ending .landing-contact {gap: 35px;}
}
@media (max-width: 700px) {
.v1-ending .agreements {grid-template-columns: 1fr; gap: 18px; padding-block: 20px 28px;}
.v1-ending .agreements h2 {font-size: 32px;}
.v1-ending .landing-contact {grid-template-columns: 1fr; gap: 30px; padding-block: 35px;}
.v1-ending .landing-contact-intro h2 {font-size: 44px; margin-bottom: 15px;}
.v1-ending .message-panel > summary {font-size: 18px; padding-block: 18px;}
.v1-ending .message-form .form-grid {grid-template-columns: 1fr 1fr; gap: 13px;}
.v1-ending .message-form .form-actions .button {width: 100%;}
.v1-ending .footer-main {grid-template-columns: 1fr 1fr; gap: 30px; padding-bottom: 30px;}
.v1-ending .footer-brand {grid-column: 1/-1;}
.v1-ending .footer-brand > a img {width: 220px;}
.v1-ending .footer-main > div:nth-child(2) {grid-column: auto;}
}
@media (max-width: 600px) {
.v1-ending .footer-main > div:nth-child(2),
.v1-ending .footer-main > div:last-child {grid-column:1/-1;}
}
@media (max-width: 360px) {
.v1-ending .message-form .form-grid {grid-template-columns: 1fr;}
.v1-ending .footer-main {gap: 22px;}
}
.v1-ending .message-form .field-full {grid-column: 1/-1;}
.v1-ending .agreements-band {background:#f2e9dd;}
.v1-ending .agreements-band .agreements {padding-block:42px 48px; border-bottom:0;}
.v1-ending .contact-help {background:#f7f5f1;}
.v1-ending .contact-help .landing-contact {gap:5%; padding-block:46px 48px; align-items:start;}
.v1-ending .contact-help .landing-contact-details {min-width:0;}
.v1-ending .contact-direct-actions {display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;}
.v1-ending .contact-direct-actions .button {min-height:51px; font-size:14px; padding-inline:17px;}
.v1-ending .contact-direct-actions .button-border {border:1px solid #8d968e; color:#1d2522;}
.v1-ending .contact-help .compact-faq {margin-top:26px; padding-top:22px; border-top:1px solid #c8cdc5;}
.v1-ending .contact-help .compact-faq > h3 {font:650 25px/1.2 var(--display); margin-bottom:8px;}
.v1-ending .contact-help .compact-faq .faq-list summary {font-size:14px; padding-block:15px;}
.v1-ending .payment-section {border-top:0;}
.v1-ending .site-footer .footer-brand > a {background:transparent; padding:0;}
.v1-ending .site-footer .footer-brand > a img {width:248px; max-height:60px;}
.v1-ending .footer-follow {margin-top:22px;}
@media (max-width:600px) {
.v1-ending .agreements-band .agreements {padding-block:32px 38px;}
.v1-ending .contact-help .landing-contact {padding-block:36px 42px; gap:22px;}
.v1-ending .contact-help .compact-faq {margin-top:18px;}
.v1-ending .contact-direct-actions .button {flex:1 1 145px;}
}
@media (max-width: 700px) {
.v1-ending .message-form .form-actions .button {flex: 0 0 100%;}
}
.v1-ending .button-red .icon-whatsapp,
.v1-ending .button-dark .icon-whatsapp {content:url("/assets/brand-whatsapp-white.svg");}
.v1-ending .button-white .icon-whatsapp {content:url("/assets/brand-whatsapp.svg");}
.v1-ending .payment-logos {display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; padding-block:12px;}
.v1-ending .payment-logos .brand-logo {width:90px; height:32px;}
.v1-ending .payment-logos .brand-logo--mercadopago {width:134px; height:38px;}
.v1-ending .payment-logos .brand-logo--mastercard {width:53px;}
.v1-ending .payment-logos .brand-logo--amex {width:95px;}
.v1-ending .partner-logos {display:flex; flex-wrap:wrap; align-items:center; gap:36px; padding-block:12px;}
.v1-ending .partner-logos .brand-logo--sportclub {width:180px; height:64px;}
.v1-ending .partner-logos .brand-logo--aaaj {width:78px; height:78px;}
.v1-ending .partner-groups {display:grid; gap:18px;}
.v1-ending .driver-benefits {display:grid; gap:10px;}
.v1-ending .driver-benefits > span {font-size:13px; font-weight:600; letter-spacing:.01em;}
.v1-ending .driver-logos {display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px;}
.v1-ending .driver-logos .brand-logo {width:92px; height:36px; object-fit:contain;}
.v1-ending .driver-logos .brand-logo--cabify {width:104px;}
.v1-ending .driver-logos .brand-logo--didi {width:84px;}
.v1-ending .social-links {display:flex; align-items:center; gap:9px;}
.v1-ending .social-links a {display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#222726;}
.v1-ending .social-links .brand-logo {width:23px; height:23px;}
.v1-ending .social-links .brand-logo--facebook {background:#fff; border-radius:50%;}
.v1-ending .site-footer {padding-bottom:0;}
.v1-ending .site-footer .footer-bottom {padding-inline:80px;}
@media (max-width:600px) {
.v1-ending .partner-logos {gap:26px;}
.v1-ending .partner-logos .brand-logo--sportclub {width:156px;}
.v1-ending .payment-logos {gap:18px 22px;}
.v1-ending .site-footer {padding-bottom:0;}
.v1-ending .site-footer .footer-bottom {flex-direction:column; align-items:center; text-align:center; gap:6px; padding-inline:68px;}
}
body[data-page="/"] .v1-ending .agreements-band {background:#e2e1dc; color:var(--v1-dark); border-top:0;}
body[data-page="/"] .v1-ending .agreements-band h2,
body[data-page="/"] .v1-ending .agreements-band .driver-benefits > span {color:var(--v1-dark);}
body[data-page="/"] .v1-ending .agreements-band .agreements > div > p {color:#56504d;}
body[data-page="/"] .v1-ending .agreements-band .agreements {grid-template-columns:minmax(280px,1.25fr) minmax(0,1.125fr); gap:40px; padding-block:35px 38px;}
body[data-page="/"] .v1-ending .partner-groups {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px 30px; min-width:0;}
body[data-page="/"] .v1-ending .partner-logos {flex-wrap:nowrap; gap:20px; padding:0;}
body[data-page="/"] .v1-ending .partner-logos .brand-logo--sportclub {width:175px;}
body[data-page="/"] .v1-ending .partner-logos .brand-logo--aaaj {width:72px; height:72px;}
body[data-page="/"] .v1-ending .driver-benefits {gap:2px;}
body[data-page="/"] .v1-ending .driver-benefits > span {font-size:12px;}
body[data-page="/"] .v1-ending .driver-logos {flex-wrap:nowrap; gap:14px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--uber {width:88px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--cabify {width:100px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--didi {width:75px;}
body[data-page="/"] .v1-ending .contact-help {background:var(--v1-light); color:var(--v1-dark); border-top:1px solid #d4cbc0;}
body[data-page="/"] .v1-ending .contact-help .landing-contact {padding-block:41px 42px;}
body[data-page="/"] .v1-ending .contact-help .landing-contact-intro > p {color:#595d58;}
body[data-page="/"] .v1-ending .contact-help .text-contact {color:var(--v1-dark);}
body[data-page="/"] .v1-ending .contact-direct-actions .button-red {background:var(--v1-red); color:#fff;}
body[data-page="/"] .v1-ending .contact-direct-actions .button-border {border-color:#85827b; color:var(--v1-dark);}
body[data-page="/"] .v1-ending .contact-help .message-panel,
body[data-page="/"] .v1-ending .contact-help .compact-faq,
body[data-page="/"] .v1-ending .contact-help .faq-list details {border-color:#c9c5bd;}
body[data-page="/"] .v1-ending .contact-help .faq-list details > div,
body[data-page="/"] .v1-ending .contact-help .faq-list details p {color:var(--v1-dark);}
body[data-page="/"] .v1-ending .contact-help .message-form {background:transparent; color:var(--v1-dark); padding:20px;}
body[data-page="/"] .v1-ending .contact-help .compact-faq {margin-top:21px; padding-top:17px;}
body[data-page="/"] .v1-ending .payment-band {background:#c9c8c3; color:var(--v1-dark); border-top:0;}
body[data-page="/"] .v1-ending .payment-band h2 {color:var(--v1-dark);}
body[data-page="/"] .v1-ending .payment-band p {color:#4e514d;}
body[data-page="/"] .v1-ending .payment-logos {width:fit-content; max-width:100%;}
body[data-page="/"] .v1-ending .payment-section {padding-block:24px 22px; border-bottom:0;}
body[data-page="/"] .v1-ending .payment-section h2 {margin:0; font-size:clamp(36px,3.2vw,46px);}
body[data-page="/"] .v1-ending .payment-section p {margin-block:7px 0;}
.v1-ending .site-footer {padding-top:32px;}
.v1-ending .footer-main {grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,.45fr); gap:32px; padding-bottom:24px;}
.v1-ending .footer-brand p {margin-top:8px;}
.v1-ending .footer-main h2 {margin-bottom:7px;}
.v1-ending .footer-main > div:not(.footer-brand) > a {padding:3px 0;}
.v1-ending .footer-follow {margin-top:13px;}
.v1-ending .footer-bottom {padding-block:13px;}
.v1-ending .service-body .service-action .text-contact,
.v1-ending .services-page .service-body .service-action .text-contact {display:inline-flex; align-items:center; gap:8px; margin-top:0;}
@media (max-width:700px) {
body[data-page="/"] .v1-ending .agreements-band .agreements {grid-template-columns:1fr; gap:18px;}
body[data-page="/"] .v1-ending .partner-groups {flex-wrap:wrap; gap:7px 24px;}
body[data-page="/"] .v1-ending .partner-logos .brand-logo--sportclub {width:151px;}
body[data-page="/"] .v1-ending .partner-logos .brand-logo--aaaj {width:67px; height:67px;}
body[data-page="/"] .v1-ending .contact-help .landing-contact {padding-block:36px 64px;}
body[data-page="/"] .v1-ending .contact-direct-actions .button {flex:1 1 auto; min-width:0; padding-inline:10px; font-size:12px; gap:7px;}
body[data-page="/"] .v1-ending .payment-section {padding-block:26px 20px;}
.v1-ending .site-footer {padding-top:27px;}
.v1-ending .footer-main {grid-template-columns:1fr 1fr; gap:18px 20px; padding-bottom:20px;}
.v1-ending .footer-brand {grid-column:1/-1;}
.v1-ending .footer-main > div:nth-child(2),
.v1-ending .footer-main > div:last-child {grid-column:auto;}
.v1-ending .footer-main > div:not(.footer-brand) > a {font-size:12px;}
.v1-ending .footer-main h2 {font-size:12px;}
.v1-ending .social-links a {width:38px; height:38px;}
.v1-ending .footer-bottom {padding-block:12px;}
}
@media (max-width:600px) {
body[data-page="/"] .v1-ending .location-info > .button {grid-column:2; min-height:49px; padding-inline:12px; font-size:13px; white-space:nowrap;}
body[data-page="/"] .v1-ending .location-info > .small {grid-column:1/-1;}
body[data-page="/"] .v1-ending .location-info > .small {margin-top:10px;}
}
@media (max-width:380px) {
body[data-page="/"] .v1-ending .partner-groups {gap:4px 14px;}
body[data-page="/"] .v1-ending .driver-logos {gap:8px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--uber {width:65px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--cabify {width:72px;}
body[data-page="/"] .v1-ending .driver-logos .brand-logo--didi {width:59px;}
.v1-ending .footer-main {gap:18px 12px;}
}
@media (max-width:359px) {
body[data-page="/"] .v1-ending .location-info > .button {grid-column:1;}
body[data-page="/"] .v1-ending .location-info > .button {justify-self:start; margin-top:14px;}
}
@media (max-width:900px) {
html { scroll-padding-top:88px; }
body[data-page="/"] { --mobile-gutter:clamp(20px,4vw,32px); }
body[data-page="/"] .wrap,
body[data-page="/"] .v1-ending .wrap { width:calc(100% - var(--mobile-gutter) * 2); margin-inline:auto; }
body[data-page="/"] .site-header .header-inner { height:72px; min-height:72px; }
body[data-page="/"] .site-header .brand { min-width:0; }
body[data-page="/"] .site-header .brand .logo { width:clamp(190px,62vw,280px); }
body[data-page="/"] .site-header .menu-toggle { min-height:44px; padding:10px 0 10px 10px; flex-shrink:0; }
body[data-page="/"] .site-header .main-nav { max-height:calc(100dvh - 72px); overflow-y:auto; overscroll-behavior:contain; padding:12px var(--mobile-gutter) 20px; }
body[data-page="/"] .site-header .main-nav a { min-height:48px; padding:12px; font-size:17px; }
body[data-page="/"] :is(#consulta-vehiculo,#marcas,#servicios,#asistencia,#nosotros,#empresa,#ubicacion,#contacto,#convenios) { scroll-margin-top:0; }
body[data-page="/"] .vehicle-consultation { gap:24px; padding-block:40px 30px; }
body[data-page="/"] .vc-intro h2 { margin:0 0 12px; max-width:none; font-size:clamp(32px,5.5vw,42px); line-height:1.08; text-wrap:balance; }
body[data-page="/"] .vc-intro p { font-size:15px; line-height:1.5; max-width:46ch; margin-bottom:8px; }
body[data-page="/"] .vc-direct { min-height:44px; font-size:14px; }
body[data-page="/"] .vc-field .picker-input { min-height:56px; font-size:16px; }
body[data-page="/"] .vc-submit.button { min-height:58px; font-size:16px; }
body[data-page="/"] .vc-helper { font-size:13px; line-height:1.5; }
body[data-page="/"] .battery-gallery { padding-block:36px 40px; }
body[data-page="/"] .battery-gallery-heading { margin-bottom:20px; gap:12px; }
body[data-page="/"] .battery-gallery-heading h2 { font-size:clamp(34px,5.5vw,44px); line-height:1.08; text-wrap:balance; }
body[data-page="/"] .battery-gallery-heading p { max-width:32ch; font-size:16px; line-height:1.45; }
body[data-page="/"] .assistance-layout { grid-template-columns:minmax(0,1fr); gap:26px; padding-block:40px; }
body[data-page="/"] .assistance-intro h2 { font-size:clamp(38px,6vw,48px); line-height:1.03; margin-bottom:14px; }
body[data-page="/"] .assistance-intro > p { font-size:16px; line-height:1.5; }
body[data-page="/"] .assistance-intro-photo { max-width:none; margin-top:20px; }
body[data-page="/"] .assistance-intro-photo img { aspect-ratio:16/9; }
body[data-page="/"] .service-detail summary { min-height:64px; gap:16px; line-height:1.2; }
body[data-page="/"] .service-detail summary .icon { flex-shrink:0; }
body[data-page="/"] .service-body p { font-size:15px; line-height:1.6; }
body[data-page="/"] .service-action .text-contact { min-height:48px; font-size:15px; line-height:1.4; }
body[data-page="/"] .location-info address { font-size:16px; line-height:1.5; }
body[data-page="/"] .opening-hours { font-size:14px; }
body[data-page="/"] .opening-hours > div { gap:16px; }
body[data-page="/"] .map-fallback,
body[data-page="/"] .v2-map > a { display:flex; align-items:center; min-height:44px; font-size:13px; line-height:1.4; }
body[data-page="/"] .contact-help .landing-contact { gap:28px; padding-block:38px 42px; }
body[data-page="/"] .landing-contact-intro > p { font-size:15px; line-height:1.55; }
body[data-page="/"] .contact-direct-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
body[data-page="/"] .contact-direct-actions .button { min-height:56px; font-size:14px; padding-inline:14px; gap:8px; }
body[data-page="/"] .landing-contact-intro > .text-contact { display:inline-flex; align-items:center; min-height:48px; font-size:14px; overflow-wrap:anywhere; }
body[data-page="/"] .landing-contact-details { min-width:0; }
body[data-page="/"] .message-panel > summary { min-height:64px; padding-block:18px; gap:16px; font-size:18px; }
body[data-page="/"] .compact-faq { margin-top:24px; padding-top:22px; }
body[data-page="/"] .compact-faq h3 { font-size:25px; line-height:1.15; margin-bottom:12px; }
body[data-page="/"] .compact-faq summary { min-height:64px; gap:16px; padding-block:18px; font-size:15px; line-height:1.4; white-space:normal; }
body[data-page="/"] .compact-faq summary .icon { width:20px; height:20px; flex-shrink:0; }
body[data-page="/"] .compact-faq details p { font-size:15px; line-height:1.6; }
body[data-page="/"] .message-form .field :is(input,textarea) { font-size:16px; }
body[data-page="/"] .message-form .field input { min-height:54px; }
body[data-page="/"] .message-form .form-actions .button { min-height:56px; font-size:15px; }
body[data-page="/"] .message-form .email-submit { min-height:44px; font-size:14px; }
body[data-page="/"] .agreements-band .agreements { padding-block:34px; gap:18px; }
body[data-page="/"] .agreements h2 { font-size:clamp(32px,5.3vw,40px); line-height:1.08; text-wrap:balance; }
body[data-page="/"] .partner-groups { margin:0; justify-content:flex-start; gap:18px 24px; }
body[data-page="/"] .payment-section { padding-block:30px; gap:20px; }
body[data-page="/"] .payment-section h2 { font-size:clamp(30px,5vw,38px); line-height:1.1; }
body[data-page="/"] .site-footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body[data-page="/"] .site-footer .footer-brand { grid-column:1/-1; }
body[data-page="/"] .site-footer .footer-main > div:not(.footer-brand) { grid-column:auto; }
body[data-page="/"] .site-footer .footer-main > div:not(.footer-brand) > a { font-size:13px; line-height:1.5; min-height:36px; overflow-wrap:anywhere; }
body[data-page="/"] .site-footer .footer-main h2 { font-size:14px; }
body[data-page="/"] .site-footer .social-links a { width:44px; height:44px; }
body[data-page="/"] .site-footer .footer-bottom { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
}

@media (max-width:600px) {
body[data-page="/"] { --mobile-gutter:22px; }
body[data-page="/"] .site-header .header-inner { gap:12px; }
body[data-page="/"] .vehicle-consultation { padding-block:34px 26px; gap:20px; }
body[data-page="/"] .vc-intro h2 { font-size:clamp(30px,8vw,36px); }
body[data-page="/"] .vc-fields { gap:18px 12px; }
body[data-page="/"] .vc-extra { margin-top:12px; }
body[data-page="/"] .vc-extra summary { font-size:14px; padding-block:12px; }
body[data-page="/"] .vc-custom-fields,
body[data-page="/"] .vc-extra-fields { grid-template-columns:minmax(0,1fr); gap:16px; }
body[data-page="/"] .vc-actions { margin-top:10px; }
body[data-page="/"] .battery-gallery-heading h2 { font-size:clamp(32px,8.5vw,38px); }
body[data-page="/"] .battery-lineup { gap:12px 10px; }
body[data-page="/"] .battery-packshot { grid-template-rows:clamp(112px,32vw,155px) 34px; padding:16px 4px; gap:10px; }
body[data-page="/"] .battery-packshot .brand-logo { width:min(100%,118px); height:32px; }
body[data-page="/"] .battery-packshot .brand-logo--yimaya { width:min(100%,130px); height:36px; }
body[data-page="/"] .service-detail summary { font-size:clamp(23px,6vw,27px); }
body[data-page="/"] .service-body { grid-template-columns:minmax(0,1fr); gap:16px; }
body[data-page="/"] .service-body > img { width:100%; max-width:none; height:auto; aspect-ratio:3/2; object-fit:cover; }
body[data-page="/"] .service-action { margin-top:14px; padding-top:12px; }
body[data-page="/"] .location-info { grid-template-columns:minmax(0,1fr); align-items:start; gap:0; }
body[data-page="/"] .location-info :is(address,.button) { grid-column:1; }
body[data-page="/"] .location-info > .button { justify-self:start; margin-top:16px; min-height:48px; padding-inline:18px; font-size:14px; }
body[data-page="/"] .location-info .opening-hours { margin-top:20px; }
body[data-page="/"] .message-form .form-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
body[data-page="/"] .message-form .form-grid .field { grid-column:1; }
body[data-page="/"] .message-form .field label { font-size:14px; line-height:1.5; }
body[data-page="/"] .message-form .form-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
body[data-page="/"] .message-form .form-actions .button { width:100%; }
body[data-page="/"] .partner-groups { gap:18px; }
body[data-page="/"] .partner-logos { gap:22px; }
body[data-page="/"] .driver-benefits { max-width:100%; }
body[data-page="/"] .driver-benefits > span { font-size:13px; margin-bottom:8px; }
body[data-page="/"] .payment-logos { gap:20px; }
body[data-page="/"] .site-footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
}

@media (max-width:360px) {
body[data-page="/"] { --mobile-gutter:18px; }
body[data-page="/"] .site-header .brand .logo { width:190px; }
body[data-page="/"] .site-header .menu-toggle { gap:8px; padding-left:4px; }
body[data-page="/"] .contact-direct-actions { grid-template-columns:minmax(0,1fr); }
body[data-page="/"] .contact-direct-actions .button { min-height:52px; font-size:15px; }
body[data-page="/"] .site-footer .footer-main { grid-template-columns:minmax(0,1fr); }
body[data-page="/"] .site-footer .footer-main > div { grid-column:1; }
}
@media (max-width:900px) {
body[data-page="/"] .velocity-layout { min-height:0; padding-block:38px 40px; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:26px; }
body[data-page="/"] .emergency-velocity .hero-copy h1 { font-size:clamp(46px,6.6vw,60px); line-height:1; letter-spacing:-.04em; margin:0 0 24px; }
body[data-page="/"] .hero-offer { font-size:clamp(19px,2.7vw,24px); line-height:1.3; }
body[data-page="/"] .hero-speed { font-size:18px; line-height:1.4; margin-top:8px; }
body[data-page="/"] .hero-area { font-size:15px; margin-top:12px; }
body[data-page="/"] .emergency-velocity .emergency-actions { gap:8px; margin-top:22px; }
body[data-page="/"] .emergency-velocity .emergency-whatsapp.button { min-height:60px; font-size:16px; padding:14px; gap:10px; }
body[data-page="/"] .hero-photo { margin:0 6px 30px; }
body[data-page="/"] .hero-photo .hero-google-reviews { padding:12px 14px; gap:12px; }
body[data-page="/"] .hero-google-rating strong { font-size:38px; }
body[data-page="/"] :is(.hero-google-count,.hero-google-link) { font-size:12px; }
body[data-page="/"] .hero-google-details .trust-stars { width:92px; height:19px; }
body[data-page="/"] .landing-assistance .assistance-layout { grid-template-columns:minmax(0,1fr); gap:26px; padding-block:40px; }
body[data-page="/"] .landing-assistance .service-detail summary { min-height:64px; font-size:24px; line-height:1.2; }
body[data-page="/"] .v2-trajectory-layout { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); padding-block:40px; gap:28px; }
body[data-page="/"] .v2-trajectory h2 { font-size:clamp(60px,8vw,80px); line-height:.95; }
body[data-page="/"] .v2-trajectory-copy > p { font-size:16px; line-height:1.6; margin-top:20px; }
body[data-page="/"] .v2-trajectory figure img { height:auto; aspect-ratio:4/3; }
body[data-page="/"] .v2-location-heading { gap:24px; margin-bottom:24px; }
body[data-page="/"] .v2-location h2 { font-size:clamp(40px,5.8vw,58px); line-height:1.03; }
body[data-page="/"] .v2-location-details { gap:12px; }
body[data-page="/"] .v2-location-details address { font-size:16px; line-height:1.5; }
body[data-page="/"] .v2-location-details .business-hours { font-size:14px; }
body[data-page="/"] .v2-location-details > a { font-size:15px; }
body[data-page="/"] .v1-ending .contact-help .landing-contact { gap:28px; padding-block:38px 42px; }
body[data-page="/"] .v1-ending .contact-direct-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
body[data-page="/"] .v1-ending .contact-direct-actions .button { min-height:56px; font-size:14px; padding-inline:14px; gap:8px; }
body[data-page="/"] .v1-ending .compact-faq { margin-top:24px; padding-top:22px; }
body[data-page="/"] .v1-ending .compact-faq summary { min-height:64px; padding-block:18px; font-size:15px; line-height:1.4; }
body[data-page="/"] .v1-ending .contact-help .compact-faq .faq-list summary { min-height:64px; padding-block:18px; font-size:15px; line-height:1.4; }
body[data-page="/"] .v1-ending .contact-help .compact-faq .faq-list details div p { font-size:15px; line-height:1.6; }
body[data-page="/"] .v1-ending .contact-help .landing-contact-intro > p { font-size:15px; line-height:1.55; }
body[data-page="/"] .v1-ending .landing-contact-intro > .text-contact { font-size:14px; min-height:48px; }
body[data-page="/"] .v1-ending .contact-help .compact-faq { margin-top:24px; padding-top:22px; }
body[data-page="/"] .v1-ending .contact-help .compact-faq > h3 { font-size:25px; line-height:1.15; margin-bottom:12px; }
body[data-page="/"] .v1-ending .agreements h2 { font-size:clamp(32px,5.3vw,40px); line-height:1.08; text-wrap:balance; }
body[data-page="/"] .v1-ending .partner-groups { margin:0; justify-content:flex-start; gap:18px 24px; }
body[data-page="/"] .v1-ending .payment-section h2 { font-size:clamp(30px,5vw,38px); line-height:1.1; }
body[data-page="/"] .v1-ending .site-footer .social-links a { width:44px; height:44px; }
body[data-page="/"] .v1-ending .site-footer .footer-bottom { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
body[data-page="/"] .v1-ending .compact-faq h3 { font-size:25px; line-height:1.15; }
body[data-page="/"] .v1-ending .agreements-band .agreements { padding-block:34px; gap:18px; }
body[data-page="/"] .v1-ending .payment-section { padding-block:30px; gap:20px; }
body[data-page="/"] .v1-ending .site-footer .footer-main > div:not(.footer-brand) > a { font-size:13px; min-height:36px; line-height:1.5; }
body[data-page="/"] .v1-ending .site-footer .footer-main h2 { font-size:14px; }
}
@media (max-width:600px) {
body[data-page="/"] .velocity-layout { grid-template-columns:minmax(0,1fr); gap:24px; padding-block:28px 32px; }
body[data-page="/"] .emergency-velocity .hero-copy h1 { font-size:clamp(44px,14.4vw,78px); line-height:1; margin-bottom:22px; }
body[data-page="/"] .hero-offer { font-size:clamp(19px,5.1vw,24px); }
body[data-page="/"] .hero-speed { font-size:18px; line-height:1.4; }
body[data-page="/"] .emergency-velocity .emergency-whatsapp.button { width:100%; font-size:17px; }
body[data-page="/"] .hero-photo { margin-inline:6px; margin-bottom:32px; }
body[data-page="/"] .hero-photo-shell { height:auto; aspect-ratio:3/2; border-radius:64px 14px 64px 14px; }
body[data-page="/"] .hero-photo .hero-google-reviews { left:0; bottom:-32px; max-width:100%; }
body[data-page="/"] .v2-trajectory-layout { grid-template-columns:minmax(0,1fr); gap:24px; padding-block:38px; }
body[data-page="/"] .v2-trajectory h2 { font-size:clamp(60px,16vw,78px); }
body[data-page="/"] .v2-trajectory figure img { aspect-ratio:3/2; border-radius:3px 36px 3px 3px; }
body[data-page="/"] .v2-location { padding-block:38px; }
body[data-page="/"] .v2-location-heading,body[data-page="/"] .v2-location-media { grid-template-columns:minmax(0,1fr); gap:20px; }
body[data-page="/"] .v2-location h2 { font-size:clamp(40px,10.8vw,56px); }
body[data-page="/"] .v2-kicker { font-size:11px; margin-bottom:16px; }
body[data-page="/"] .v2-map iframe { height:240px; }
body[data-page="/"] .landing-assistance .service-detail summary { font-size:clamp(21px,5.6vw,25px); }
body[data-page="/"] .landing-assistance .service-body { grid-template-columns:minmax(0,1fr); gap:16px; }
body[data-page="/"] .landing-assistance .service-body > img { width:100%; height:auto; aspect-ratio:3/2; }
body[data-page="/"] .v1-ending .partner-groups { gap:18px; }
body[data-page="/"] .v1-ending .driver-benefits > span { font-size:13px; margin-bottom:8px; }
body[data-page="/"] .v1-ending .payment-logos { gap:20px; }
body[data-page="/"] .v1-ending .message-form .form-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
body[data-page="/"] .v1-ending .message-form .form-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
body[data-page="/"] .v1-ending .message-form .field :is(input,textarea) { font-size:16px; }
body[data-page="/"] .v1-ending .message-form .field input { min-height:54px; }
body[data-page="/"] .v1-ending .message-form .field label { font-size:14px; line-height:1.5; }
body[data-page="/"] .v1-ending .message-form .form-grid .field { grid-column:1; }
body[data-page="/"] .v1-ending .message-form .form-actions .button { min-height:56px; width:100%; font-size:15px; }
body[data-page="/"] .v1-ending .message-form .email-submit { min-height:44px; font-size:14px; }
body[data-page="/"] .v1-ending .site-footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
}
@media (max-width:360px) {
body[data-page="/"] .v1-ending .contact-direct-actions { grid-template-columns:minmax(0,1fr); }
body[data-page="/"] .v1-ending .contact-direct-actions .button { min-height:52px; font-size:15px; }
body[data-page="/"] .v1-ending .site-footer .footer-main { grid-template-columns:minmax(0,1fr); }
}

@media (min-width:701px) and (max-width:900px) {
body[data-page="/"] .battery-lineup { grid-template-columns:repeat(4,minmax(0,1fr)); }
body[data-page="/"] .battery-packshot { grid-template-rows:140px 34px; padding:16px 6px; gap:10px; }
body[data-page="/"] .battery-packshot .brand-logo { width:min(100%,128px); height:34px; }
body[data-page="/"] .landing-assistance .assistance-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:28px; }
body[data-page="/"] .assistance-intro h2 { font-size:40px; }
}
body[data-page="/"] .assistance-intro h2 { max-width:11ch; font-size:clamp(48px,5.4vw,76px); line-height:1; margin:0 0 24px; }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours > div { padding-block:14px; align-items:baseline; gap:18px; }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours dt { font-size:18px; line-height:1.3; font-weight:700; }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours dd { font-size:23px; line-height:1.3; font-weight:750; white-space:nowrap; }
body[data-page="/"] .v2-trajectory .v2-company-fleet img { border-radius:0; object-fit:contain; object-position:center; filter:drop-shadow(0 14px 10px #1a1d1726) drop-shadow(0 3px 2px #1a1d1738); }

@media (max-width:900px) {
body[data-page="/"] .assistance-intro h2 { font-size:clamp(42px,6vw,58px); line-height:1.03; }
}
@media (max-width:700px) {
body[data-page="/"] :is(.emergency-lead,.hero-copy,.vc-intro,.battery-gallery-heading,.assistance-intro,.company-heading,.v2-trajectory-copy,.location-info,.v2-location-heading,.landing-contact-intro,.agreements > div:first-child,.payment-section,.footer-main,.footer-bottom) { text-align:center; }
body[data-page="/"] .vc-intro :is(h2,p),
body[data-page="/"] .battery-gallery-heading :is(h2,p),
body[data-page="/"] .company-heading p,
body[data-page="/"] .v2-trajectory-copy > p,
body[data-page="/"] .contact-help .landing-contact-intro > p,
body[data-page="/"] .v1-ending .contact-help .landing-contact-intro > p { margin-inline:auto; }
body[data-page="/"] .battery-gallery-heading { align-items:center; }
body[data-page="/"] .vc-intro h2 { max-width:100%; }
body[data-page="/"] .vc-form { text-align:left; }
body[data-page="/"] .vc-extra > summary,
body[data-page="/"] .vc-preview > summary,
body[data-page="/"] .vc-helper { text-align:center; }
body[data-page="/"] .vc-helper { margin-inline:auto; }
body[data-page="/"] .assistance-intro h2 { max-width:none; font-size:clamp(42px,10.6vw,60px); margin:0 auto 24px; text-wrap:balance; }
body[data-page="/"] .assistance-intro-photo { margin-inline:auto; }
body[data-page="/"] .service-detail summary { position:relative; justify-content:center; text-align:center; padding-inline:28px; }
body[data-page="/"] .service-detail summary > span { flex:1; }
body[data-page="/"] .service-detail summary > .icon { position:absolute; right:0; top:50%; transform:translateY(-50%); }
body[data-page="/"] .service-body { text-align:center; }
body[data-page="/"] .service-body > img { justify-self:center; }
body[data-page="/"] .service-action { text-align:center; }
body[data-page="/"] .location-info > .button { justify-self:center; }
body[data-page="/"] .location-info .business-hours { margin-inline:auto; width:100%; }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours > div { justify-content:center; gap:clamp(22px,6vw,34px); }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours dt { font-size:clamp(19px,5vw,23px); white-space:nowrap; }
body[data-page="/"] :is(.location-info,.v2-location-details) .business-hours dd { font-size:clamp(23px,6vw,27px); }
body[data-page="/"] .map-fallback,
body[data-page="/"] .v2-map > a { justify-content:center; text-align:center; }
body[data-page="/"] .contact-help .landing-contact-intro > .text-contact,
body[data-page="/"] .v1-ending .contact-help .landing-contact-intro > .text-contact { justify-content:center; }
body[data-page="/"] .contact-help .compact-faq > h3,
body[data-page="/"] .v1-ending .contact-help .compact-faq > h3 { text-align:center; }
body[data-page="/"] .contact-help .message-panel > summary,
body[data-page="/"] .v1-ending .contact-help .message-panel > summary,
body[data-page="/"] .contact-help .compact-faq .faq-list summary,
body[data-page="/"] .v1-ending .contact-help .compact-faq .faq-list summary { position:relative; display:block; text-align:center; padding-inline:26px; }
body[data-page="/"] .contact-help :is(.message-panel,.compact-faq) summary > .icon,
body[data-page="/"] .v1-ending .contact-help :is(.message-panel,.compact-faq) summary > .icon { position:absolute; right:0; top:50%; transform:translateY(-50%); }
body[data-page="/"] .contact-help .message-form,
body[data-page="/"] .v1-ending .contact-help .message-form { text-align:left; }
body[data-page="/"] .agreements .partner-groups,
body[data-page="/"] .v1-ending .agreements .partner-groups { justify-content:center; }
body[data-page="/"] .partner-logos,
body[data-page="/"] .v1-ending .partner-logos,
body[data-page="/"] .driver-logos,
body[data-page="/"] .v1-ending .driver-logos { justify-content:center; }
body[data-page="/"] .driver-benefits,
body[data-page="/"] .v1-ending .driver-benefits { align-items:center; text-align:center; }
body[data-page="/"] .payment-logos,
body[data-page="/"] .v1-ending .payment-logos { justify-content:center; margin-inline:auto; }
body[data-page="/"] .site-footer .footer-brand > a,
body[data-page="/"] .v1-ending .site-footer .footer-brand > a { margin-inline:auto; }
body[data-page="/"] .site-footer .social-links,
body[data-page="/"] .v1-ending .site-footer .social-links { justify-content:center; }
body[data-page="/"] .site-footer .footer-main > div > a,
body[data-page="/"] .v1-ending .site-footer .footer-main > div > a { justify-content:center; }
}

@media (max-width:700px) {
body[data-page="/"] .emergency-actions { align-items:center; }
body[data-page="/"] .emergency-whatsapp.button { width:100%; max-width:620px; }
body[data-page="/"] .hero-area { justify-content:center; }
body[data-page="/"] .hero-photo .hero-google-reviews { left:50%; transform:translateX(-50%); }
body[data-page="/"] .v2-location-details > a { justify-self:center; }
body[data-page="/"] .v2-trajectory .v2-company-fleet img { height:auto; aspect-ratio:2/1; }
body[data-page="/"] .service-detail[open] summary > .icon { transform:translateY(-50%) rotate(45deg); }
body[data-page="/"] .v1-ending .contact-help .message-panel[open] > summary > .icon,
body[data-page="/"] .v1-ending .contact-help .compact-faq details[open] > summary > .icon { transform:translateY(-50%) rotate(45deg); }
}
body[data-page="/"] .rescue-curve { --truck-width:clamp(336px,31.5vw,388px); --car-width:calc(var(--truck-width) * .93); }
@media(min-width:701px) {
body[data-page="/"] .rescue-curve-car { bottom:calc(var(--road-bottom) - var(--car-width) * .077 - 6px); }
}
@media(min-width:701px) and (max-width:900px) {
body[data-page="/"] .rescue-curve { --truck-width:min(388px,46.2vw); }
}
body[data-page="/"] .consultation-wrap .vehicle-consultation { padding-bottom:40px; }
@media(max-width:700px) {
body[data-page="/"] .vc-helper { display:none; }
body[data-page="/"] .vc-actions { display:flex; justify-content:center; gap:0; }
body[data-page="/"] .vc-submit.button { width:100%; max-width:340px; margin-inline:auto; }
body[data-page="/"] .battery-packshot { grid-template-rows:clamp(100px,29vw,130px) 32px; padding:12px 6px; gap:8px; }
body[data-page="/"] .battery-packshot-image img { width:92%; height:92%; }
body[data-page="/"] .battery-packshot .brand-logo { width:min(100%,112px); height:30px; }
body[data-page="/"] .battery-packshot .brand-logo--yimaya { width:min(100%,120px); height:32px; }

body[data-page="/"] .contact-help .contact-direct-actions,
body[data-page="/"] .v1-ending .contact-help .contact-direct-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
body[data-page="/"] .contact-help .contact-direct-actions .button,
body[data-page="/"] .v1-ending .contact-help .contact-direct-actions .button { width:100%; min-height:60px; padding:10px; font-size:14px; line-height:1.2; gap:8px; }
body[data-page="/"] .contact-direct-actions .button > span { text-wrap:balance; }
body[data-page="/"] .contact-help .landing-contact,
body[data-page="/"] .v1-ending .contact-help .landing-contact { padding-block:32px; gap:24px; }
body[data-page="/"] .contact-help .compact-faq .faq-list details div p,
body[data-page="/"] .v1-ending .contact-help .compact-faq .faq-list details div p { text-align:center; max-width:40ch; margin-inline:auto; }

body[data-page="/"] .agreements-band .agreements,
body[data-page="/"] .v1-ending .agreements-band .agreements { grid-template-columns:minmax(0,1fr); padding-block:28px; gap:16px; }
body[data-page="/"] .agreements .partner-groups,
body[data-page="/"] .v1-ending .agreements .partner-groups { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:20px; width:100%; }
body[data-page="/"] .agreements .partner-logos,
body[data-page="/"] .v1-ending .agreements .partner-logos { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.42fr); gap:20px; justify-items:center; align-items:center; width:min(100%,280px); margin-inline:auto; }
body[data-page="/"] .agreements .partner-logos .brand-logo--sportclub,
body[data-page="/"] .v1-ending .agreements .partner-logos .brand-logo--sportclub { width:min(100%,160px); }
body[data-page="/"] .agreements .partner-logos .brand-logo--aaaj,
body[data-page="/"] .v1-ending .agreements .partner-logos .brand-logo--aaaj { width:60px; height:60px; }
body[data-page="/"] .agreements .driver-benefits,
body[data-page="/"] .v1-ending .agreements .driver-benefits { display:flex; flex-direction:column; align-items:center; width:min(100%,310px); gap:8px; }
body[data-page="/"] .agreements .driver-benefits > span,
body[data-page="/"] .v1-ending .agreements .driver-benefits > span { margin:0; }
body[data-page="/"] .agreements .driver-logos,
body[data-page="/"] .v1-ending .agreements .driver-logos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:center; justify-items:center; width:100%; }
body[data-page="/"] .agreements .driver-logos .brand-logo,
body[data-page="/"] .v1-ending .agreements .driver-logos .brand-logo { width:100%; max-width:98px; height:32px; }
body[data-page="/"] .payment-section,
body[data-page="/"] .v1-ending .payment-section { padding-block:28px; gap:20px; }
body[data-page="/"] .payment-logos,
body[data-page="/"] .v1-ending .payment-logos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; align-items:center; justify-items:center; width:min(100%,300px); margin-inline:auto; }
body[data-page="/"] .payment-logos .brand-logo,
body[data-page="/"] .v1-ending .payment-logos .brand-logo { width:100%; max-width:130px; height:36px; object-fit:contain; }
body[data-page="/"] .site-footer .footer-bottom,
body[data-page="/"] .v1-ending .site-footer .footer-bottom { flex-direction:column; align-items:center; gap:6px; padding-block:12px calc(16px + env(safe-area-inset-bottom)); padding-inline:68px; }
}

@media(max-width:700px) {
body[data-page="/"] .emergency-velocity .hero-photo-shell { height:clamp(248px,74vw,320px); aspect-ratio:auto; }
body[data-page="/"] .hero-photo { margin:0 0 44px; }
body[data-page="/"] .hero-photo .hero-google-reviews { bottom:-40px; padding:9px 12px; gap:10px; max-width:calc(100% - 24px); }
body[data-page="/"] .hero-photo .hero-google-rating strong { font-size:32px; }
body[data-page="/"] .hero-photo .hero-google-count { font-size:10.5px; }
body[data-page="/"] .hero-photo .hero-google-link { font-size:11px; gap:4px; }
body[data-page="/"] .hero-photo .hero-google-link .trust-external { width:12px; height:12px; }
body[data-page="/"] .hero-photo .hero-google-details .trust-stars { width:78px; height:16px; }
body[data-page="/"] .consultation-wrap .vehicle-consultation { padding-bottom:12px; }
body[data-page="/"] .rescue-curve { --truck-width:min(160px,calc((100vw - 24px) * .405)); --car-width:calc(var(--truck-width) * .93); --vehicle-gap:8px; --scene-edge:6px; height:clamp(100px,26vw,112px); }
body[data-page="/"] .assistance-intro-photo { border-radius:0; }
body[data-page="/"] .v2-trajectory-copy,
body[data-page="/"] .v2-trajectory-copy h2 { width:100%; text-align:center; margin-inline:auto; }
body[data-page="/"] .v2-trajectory-copy > p { margin-inline:auto; text-align:center; }
body[data-page="/"] .v2-trajectory-layout { padding-block:32px; }
body[data-page="/"] .v2-location { padding-block:30px; }
body[data-page="/"] .v2-location-heading { margin-bottom:18px; }
body[data-page="/"] .v2-location h2 { font-size:clamp(35px,9.8vw,46px); }
body[data-page="/"] .v2-location-details { grid-template-columns:minmax(0,1fr) auto; gap:14px 16px; align-items:center; }
body[data-page="/"] .v2-location-details address { grid-column:1/-1; }
body[data-page="/"] .v2-location-details .business-hours { grid-column:1; margin:0; width:100%; }
body[data-page="/"] .v2-location-details .business-hours > div { flex-direction:column; align-items:center; gap:4px; padding:0; border:0; }
body[data-page="/"] .v2-location-details > a { grid-column:2; min-height:48px; margin:0; padding:10px 12px; border:1px solid #ffffff70; border-radius:4px; font-size:14px; white-space:nowrap; }
body[data-page="/"] .v2-location-media { gap:14px; }
body[data-page="/"] .v2-map iframe { height:220px; }
}
@media(max-width:700px) {
body[data-page="/"] .vehicle-consultation { padding-block:24px 16px; gap:8px; }
body[data-page="/"] .vc-intro h2 { margin-bottom:6px; }
body[data-page="/"] .vc-intro p { margin-bottom:4px; }
body[data-page="/"] .vc-fields { gap:8px; }
body[data-page="/"] .vc-field { gap:4px; }
body[data-page="/"] .vc-field .picker-input { height:52px; min-height:52px; padding:12px 42px 12px 16px; }
body[data-page="/"] .vc-extra { margin-top:6px; }
body[data-page="/"] .vc-extra summary { min-height:44px; padding-block:10px; }
body[data-page="/"] .vc-actions { margin-top:4px; }
}
@media(max-width:700px) {
body[data-page="/"] .landing-assistance .service-body { --service-image-size:clamp(90px,27vw,120px); display:grid; width:100%; max-width:none; grid-template-columns:var(--service-image-size) minmax(0,1fr); gap:14px; padding:0 0 25px; font-size:16px; line-height:1.6; align-items:start; text-align:center; }
body[data-page="/"] .landing-assistance .service-body::after { content:none; display:none; }
body[data-page="/"] .landing-assistance .service-body img { float:none; margin:0; }
body[data-page="/"] .landing-assistance .service-body > img { display:block; width:var(--service-image-size); max-width:100%; height:var(--service-image-size); aspect-ratio:auto; object-fit:cover; object-position:center; border-radius:0; }
body[data-page="/"] .landing-assistance .service-body > div { min-width:0; }
body[data-page="/"] .landing-assistance .service-body p { max-width:62ch; margin:0; font-size:15px; line-height:1.6; text-align:center; }
body[data-page="/"] .landing-assistance .service-body .service-action { margin-top:12px; padding-top:10px; }
body[data-page="/"] .landing-assistance .service-action .text-contact { display:inline-flex; max-width:100%; align-items:center; clear:none; gap:8px; margin:0; min-height:48px; font-size:15px; font-weight:600; line-height:1.4; }
body[data-page="/"] .landing-assistance .service-action .text-contact .icon { width:20px; height:24px; }
body[data-page="/"] .landing-assistance #traslado-de-motos .service-body > img { height:auto; aspect-ratio:3/2; object-fit:contain; }
}

@media (prefers-reduced-motion: no-preference) {
body[data-page="/"] [data-scroll-reveal="pending"] {
opacity: 0;
transform: translate3d(0, 14px, 0);
}
body[data-page="/"] [data-scroll-reveal="visible"] {
opacity: 1;
transform: none;
transition: opacity 480ms ease var(--reveal-delay, 0ms),
transform 480ms cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms);
}
}

@media print {
[data-scroll-reveal] { opacity: 1 !important; transform: none !important; }
}
body[data-page="/"] .emergency-velocity .emergency-actions {
margin-top: 24px;
}
body[data-page="/"] .emergency-velocity .emergency-whatsapp.button {
min-width: min(100%, 420px);
min-height: 86px;
padding: 22px 28px;
font-size: 25px;
line-height: 1.12;
box-shadow: 0 14px 28px #4b090c2e;
}
body[data-page="/"] .emergency-velocity .emergency-whatsapp .icon {
width: 34px;
height: 34px;
}

.vc-fields {
grid-template-columns: minmax(0,1.15fr) minmax(116px,.68fr) minmax(0,1fr) minmax(0,1fr);
gap: 12px;
}
.vc-type-title {
font: 600 14px/1.5 Archivo,Arial,sans-serif;
}
.vc-type-switch {
display: flex;
min-height: 56px;
padding: 3px;
background: #f7f8f6;
border: 1px solid #9aa5a0;
border-radius: 10px;
}
.vc-type-choice {
position: relative;
display: grid;
place-items: center;
flex: 1 1 50%;
min-width: 0;
cursor: pointer;
}
.vc-type-choice[hidden] { display: none; }
.vc-type-choice input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.vc-type-choice span {
display: grid;
place-items: center;
width: 100%;
min-height: 48px;
padding-inline: 4px;
border-radius: 7px;
color: #4d5851;
font: 650 14px/1.2 Archivo,Arial,sans-serif;
}
.vc-type-choice input:checked + span {
background: #212725;
color: #fff;
box-shadow: 0 3px 8px #131c1630;
}
.vc-type-choice:focus-within span {
outline: 2px solid #146b42;
outline-offset: 2px;
}
.vc-type-choice:has(input:disabled) { cursor: default; }

.moto-promo {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 14px 28px;
align-items: center;
margin-top: 24px;
padding: 22px 0 0;
border-top: 1px solid #d4cbc1;
color: #242426;
}
.moto-promo h2,.moto-promo h3 {
margin: 0 0 7px;
color: inherit;
font: 750 clamp(24px,2.3vw,30px)/1.1 Archivo,Arial,sans-serif;
letter-spacing: -.035em;
}
.moto-promo p {
margin: 0;
color: #625e58;
font-size: 15px;
line-height: 1.45;
}
.moto-promo a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 8px 0;
color: #8f1e2b;
text-decoration: underline;
text-decoration-color: #8f1e2b66;
text-underline-offset: 5px;
font-weight: 700;
white-space: nowrap;
}
.moto-promo a:hover,.moto-promo a:focus-visible {
color: #58111a;
text-decoration-color: currentColor;
}
.moto-promo a svg { width: 22px; height: 22px; flex-shrink: 0; }

.battery-packshot--heliar .battery-packshot-image img {
transform: scale(.92);
filter: drop-shadow(0 3px 2px #22251c20);
}
.payment-logos .brand-logo--cabal,
.v1-ending .payment-logos .brand-logo--cabal {
width: 62px;
height: 48px;
filter: brightness(0);
opacity: .88;
}
body[data-page="/"] .v1-ending .payment-logos {
width: 100%;
flex-wrap: nowrap;
gap: clamp(12px,1.6vw,23px);
}
body[data-page="/"] .v1-ending .payment-logos .brand-logo {
flex-shrink: 1;
min-width: 0;
}

@media(max-width:1050px) {
.vc-fields { grid-template-columns: minmax(0,1.15fr) minmax(116px,.7fr) minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:700px) {
body[data-page="/"] .emergency-velocity .emergency-whatsapp.button {
width: 100%;
min-width: 0;
max-width: none;
min-height: 72px;
padding: 16px 18px;
font-size: clamp(19px,5vw,22px);
gap: 12px;
}
body[data-page="/"] .emergency-velocity .emergency-whatsapp .icon { width: 29px; height: 29px; }
.vc-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 10px; }
.vc-fields > .vc-field:first-child,
.vc-fields > .vc-type-field { grid-column: 1 / -1; }
.vc-type-switch { min-height: 52px; }
.vc-type-choice span { min-height: 44px; }
.moto-promo { grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 14px; padding-top: 20px; text-align: center; }
.moto-promo a { justify-self: center; }
.payment-logos,
body[data-page="/"] .payment-logos,
body[data-page="/"] .v1-ending .payment-logos {
display: grid;
grid-template-columns: repeat(6,minmax(0,1fr));
gap: 14px;
width: min(100%,320px);
}
.payment-logos .brand-logo,
body[data-page="/"] .payment-logos .brand-logo,
body[data-page="/"] .v1-ending .payment-logos .brand-logo { grid-column: span 2; width: 100%; max-width: 130px; height: 36px; }
.payment-logos .brand-logo--amex,
body[data-page="/"] .payment-logos .brand-logo--amex,
body[data-page="/"] .v1-ending .payment-logos .brand-logo--amex { grid-column: 2 / span 2; }
.payment-logos .brand-logo--cabal,
body[data-page="/"] .payment-logos .brand-logo--cabal,
body[data-page="/"] .v1-ending .payment-logos .brand-logo--cabal { grid-column: 4 / span 2; width: 58px; height: 46px; }
}
@media(max-width:359px) {
.vc-fields { grid-template-columns: minmax(0,1fr); }
.vc-fields > .vc-field:first-child,
.vc-fields > .vc-type-field { grid-column: auto; }
}