/* Shared service-area skin: existing sections, forms and local content remain intact. */
body.service-area-page{--green:#8cff01;--link-blue:#8cff01;--link-dark:#8cff01;color:#000;background:#fff}
body.service-area-page main{padding-top:92px}
body.service-area-page :is(.hero,.page-hero,.directory-hero){background:#000 url('/assets/images/grafica-web/heroes/hero-b2b-negro-verde.webp') center top/cover no-repeat;color:#fff}
body.service-area-page :is(.hero,.page-hero,.directory-hero) :is(h1,p){color:#fff}
body.service-area-page .eyebrow{color:#8cff01!important}
body.service-area-page.directory-page .directory-hero h1{text-align:center;margin-inline:auto}
body.service-area-page .alliance-benefits-section{background:#000!important}
body.service-area-page .alliance-benefits-section::before{display:none}
body.service-area-page .alliance-benefits-header :is(h2,p){color:#fff!important;text-align:center}
body.service-area-page .alliance-logo-set figure{
  border:1px solid rgba(140,255,1,.42);
  border-radius:20px;
  background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.78),rgba(255,255,255,.2) 30%,transparent 48%),linear-gradient(145deg,rgba(230,255,209,.96),rgba(152,255,65,.76));
  box-shadow:inset 0 1px 0 #fff,inset 0 -18px 30px rgba(140,255,1,.07),0 18px 44px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
body.service-area-page.directory-page .directory-upcoming{background:#000;padding-block:48px}
body.service-area-page.directory-page .directory-upcoming h2{color:#fff}
body.service-area-page.directory-page .directory-upcoming-card{text-align:center;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.78),rgba(255,255,255,.2) 30%,transparent 48%),linear-gradient(145deg,rgba(230,255,209,.96),rgba(152,255,65,.76));border-color:#8cff01;box-shadow:inset 0 1px 0 #fff,inset 0 -18px 30px rgba(140,255,1,.07);color:#000}
body.service-area-page.directory-page .directory-upcoming-card span{color:#000}
body.service-area-page.directory-page .directory-secondary{background:#000 url('/assets/images/grafica-web/cards/horizontales/card-horizontal-b2b-negro-verde.webp') center/cover no-repeat;padding-block:48px}
body.service-area-page.directory-page .directory-secondary>h2{color:#fff}
body.service-area-page.directory-page .directory-secondary :is(h2,p){text-align:center!important}
body.service-area-page.directory-page .directory-secondary .directory-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
body.service-area-page.directory-page .directory-secondary .directory-link-card :is(h2,p){width:100%;margin-inline:auto}
body.service-area-page.directory-page main>.directory-links{position:relative;isolation:isolate;padding-block:48px}
body.service-area-page.directory-page main>.directory-links::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 92% 68% at 50% 48%,rgba(140,255,1,.88) 0%,rgba(155,255,42,.62) 38%,rgba(183,255,115,.28) 64%,rgba(255,255,255,0) 82%),linear-gradient(180deg,rgba(140,255,1,0) 0%,rgba(156,255,37,.18) 18%,rgba(156,255,37,.3) 52%,rgba(156,255,37,.12) 78%,rgba(156,255,37,0) 100%);pointer-events:none}
body.service-area-page .site-logo{order:2;margin-right:auto}
body.service-area-page .site-logo img{width:160px;max-height:40px;object-fit:contain}
body.service-area-page .menu-toggle{order:1;margin-right:16px}
body.service-area-page .site-header-actions{order:3}
body.service-area-page .offer-card{background:rgba(0,0,0,.82);border:1px solid rgba(140,255,1,.65);border-radius:24px;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.22)}
body.service-area-page .offer-card :is(h1,label,.form-legal-consent){color:#fff}
body.service-area-page .offer-card .notice{background:#eeffdd;border-color:#8cff01;color:#000}
body.service-area-page .offer-card .notice span{background:#8cff01;color:#000}
body.service-area-page .offer-card .segundazo-legal-consent :is(span,a){color:#fff!important}
body.service-area-page .page-hero .segundazo-legal-consent :is(span,a){color:#fff!important}
body.service-area-page .page-hero .notice{background:#eeffdd;border-color:#8cff01;color:#000;flex-wrap:wrap}
body.service-area-page .page-hero .notice span{background:#8cff01;color:#000}
body.service-area-page .categories{padding-block:64px;background:radial-gradient(ellipse 92% 68% at 50% 48%,rgba(140,255,1,.88) 0%,rgba(155,255,42,.62) 38%,rgba(183,255,115,.28) 64%,rgba(255,255,255,0) 82%),linear-gradient(180deg,rgba(140,255,1,0) 0%,rgba(156,255,37,.18) 18%,rgba(156,255,37,.3) 52%,rgba(156,255,37,.12) 78%,rgba(156,255,37,0) 100%)}
body.service-area-page .local-cross-sell{background:#000;color:#fff}
body.service-area-page .local-cross-sell :is(h2,p){color:#fff;text-align:center}
body.service-area-page .local-cross-sell .ecosystem-cta-header :is(h2,p){text-align:left}
body.service-area-page .ecosystem-cta-card{border:1px solid rgba(140,255,1,.65);border-radius:24px;text-align:center;background:rgba(255,255,255,.08)}
body.service-area-page .ecosystem-cta-card :is(strong,em){color:#fff!important;text-align:center}
body.service-area-page .ecosystem-cta-card>span{color:#8cff01!important}
body.service-area-page .local-cross-sell .ecosystem-cta-card{display:flex;flex-direction:column;align-items:center;text-align:center}
body.service-area-page .local-cross-sell .ecosystem-cta-card :is(strong,em){width:100%;text-align:center!important;margin-inline:auto}
@media(max-width:430px){body.service-area-page .site-logo img{width:100px}body.service-area-page .menu-toggle{margin-right:8px}body.service-area-page .offer-card{padding:24px 20px}}
body.service-area-page main :is(h2,h3,h4,.local-context,.process-intro p,.process-card p,.vehicle-card p,.directory-link-card p,.history-box p){text-align:center;text-transform:none}
body.service-area-page :is(.process-intro h2,.process-intro p){margin-inline:auto}
body.service-area-page :is(.process-card,.vehicle-card,.directory-link-card){box-sizing:border-box;border:1px solid rgba(140,255,1,.65);border-radius:24px;background:linear-gradient(135deg,#fff, #eeffdd);color:#000;box-shadow:0 16px 36px rgba(25,60,0,.12);text-align:center}
body.service-area-page :is(.process-card,.vehicle-card,.directory-link-card) :is(h2,h3,h4,p){color:#000}
/* Inventory links belong to the purchase journey; selling categories remain green. */
/* Compact coverage layout, retaining local headings, links and map assets. */
body.service-area-page .local-coverage{padding:64px 0;background:#000;color:#fff}
body.service-area-page .local-coverage-grid{grid-template-columns:minmax(240px,32%) minmax(0,1fr);gap:48px;align-items:center}
body.service-area-page .local-coverage-map{padding:20px;background:#fff;border:1px solid rgba(140,255,1,.5);border-radius:24px;overflow:hidden}
body.service-area-page .local-coverage-map img{display:block;width:100%;max-width:340px;height:auto;object-fit:contain}
body.service-area-page .local-coverage-content{display:flex;flex-direction:column;gap:24px;min-width:0}
body.service-area-page .local-coverage-content h2{order:1;max-width:760px;margin:0 auto;color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.12;text-align:center}
body.service-area-page .local-coverage-content h2 span{color:#8cff01}
body.service-area-page .local-coverage-zones{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.service-area-page .local-coverage-zones li{font-size:17px;line-height:1.3;text-transform:none;text-align:center}
body.service-area-page .local-coverage-zones a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;min-height:50px;padding:12px 10px;border:1px solid #8cff01!important;border-radius:12px;background:#111;color:#fff!important;text-decoration:none;font-weight:600}
body.service-area-page .local-coverage-zones a:hover,body.service-area-page .local-coverage-zones a:focus-visible{background:#1d3109;color:#8cff01!important;outline:2px solid #8cff01;outline-offset:2px}
body.service-area-page .local-coverage-links{order:3;margin:0 auto;color:#ddd;text-align:center}
body.service-area-page .local-coverage-actions{order:4;margin:0;gap:16px;justify-content:center}
@media(max-width:767px){body.service-area-page .local-coverage{padding:40px 0}body.service-area-page .local-coverage-grid{grid-template-columns:1fr;gap:28px}body.service-area-page .local-coverage-map{order:2;width:min(100%,360px);box-sizing:border-box;margin-inline:auto}body.service-area-page .local-coverage-zones{grid-template-columns:repeat(2,minmax(0,1fr))}body.service-area-page .local-coverage-content{order:1}body.service-area-page .local-coverage-actions>a{min-width:0;width:100%}}
body.service-area-page .categories:has(a[href^="/vehiculos-usados/"]){background:#fff url('/assets/images/grafica-web/fondos-transicion/fondo-transicion-compra-azul.webp') center/cover no-repeat}
body.service-area-page .categories .vehicle-card[href^="/vehiculos-usados/"]{border-color:#03b2ff;background:linear-gradient(135deg,#fff,#dff5ff);box-shadow:0 16px 36px rgba(0,80,120,.12)}
body.service-area-page main .categories a.button-green[href^="/vehiculos-usados/"]{border-color:#03b2ff;background:linear-gradient(135deg,#03202d,#000);color:#03b2ff!important;box-shadow:0 12px 28px rgba(0,110,170,.16)}
body.service-area-page .local-nap-map{background:radial-gradient(ellipse 92% 68% at 50% 48%,rgba(140,255,1,.88) 0%,rgba(155,255,42,.62) 38%,rgba(183,255,115,.28) 64%,rgba(255,255,255,0) 82%),linear-gradient(180deg,#fff 0%,#efffde 50%,#fff 100%)}
body.service-area-page .local-nap-info a[href^="tel:"]{color:#000!important;border-bottom-color:#000!important;text-decoration-color:#000!important}
body.service-area-page .local-nap-info a[href^="tel:"]:is(:hover,:focus-visible){color:#8cff01!important;border-bottom-color:#8cff01!important;text-decoration-color:#8cff01!important}
body.service-area-page :is(.ecosystem-card,.local-nap-card,.history-box,.account-banner){border:1px solid rgba(140,255,1,.6);border-radius:24px;overflow:hidden}
body.service-area-page .history-box{background:#000 url('/assets/images/grafica-web/cards/horizontales/card-horizontal-b2b-negro-verde.webp') center/cover no-repeat;color:#fff}
body.service-area-page .history-box :is(h4,p){color:#fff}
body.service-area-page .account-wrap{margin-bottom:0;padding-bottom:40px}
body.service-area-page .account-banner{margin-bottom:0}
body.service-area-page main :is(a.button-green,a.button-dark,a.glass-cta,.offer-form button,.history-form button){display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;min-height:56px;height:auto;max-width:100%;padding:16px 24px;border:1px solid #8cff01;border-radius:18px;background:linear-gradient(135deg,#132009,#000);color:#8cff01!important;font-weight:800;text-align:center;text-decoration:none;white-space:normal;box-shadow:0 12px 28px rgba(40,80,0,.16)}
body.service-area-page main :is(a.button-green,a.button-dark,a.glass-cta,.offer-form button,.history-form button)>span[aria-hidden="true"]{display:none}
body.service-area-page main a:not([class]){text-decoration-color:#8cff01}
body.service-area-page :is(.history-box,.local-coverage-links,.local-cross-sell) a:not(.button-green):not(.button-dark){color:#8cff01;text-decoration-color:#8cff01}
body.service-area-page .process-icon{width:64px;height:64px;margin:0 auto 24px;background:#eeffdd;border:1px solid rgba(140,255,1,.6);border-radius:18px}
body.service-area-page .process-icon img{width:40px;height:40px;object-fit:contain}
body.service-area-page .local-coverage-actions{justify-content:center}
body.service-area-page .local-coverage-content{text-align:center}
body.service-area-page .local-coverage :is(h2,dt,.button-green,.button-dark){text-transform:none}
body.service-area-page .offer-form,body.service-area-page .history-form{max-width:100%;min-width:0;box-sizing:border-box}
body.service-area-page :is(.hero-inner,.page-hero-grid,.history-box)>*{min-width:0}
body.service-area-page .history-form :is(input,button){max-width:100%;min-width:0;box-sizing:border-box}
body.service-area-page .history-form label{white-space:normal;overflow-wrap:anywhere}
body.service-area-page .history-form>img{max-width:180px;height:auto;object-fit:contain;margin-inline:auto}
body.service-area-page .directory-link-card h2 a{color:#000;text-decoration-color:#8cff01}
@media(max-width:767px){body.service-area-page .process-intro{grid-template-columns:1fr;text-align:center}body.service-area-page .process-intro>a{justify-self:center}body.service-area-page .process-cards{grid-template-columns:1fr}body.service-area-page :is(.history-box,.process-card){padding:28px 20px}body.service-area-page .history-form{width:100%}body.service-area-page .directory-hero h1{font-size:clamp(32px,8vw,48px)}}
