/* Generado automáticamente — tema del dealer (no editar a mano) */
:root {
    --primary-color: #1A8A7C;
    --secondary-color: #1B3A5C;
    --dj-red: #1A8A7C;
    --dj-blue: #1B3A5C;
    --dj-navy: #0F2033;
    --dj-red-dark: #146C61;
    --deep-blue: #0F2033;
    --brand-primary-rgb: 26, 138, 124;
    --brand-secondary-rgb: 27, 58, 92;
    --brand-bg: #F3F6FB;
    --brand-bg-2: #FFFFFF;
    --light-blue: color-mix(in srgb, #1B3A5C 12%, white);
    --light-red: color-mix(in srgb, #1A8A7C 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, #FFFFFF 0%, #F3F6FB 55%, #F3F6FB 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__legal a:hover { color: var(--dj-red) !important; }
.dj-footer__social a:hover {
    background: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
    color: #fff !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; }

/* === Plantilla: colores primario/secundario en TODO el diseño === */
body[class*="tpl-"] {
    --tpl-primary: #1A8A7C;
    --tpl-secondary: #1B3A5C;
    --tpl-primary-dark: #146C61;
    --tpl-secondary-dark: #0F2033;
    --tpl-primary-rgb: 26, 138, 124;
    --tpl-secondary-rgb: 27, 58, 92;
}
body[class*="tpl-"] .btn-primary,
body[class*="tpl-"] a.btn-primary,
body[class*="tpl-"] .dj-nav__btn,
body[class*="tpl-"] .dj-footer__cta,
body[class*="tpl-"] .hero-cta {
    background: linear-gradient(135deg, var(--tpl-primary) 0%, var(--tpl-primary-dark) 100%) !important;
    border-color: var(--tpl-primary) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(var(--tpl-primary-rgb), 0.28) !important;
}
body[class*="tpl-"] .btn-outline-primary,
body[class*="tpl-"] a.btn-outline-primary {
    color: var(--tpl-primary) !important;
    border-color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .btn-outline-primary:hover,
body[class*="tpl-"] a.btn-outline-primary:hover {
    background: var(--tpl-primary) !important;
    color: #fff !important;
}
body[class*="tpl-"] .section-kicker,
body[class*="tpl-"] .hero-kicker,
body[class*="tpl-"] .cd-kicker,
body[class*="tpl-"] .vc-card__specs i,
body[class*="tpl-"] .contact-info__item i,
body[class*="tpl-"] .feature-item i {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .section-divider-accent {
    background: linear-gradient(90deg, var(--tpl-primary), var(--tpl-secondary)) !important;
}
body[class*="tpl-"] .dj-nav__links .nav-link.is-active,
body[class*="tpl-"] .dj-nav__links .nav-link:hover,
body[class*="tpl-"] .dj-nav__login:hover {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .dj-nav__links .nav-link.is-active::after {
    background: var(--tpl-primary) !important;
}
body[class*="tpl-"] .vc-card__price,
body[class*="tpl-"] .vc-card__year {
    background: var(--tpl-primary) !important;
    color: #fff !important;
    border-color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .vc-card__title a:hover {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .cd-price-box {
    border-left-color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .cd-price-box__value {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .dealer-bottom-nav a.is-active,
body[class*="tpl-"] .dealer-bottom-nav a:hover {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .dealer-bottom-nav a i {
    color: var(--tpl-secondary) !important;
}
body[class*="tpl-"] .dealer-bottom-nav a.is-active i {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] .back-to-top {
    background: linear-gradient(135deg, var(--tpl-primary), var(--tpl-primary-dark)) !important;
}
body[class*="tpl-"] .hero-overlay {
    background: linear-gradient(115deg, rgba(var(--tpl-secondary-rgb), 0.88) 0%, rgba(0,0,0,0.28) 55%, rgba(var(--tpl-primary-rgb), 0.55) 100%) !important;
}
body[class*="tpl-"] .about-section {
    background:
        radial-gradient(circle at 15% 40%, rgba(var(--tpl-primary-rgb), 0.18), transparent 42%),
        radial-gradient(circle at 85% 30%, rgba(var(--tpl-secondary-rgb), 0.22), transparent 44%),
        linear-gradient(135deg, var(--tpl-secondary-dark) 0%, var(--tpl-secondary) 48%, var(--tpl-primary-dark) 100%) !important;
}
body[class*="tpl-"] .contact-info {
    background: linear-gradient(160deg, var(--tpl-secondary), var(--tpl-secondary-dark)) !important;
    color: #fff !important;
}
body[class*="tpl-"] .dj-footer__links a:hover,
body[class*="tpl-"] .dj-footer__legal a:hover,
body[class*="tpl-"] .dj-footer__contact a:hover {
    color: var(--tpl-primary) !important;
}
body[class*="tpl-"] a.text-primary,
body[class*="tpl-"] .text-primary {
    color: var(--tpl-primary) !important;
}