/* nmc-map-essence-13837.css
   Reviste el mapa de centros con la identidad NoMásCaos (rojo #e30613 + negro), coherente con el
   resto de la web. Solo color/acento/estados; respeta el layout y el mapa. Usa !important porque
   el CSS base del mapa también lo usa. */

/* Cabecera del panel: eyebrow rojo sólido + barra de acento bajo el título */
.nmc-map-clean .nmc-full-map-intro .eyebrow{
  background:#e30613 !important;border:0 !important;color:#fff !important;border-radius:7px !important;
  letter-spacing:.08em !important;box-shadow:0 8px 18px -10px rgba(227,6,19,.6) !important;
}
.nmc-map-clean .nmc-full-map-intro h1{color:#0d0d0d !important;font-weight:800 !important;letter-spacing:-.03em !important;}
.nmc-map-clean .nmc-full-map-intro h1::after{content:"" !important;display:block !important;width:74px !important;height:6px !important;margin-top:12px !important;background:#e30613 !important;border-radius:4px !important;}

/* Total y chips/pestañas activas en negro de marca */
.nmc-map-clean .nmc-map-intro-actions strong,
.nmc-map-clean .nmc-filter-chip.is-active,
.nmc-map-clean .nmc-map-radius-row button.is-active,
.nmc-map-clean .nmc-map-view-tabs button.is-active{background:#0d0d0d !important;border-color:#0d0d0d !important;color:#fff !important;}

/* Acentos rojos en hover/foco */
.nmc-map-clean .nmc-map-quick-zones button:hover,
.nmc-map-clean .nmc-map-intro-actions button:hover,
.nmc-map-clean .nmc-filter-chip:hover,
.nmc-map-clean .nmc-map-radius-row button:hover{border-color:#e30613 !important;color:#b8050f !important;background:#fff5f5 !important;}
.nmc-map-clean .nmc-filter-search input:focus,
.nmc-map-clean .nmc-map-province-select select:focus,
.nmc-map-clean .nmc-map-sort-row select:focus{border-color:#e30613 !important;box-shadow:0 0 0 4px rgba(227,6,19,.12) !important;}

/* CTA principal de cada tarjeta: rojo de marca con presencia, hover a negro */
.nmc-map-clean .nmc-full-map-card-actions a.primary{
  background:#e30613 !important;border-color:#e30613 !important;color:#fff !important;
  box-shadow:0 12px 22px -12px rgba(227,6,19,.65) !important;
}
.nmc-map-clean .nmc-full-map-card-actions a.primary:hover{background:#0d0d0d !important;border-color:#0d0d0d !important;}
.nmc-map-clean .nmc-full-map-card-actions a:not(.primary):hover{border-color:#0d0d0d !important;color:#0d0d0d !important;}

/* Precio/KPI y tarjeta */
.nmc-map-clean .nmc-full-map-card-kpis strong{color:#e30613 !important;}
.nmc-map-clean .nmc-aquilo-center-card:hover,
.nmc-map-clean .nmc-aquilo-center-card.is-nearest,
.nmc-map-clean .nmc-aquilo-center-card.is-user-nearest{border-color:#0d0d0d !important;box-shadow:0 16px 38px -22px rgba(13,13,13,.45) !important;}
.nmc-map-clean .nmc-aquilo-center-card.is-nearest::before{background:#e30613 !important;}
.nmc-map-clean .nmc-full-map-card-photo.placeholder{background:linear-gradient(135deg,#0d0d0d,#e30613) !important;}

/* Badge "Reserva online" más protagonista (es la señal de conversión) */
.nmc-map-clean .nmc-full-map-badge.portal{background:#062e1c !important;color:#7dffb0 !important;border:1px solid #0f5132 !important;}

/* Botones de la barra del mapa: hover de marca */
.nmc-map-clean .nmc-full-map-toolbar button:hover,
.nmc-map-clean .nmc-full-map-toolbar a:hover{border-color:#e30613 !important;color:#b8050f !important;}

/* Zonas de servicio: títulos en negro de marca + hover rojo */
.nmc-map-clean>.nmc-map-service-zones h2{color:#0d0d0d !important;}
.nmc-map-clean>.nmc-map-service-zones nav a:hover,
.nmc-map-clean .nmc-map-province-grid a:hover{border-color:#e30613 !important;color:#b8050f !important;}

/* Filo superior de marca en el contenedor del mapa */
.nmc-map-clean .nmc-full-map-shell{border-top:3px solid #e30613 !important;}