/* Generado automáticamente — tema del dealer (no editar a mano) */
:root {
    --primary-color: #0DCE2D;
    --secondary-color: #FFF70A;
    --dj-red: #0DCE2D;
    --dj-blue: #FFF70A;
    --dj-navy: #8C8806;
    --dj-red-dark: #0AA123;
    --deep-blue: #8C8806;
    --brand-primary-rgb: 13, 206, 45;
    --brand-secondary-rgb: 255, 247, 10;
    --brand-bg: #0F0F0F;
    --brand-bg-2: #000000;
    --light-blue: color-mix(in srgb, #FFF70A 12%, white);
    --light-red: color-mix(in srgb, #0DCE2D 10%, white);
}

/* Botones y enlaces de marca */
.btn-primary,
.btn-primary:visited,
button.btn-primary,
a.btn-primary,
.hero-content .btn-primary,
.dj-nav__btn,
.dj-footer__cta,
.hero-section .btn-primary,
.car-card .btn-primary,
.dealer-sticky-cta .btn-primary {
    background: linear-gradient(135deg, var(--dj-red) 0%, var(--dj-red-dark) 100%) !important;
    border-color: var(--dj-red) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(var(--brand-primary-rgb), 0.28) !important;
}
.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:hover,
.dj-nav__btn:hover,
.dj-footer__cta:hover {
    background: linear-gradient(135deg, var(--dj-blue) 0%, var(--dj-navy) 100%) !important;
    border-color: var(--dj-blue) !important;
    box-shadow: 0 14px 28px rgba(var(--brand-secondary-rgb), 0.28) !important;
}
.btn-outline-primary,
a.btn-outline-primary {
    color: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
}
.btn-outline-primary:hover,
a.btn-outline-primary:hover {
    background: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
    color: #fff !important;
}
.btn-success {
    background: linear-gradient(135deg, var(--dj-blue), var(--dj-navy)) !important;
    border-color: var(--dj-blue) !important;
}
.text-primary { color: var(--dj-red) !important; }
.bg-primary { background-color: var(--dj-red) !important; }
.border-primary { border-color: var(--dj-red) !important; }

/* Secciones principales */
.about-section,
section.about-section[style*="gradient"] {
    background:
        radial-gradient(circle at 15% 40%, rgba(var(--brand-primary-rgb), 0.12), transparent 40%),
        radial-gradient(circle at 85% 30%, rgba(var(--brand-secondary-rgb), 0.16), transparent 42%),
        linear-gradient(135deg, var(--dj-navy) 0%, var(--dj-blue) 48%, var(--dj-red-dark) 100%) !important;
}
.about-section .btn-outline:hover,
.about-section .btn-outline-light:hover {
    color: var(--dj-red) !important;
}
.contact-info,
.contact-info[style*="gradient"] {
    background: linear-gradient(160deg, var(--dj-blue), var(--dj-navy)) !important;
}
.featured-cars {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brand-bg) 80%, white), rgba(255, 255, 255, 0.98)),
        repeating-linear-gradient(90deg, rgba(var(--brand-secondary-rgb), 0.035) 0, rgba(var(--brand-secondary-rgb), 0.035) 1px, transparent 1px, transparent 28px) !important;
}
html body,
body {
    background: radial-gradient(circle at 0% 0%, rgba(var(--brand-primary-rgb), 0.05), transparent 28%),
        radial-gradient(circle at 100% 8%, rgba(var(--brand-secondary-rgb), 0.07), transparent 32%),
        linear-gradient(180deg, #000000 0%, #0F0F0F 55%, #0F0F0F 100%) !important;
    background-attachment: scroll !important;
}
.main-content {
    background: transparent !important;
}
.contact-section {
    background:
        linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--dj-blue) 8%, white) 100%),
        radial-gradient(circle at 90% 20%, rgba(var(--brand-primary-rgb), 0.08), transparent 35%) !important;
}

/* Hero / slides */
.hero-slide[style*="linear-gradient"],
.hero-slide--brand-fallback {
    background: linear-gradient(135deg, var(--dj-blue) 0%, var(--dj-red) 100%) !important;
}
.dj-hero__overlay {
    background: linear-gradient(135deg, rgba(var(--brand-secondary-rgb), 0.85) 0%, rgba(var(--brand-primary-rgb), 0.6) 100%) !important;
}
.car-hero {
    background: linear-gradient(135deg, var(--dj-blue), var(--dj-red)) !important;
    color: #fff !important;
}

/* Header / nav / footer */
.dj-header__top,
.dj-nav__links .nav-link.is-active,
.dj-nav__login:hover { color: var(--dj-red) !important; }
.dj-nav__links .nav-link.is-active::after { background: var(--dj-red) !important; }
.dj-footer__links a:hover { color: var(--dj-red) !important; }
.dj-footer__title { color: var(--dj-navy) !important; }
.dj-footer__contact a { color: var(--dj-blue) !important; }
.dj-footer__social a { color: var(--dj-blue) !important; }
.dj-footer__social a:hover {
    background: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
}
.section-header h2,
.section-header h2[style*="color"] { color: var(--dj-navy) !important; }
.dj-section-divider,
.section-divider-accent {
    background: linear-gradient(90deg, var(--dj-red), var(--dj-blue)) !important;
}
.car-card-title,
.car-price-accent { color: var(--dj-navy) !important; }
.car-spec-icon { color: var(--dj-blue) !important; }
.car-card .btn-outline-primary[style],
a.btn-outline-primary[style*="border"] {
    border-color: var(--dj-red) !important;
    color: var(--dj-red) !important;
}
.car-card .btn-primary[style],
a.btn-primary[style*="background"] {
    background: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
}
.car-badge-brand { background: var(--dj-red) !important; color: #fff !important; }
.back-to-top {
    background: linear-gradient(135deg, var(--dj-red), var(--dj-red-dark)) !important;
}
.page-header {
    background: linear-gradient(135deg, var(--dj-blue), var(--dj-red)) !important;
}
.dealer-bottom-nav a.is-active,
.dealer-bottom-nav a:hover { color: var(--dj-red) !important; background: color-mix(in srgb, var(--dj-red) 8%, white) !important; }
.dealer-bottom-nav a i { color: var(--dj-blue) !important; }
.dealer-bottom-nav a.is-active i,
.dealer-bottom-nav a:hover i { color: var(--dj-red) !important; }
.price-amount,
.spec-icon,
.feature-tag { color: var(--dj-red) !important; }
.feature-tag { background: var(--light-blue) !important; }
.cta-section.bg-primary { background: var(--dj-red) !important; }