/* ═══════════════════════════════════════════════════════════════════════════
   NissanBrand Font — replaces Urbanist for Nissan landings
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Urbanist';
    src: url('fonts/nissan/NissanBrand-Light.woff') format('woff'),
        url('fonts/nissan/NissanBrand-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('fonts/nissan/NissanBrand-Regular.woff') format('woff'),
        url('fonts/nissan/NissanBrand-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('fonts/nissan/NissanBrand-Bold.woff') format('woff'),
        url('fonts/nissan/NissanBrand-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   nissan.css — SOLO cambios de color, misma estructura
   
   Mapa:
     #0E3A2F (dark green)  → #000 o #FFF según contexto
     #00CB7B (light green) → background-image o #C1002F
     #FF5E00 (orange CTA)  → #C1002F (red)
     below-banner bg       → gris claro (#F0EFF0)
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── HEADER ── */
.header-2024 .main-header {
    background: #FFF !important;
}

/* Sticky header CTA — rojo */
.header-2024.sticky .cta-button {
    background: #C1002F !important;
}

.header-2024 .main-header {
    border-bottom-color: #C1002F !important;
}

/* Logo Nissan — más grande */
.header-2024 .main-logo img {
    width: 240px !important;
    height: 64px !important;
}


/* ── HERO BANNER ── */

