:root{--color-primary: #0B2D4D;--color-primary-rgb: 11, 45, 77;--color-secondary: #0E6BA8;--color-secondary-rgb: 14, 107, 168;--color-accent: #FF7A1A;--color-accent-hover: #E8660E;--color-accent-rgb: 255, 122, 26;--color-trust: #12B76A;--color-trust-rgb: 18, 183, 106;--color-bg: #F1F3F6;--color-bg-rgb: 246, 248, 251;--color-surface: #FFFFFF;--color-text: #111827;--color-text-rgb: 17, 24, 39;--color-text-muted: #566579;--color-border: #D8E1EA;--color-info: #2563EB;--color-success: #12B76A;--color-warning: #F59E0B;--color-error: #E11D48;--color-badge-verified-bg: #E8F8F0;--color-badge-verified-text: #0C7A45;--color-badge-price-bg: #FFF8E7;--color-badge-price-text: #92550A;--shadow-md: 0 18px 40px rgba(var(--color-primary-rgb), .12);--shadow-sm: 0 10px 28px rgba(var(--color-text-rgb), .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--radius-pill: 999px;--max-width: 1200px;--azul-motor: var(--color-primary);--azul-digital: var(--color-secondary);--naranja: var(--color-accent);--naranja-hover: var(--color-accent-hover);--verde: var(--color-trust);--fondo: var(--color-bg);--superficie: var(--color-surface);--texto: var(--color-text);--texto-secundario: var(--color-text-muted);--borde: var(--color-border);--info: var(--color-info);--advertencia: var(--color-warning);--error: var(--color-error);--sombra-suave: var(--shadow-md);--sombra-card: var(--shadow-sm);--radio-xl: var(--radius-xl);--radio-lg: var(--radius-lg);--radio-md: var(--radius-md);--max: var(--max-width)}[data-theme=dark]{--color-bg: #07111F;--color-bg-rgb: 7, 17, 31;--color-surface: #0E1B2A;--color-text: #E6EDF5;--color-text-rgb: 230, 237, 245;--color-text-muted: #AAB7C5;--color-border: #25405D;--color-primary: #061A2F;--color-primary-rgb: 6, 26, 47;--color-secondary: #4DB3FF;--color-accent: #FF8A3D;--color-accent-hover:#FF9D5C;--shadow-md: 0 18px 40px rgba(0, 0, 0, .32);--shadow-sm: 0 10px 28px rgba(0, 0, 0, .28);--fondo: var(--color-bg);--superficie: var(--color-surface);--texto: var(--color-text);--texto-secundario: var(--color-text-muted);--borde: var(--color-border);--azul-motor: var(--color-primary);--azul-digital: var(--color-secondary);--naranja: var(--color-accent);--naranja-hover: var(--color-accent-hover);--sombra-suave: var(--shadow-md);--sombra-card: var(--shadow-sm)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar-inner,.nav,.section,.hero-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.spacer-sm{height:22px}.topbar{background:var(--azul-motor);color:#fff;font-size:.85rem}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar strong{color:#fff}.topbar .top-links{display:flex;align-items:center;gap:18px;color:#ffffffdb;white-space:nowrap}header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--superficie) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--borde)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:1.45rem;color:var(--azul-motor)}[data-theme=dark] .brand{color:#fff}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--azul-digital),var(--azul-motor));display:grid;place-items:center;color:#fff;box-shadow:0 10px 20px #0e6ba847}.desktop-menu{display:flex;align-items:center;gap:20px;color:var(--texto-secundario);font-weight:650;font-size:.95rem}.desktop-menu a:hover{color:var(--azul-digital)}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:none}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--naranja);color:#fff;box-shadow:0 14px 26px #ff7a1a47}.btn-primary:hover{background:var(--naranja-hover)}.btn-secondary{background:var(--azul-motor);color:#fff}.btn-outline{background:var(--superficie);color:var(--azul-motor);border:1px solid var(--borde)}[data-theme=dark] .btn-outline{color:#fff}.btn-ghost{background:transparent;color:var(--texto-secundario);border:1px solid var(--borde);min-width:44px;padding:0 13px}.btn-outline--contrast{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.hero-outer{position:relative;width:min(calc(var(--max) + 220px),calc(100% - 24px));margin:0 auto}.hero{position:relative;overflow:hidden;background:var(--azul-motor);color:#fff;height:480px;width:100%;border-radius:0}.hero-slides{position:absolute;inset:0;z-index:0}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:flex-start;padding-top:52px;padding-bottom:160px}.hero-slide.is-active{opacity:1;z-index:1}.hero-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0;display:block}.hero-slide:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.hero-slide--toyota{background-color:#120202}.hero-slide--toyota .hero-slide-content{margin-left:max(24px,calc((100% - var(--max)) / 2 + 24px));margin-right:0}.hero-slide--toyota:before{background:none}.hero-slide--mazda{background-color:#04060f}.hero-slide--mazda .hero-slide-content{margin-left:max(24px,calc((100% - var(--max)) / 2 + 24px));margin-right:0}.hero-slide--mazda:before{background:none}.hero-slide--renault{background-color:#030b18}.hero-slide--renault .hero-slide-content{margin-left:max(24px,calc((100% - var(--max)) / 2 + 24px));margin-right:0}.hero-slide--renault:before{background:none}.hero-slide-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:0 auto;max-width:720px;padding:0 24px}.hero-slide-content .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fffffff2;font-weight:750;font-size:.88rem;margin-bottom:12px}.hero-slide-content h1{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.03em}.hero-slide-content h1 span{color:#ffd2b3}.hero-slide-content p{max-width:520px;color:#ffffffd9;font-size:clamp(.88rem,1.2vw,1rem);margin:10px 0 16px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:999px;border:0;background:#ffffffd9;color:var(--color-primary);font-size:26px;line-height:1;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000002e;transition:background .2s ease,transform .2s ease}.hero-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.hero-arrow--prev{left:33px}.hero-arrow--next{right:33px}.carousel-dots{position:absolute;top:18px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#ffffff73;cursor:pointer;transition:width .35s ease,background .35s ease}.carousel-dot.is-active{width:28px;background:#fff}.category-tiles-wrap{width:min(var(--max),calc(100% - 48px));margin:-78px auto 0;position:relative;z-index:5}.category-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;background:transparent;border:0;padding:0;box-shadow:none}.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 10px 16px;border-radius:var(--radio-md);background:#fff;color:var(--color-primary);text-decoration:none;font-weight:800;font-size:.92rem;text-align:center;border:0;box-shadow:none;transition:transform .15s ease}.category-tile:hover{transform:translateY(-3px)}.category-tile:active{transform:translateY(-1px)}.category-tile:hover .category-tile-icon{background:var(--color-secondary);color:#fff}.category-tile-icon{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-secondary) 14%,#ffffff);color:var(--color-secondary);border:1px solid rgba(14,107,168,.18);transition:background .2s ease,color .2s ease}.category-tile-icon svg{width:30px;height:30px}.section{padding:54px 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-kicker{color:var(--azul-digital);font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;margin-bottom:8px}.section h2{margin:0;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.055em}.section-lead{margin:8px 0 0;max-width:650px;color:var(--texto-secundario);font-size:1.02rem}.trust-card,.category-card,.vehicle-card,.service-card,.city-card,.seller-card,.faq-item{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-card)}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vehicle-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease;display:flex;flex-direction:column}.vehicle-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--azul-digital) 55%,var(--borde))}.vehicle-media{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0b2d4deb,#0e6ba88c),radial-gradient(circle at 80% 18%,rgba(255,122,26,.45),transparent 25%);display:flex;align-items:end;justify-content:center;padding:20px}.badge-row{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;background:#fffffff0;color:var(--texto)}.badge.green{background:#e8f8f0;color:#0c7a45}.badge.orange{background:#fff1e8;color:#b94700}.vehicle-body{padding:18px;display:flex;flex-direction:column;flex:1}.vehicle-title-row{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px}.vehicle-card h3{margin:0;font-size:1.08rem;letter-spacing:-.025em}.price{margin:2px 0 0;font-size:1.38rem;font-weight:950;letter-spacing:-.04em;color:var(--azul-motor)}[data-theme=dark] .price{color:#fff}.location{color:var(--texto-secundario);font-size:.9rem;font-weight:700}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.specs span{background:var(--fondo);border-radius:13px;padding:9px 8px;color:var(--texto-secundario);font-size:.82rem;font-weight:750;text-align:center}.vehicle-meta{margin:0 0 12px;font-size:.82rem;color:var(--texto-secundario);font-weight:700}.vehicle-meta--trust{color:var(--color-trust)}.vehicle-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:12px}.vehicle-media--new-1{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.18),transparent 36%),linear-gradient(135deg,#0e6ba8,#0b2d4d)}.vehicle-media--new-2{background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,#1f2937,#0f172a)}.vehicle-media--new-3{background:radial-gradient(circle at 80% 70%,rgba(255,122,26,.32),transparent 36%),linear-gradient(135deg,#b23b0e,#631b05)}.vehicle-media--used-1{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#486581,#1f3b57)}.vehicle-media--used-2{background:radial-gradient(circle at 70% 28%,rgba(18,183,106,.28),transparent 36%),linear-gradient(135deg,#0b3a22,#061528)}.vehicle-media--used-3{background:radial-gradient(circle at 25% 75%,rgba(255,122,26,.3),transparent 34%),linear-gradient(135deg,#5b3a1a,#2a1a0a)}.vehicle-media--photo{background:#f6f8fb;overflow:hidden}.vehicle-media--photo:after{display:none}.vehicle-img-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(6px) brightness(.78) saturate(1.2);z-index:0}.vehicle-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1}[class*=vehicle-media--new] .vehicle-img{object-fit:cover}.badge--hybrid{background:#e6f4f0;color:#0a7a50;font-weight:700}.version-selector{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.version-btn{font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 11px;border-radius:20px;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;line-height:1.3}.version-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.version-btn.is-active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.row-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.row-header--spaced{margin-top:56px}.row-header h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.02em}.row-link{color:var(--color-secondary);font-weight:800;text-decoration:none;font-size:.95rem;white-space:nowrap}.row-link:hover{text-decoration:underline}.segment-divider{display:flex;align-items:center;gap:14px;margin-top:64px;margin-bottom:20px;padding-top:36px;border-top:2px solid var(--naranja)}.recent-views{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recent-view{display:flex;align-items:stretch;gap:14px;padding:12px;border-radius:var(--radio-md);background:var(--superficie);border:1px solid var(--borde);text-decoration:none;color:var(--texto);transition:transform .18s ease,border-color .18s ease}.recent-view:hover{transform:translateY(-2px);border-color:var(--color-secondary)}.recent-view-image{position:relative;flex:0 0 120px;width:120px;height:80px;border-radius:var(--radio-sm);overflow:hidden}.recent-view-body{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1}.recent-view-body strong{font-size:.95rem;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-view-price{font-size:1rem;font-weight:900;color:var(--color-accent)}.recent-view-meta{font-size:.82rem;color:var(--texto-secundario);font-weight:600}.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-card{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.city-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--azul-digital) 55%,var(--borde))}.city-card-image{position:relative;width:100%;height:auto;object-fit:fill;display:block}.city-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.35))}.city-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.city-card-body strong{font-size:1.05rem;font-weight:800}.city-card-arrow{color:var(--color-secondary);font-weight:800;font-size:1.2rem}.brands-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.brand-tile{display:flex;align-items:center;justify-content:center;padding:18px 12px;border-radius:var(--radio-md);background:var(--superficie);border:1px solid var(--borde);color:var(--texto);font-weight:800;font-size:1rem;text-decoration:none;letter-spacing:-.01em;transition:transform .18s ease,border-color .18s ease,color .18s ease}.brand-tile:hover{transform:translateY(-2px);border-color:var(--color-secondary);color:var(--color-secondary)}footer{background:var(--azul-motor);color:#fff;padding:48px 0 24px;margin-top:42px}.footer-grid{width:min(var(--max),calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:26px}footer h3,footer h4{margin:0 0 12px}footer p,footer a{color:#ffffffbd;font-size:.92rem}footer a{display:block;margin:8px 0}.footer-bottom{width:min(var(--max),calc(100% - 32px));margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#ffffffa6;display:flex;justify-content:space-between;gap:16px;font-size:.88rem}.footer-legal a{display:inline;color:inherit;margin:0}.mobile-sticky{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:color-mix(in srgb,var(--superficie) 92%,transparent);backdrop-filter:blur(18px);border:1px solid var(--borde);border-radius:24px;box-shadow:var(--sombra-suave)}.mobile-drawer{display:none}@media (max-width: 1020px){.desktop-menu{display:none}.mobile-menu-btn{display:inline-flex}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)!important}.footer-grid{grid-template-columns:repeat(2,1fr)}.brands-grid{grid-template-columns:repeat(4,1fr)}.recent-views{grid-template-columns:repeat(2,1fr)}.category-tiles{grid-template-columns:repeat(4,1fr);gap:12px}.category-tiles-wrap{margin-top:-90px}}@media (max-width: 720px){body{padding-bottom:86px}.topbar .top-links,.nav-actions .btn-primary,.nav-actions .btn-outline{display:none}.hero-outer{width:calc(100% - 16px)}.hero{height:340px}.hero-arrow--prev{left:8px}.hero-arrow--next{right:8px}.hero-slide{padding-top:36px;padding-bottom:110px}.hero-arrow{width:36px;height:36px;font-size:22px}.category-tiles-wrap{margin:-56px auto 0}.category-tiles{grid-template-columns:repeat(4,1fr);gap:10px}.category-tile{padding:8px 4px;font-size:.78rem}.category-tile-icon{width:48px;height:48px}.category-tile-icon svg{width:24px;height:24px}.section,.topbar-inner,.nav{width:min(var(--max),calc(100% - 24px))}.section{padding:40px 0}.section-header{align-items:flex-start;flex-direction:column}.vehicle-grid,.city-grid,.vehicle-actions{grid-template-columns:1fr}.footer-grid,.footer-bottom{grid-template-columns:1fr;flex-direction:column}.mobile-sticky{display:grid}.brands-grid{grid-template-columns:repeat(3,1fr);gap:8px}.brand-tile{padding:14px 8px;font-size:.92rem}.recent-views{grid-template-columns:1fr}.recent-view-image{flex:0 0 100px;width:100px;height:67px}.city-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-drawer.open{display:grid;position:fixed;top:74px;left:12px;right:12px;z-index:70;background:var(--superficie);border:1px solid var(--borde);border-radius:24px;box-shadow:var(--sombra-suave);padding:14px;gap:8px}.mobile-drawer a{padding:14px;border-radius:16px;background:var(--fondo);color:var(--texto);font-weight:800}}