/* Fondo: imagen en vez de color sólido verde */
.hero-banner {
    background-color: #000 !important;
    background-image: url('../img/herobanner/nissan/desktop.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Ocultar elipses decorativas verdes */
.hero-ellipse {
    display: none !important;
}

/* h1 — blanco en vez de verde oscuro #0E3A2F */
.hero-right h1 {
    color: #FFF !important;
}

/* Feature items — texto blanco en vez de verde oscuro */
.feature-item span,
.feature-item span strong {
    color: #FFF !important;
}

/* Feature checkmark SVGs — outline blanco sin relleno (como en producción Nissan) */
.feature-item svg rect {
    fill: none !important;
    stroke: #FFF !important;
}

.feature-item svg path {
    stroke: #FFF !important;
}

/* CTA button — rojo Nissan en vez de naranja */
.hero-banner .container .hero-right button {
    background: #C1002F !important;
}

.hero-banner .container .hero-right button:hover {
    background: #C1002F !important;
    opacity: 0.85;
}

/* Responsive feature list — texto blanco */
@media (max-width: 768px) {
    .feature-list.responsive {
        color: #FFF !important;
    }
}

@media (max-width: 1024px) {
    .hero-banner {
        background-image: url('../img/herobanner/nissan/medium.png') !important;
    }
}

@media (max-width: 768px) {
    .hero-banner {
        background-image: url('../img/herobanner/nissan/mobile.png') !important;
    }
}


/* ── BELOW BANNER ── */
/* Fondo gris claro en vez de verde oscuro */
.below-banner {
    background: #F0EFF0 !important;
}

/* Texto "Stock limitado" — negro en vez de blanco */
.alert-text {
    color: #000 !important;
}

/* "Quedan solo" — rojo Nissan */
.counter-text {
    color: #C1002F !important;
}

/* Dígitos — gradiente rosa con texto rojo */
.counter-digits .digit {
    background: linear-gradient(180deg, #F6C8D0 0%, #FFEFF2 51.5%, #F6C8D0 100%) !important;
    color: #C1002F !important;
}

.counter-digits .digit.border-digit {
    border-right-color: #C1002F !important;
}

/* Icono fuego — rojo */
.units-counter {
    color: #C1002F !important;
}

/* Llama SVG — rojo en vez de verde */
.below-banner svg path,
.alert-group svg path {
    fill: #C1002F !important;
}


/* ── ELEGIR SECTION — oculta en Nissan ── */
.elegir-section,
.elegir-mas {
    display: none !important;
}


/* ── GUARANTEE MESSAGE (sección modelos) ── */
/* SVG icono euro — rojo en vez de verde */
.guarantee-message svg rect {
    fill: #C1002F !important;
    fill-opacity: 0.1 !important;
}

.guarantee-message svg path {
    fill: #C1002F !important;
}

/* Texto garantía — rojo */
.guarantee-message span,
.guarantee-message span strong,
.guarantee-message-top strong {
    color: #C1002F !important;
}


/* ── WINS SECTION ("Lo que obtienes") ── */
/* Texto gris #4C4C4C en vez de verde oscuro */
.wins-section .wins-title-column h2,
.wins-section .wins-title-column h2 strong,
.wins-section .wins-title-column h2 span {
    color: #4C4C4C !important;
}

.wins-section .wins-item h3 strong,
.wins-section .wins-item h3 span {
    color: #4C4C4C !important;
}


/* ── CAR CARDS ── */
/* CTA button — rojo en vez de verde */
.car .car-button {
    background: #C1002F !important;
    color: #FFF !important;
}

/* Label "Oferta del mes" — fondo rojo */
.car .label-oferta-mes {
    background: #C1002F !important;
}

/* Tag/label — rosa con texto rojo */
.car .car-tag,
.car .label-ahorro {
    background: #FFEFF2 !important;
    color: #C1002F !important;
}

/* Swiper bullets */
.model-swiper .swiper-button-prev,
.model-swiper .swiper-button-next {
    color: #C1002F;
}

.model-swiper .swiper-button-prev:hover,
.model-swiper .swiper-button-next:hover {
    background-color: #C1002F;
    color: #FFF;
}

.model-swiper .swiper-pagination-bullet {
    border-color: #C1002F;
}

.model-swiper .swiper-pagination-bullet-active {
    background: #C1002F;
    border-color: #C1002F;
}


/* ── ANOTHER MODEL BANNER ── */
.another-model h2 {
    color: #4C4C4C !important;
}

.another-model button.btn-default {
    background: #C1002F !important;
}

.another-model button.btn-default:hover {
    background: #9a0025 !important;
}


/* ── BUTTONS ── */
button.btn-default {
    background: #000 !important;
}

button.btn-default:hover {
    background-color: #807F7F !important;
}


/* ── MAP ── */
.info-column {
    background: #FFF !important;
}

/* Subtítulo "Nuestros concesionarios" — rojo */
.header-info p {
    color: #C1002F !important;
}

/* Título h2 — gris oscuro */
.header-info h2 {
    color: #4C4C4C !important;
}

/* Nombre del dealer — gris oscuro */
.dealer-item h3 {
    color: #4C4C4C !important;
}

/* Dirección dealer — gris */
.dealer-item p {
    color: #666 !important;
}

/* Dealer activo — borde rojo */
.dealer-item.active {
    border-color: #C1002F !important;
}

/* Pointer / icono SVG mapa — rojo */
.dealer-icon svg path,
.dealer-icon svg {
    fill: #C1002F !important;
    color: #C1002F !important;
}

/* Leaflet marker custom */
.leaflet-marker-icon svg path {
    fill: #C1002F !important;
}

.dealer-selector option:hover,
.dealer-selector option:checked {
    background: #C1002F !important;
}

.dealer-info a,
.leaflet-container a {
    color: #C1002F !important;
}


/* ── MODAL ── */
.modal .modal-header p span {
    color: #C1002F !important;
}

.modal .modal-header .steps-bar {
    background: #FFEFF2 !important;
}


/* ── FOOTER ── */
footer {
    background-color: #252728 !important;
}


/* ══════════════════════════════════════════════════════════════════════
   THANK YOU PAGE
   ══════════════════════════════════════════════════════════════════════ */

/* Header TY — blanco, igual que landing */
body.thankyou .header-2024 .main-header {
    background: #FFF !important;
}

/* Sin sticky header CTA en TY */
body.thankyou .header-2024 .sticky-top-bar {
    display: none !important;
}

/* Banner TY — fondo rojo Nissan (la imagen se aplica inline desde tpl-thankyou.php) */
body.thankyou section.banner {
    background-color: #C1002F;
}

/* Footer TY — gris oscuro Nissan */
body.thankyou footer {
    background-color: #252728 !important;
}

/* Links hover en footer TY — rojo en vez de verde */
body.thankyou footer a:hover,
body.thankyou footer button.btn-link:hover {
    color: #C1002F !important;
}