/* =========================================================
   VALENZUELA PROPIEDADES — V66.24
   Color corporativo principal único: #b40000
   Se carga al final para unificar portada y páginas internas.
   ========================================================= */

:root,
html,
body{
  --vp-red:#b40000 !important;
  --vp-red-2:#b40000 !important;
  --vp-red-dark:#8f0000 !important;
  --vp-mobile-red:#b40000 !important;
  --vp-mobile-red-dark:#8f0000 !important;
  --vd-red:#b40000 !important;
  --vd-red-dark:#8f0000 !important;
  --brand:#b40000 !important;
  --brand-dark:#8f0000 !important;
}

/* Textos y acentos corporativos */
.hero h1 .red,
.section-title .red,
.section-title .accent,
.section-kicker,
.why-left h2 span,
.about-copy h2 span,
.property-price,
.price,
.compare-price,
.detail-price-v22,
.nav-link:hover,
.nav-link.active,
.main-nav .nav-link:hover,
.main-nav .nav-link.active,
.section-link,
.text-danger,
a.text-danger{
  color:#b40000 !important;
}

/* Línea activa del menú y pequeños acentos */
.nav-link.active::after,
.main-nav .nav-link.active::after,
.hero-content::after,
.dots span.active,
.swiper-pagination-bullet-active{
  background:#b40000 !important;
}

/* Botones principales */
.search-submit,
.btn-search,
.btn-brand,
.btn-detail,
.detail-btn,
.property-detail-btn-v7,
.compare-detail-btn,
.vp-compare-go,
.contact-submit,
.cta-band .btn,
.about-copy .btn,
.why-card .icon,
.btn-danger{
  background:#b40000 !important;
  border-color:#b40000 !important;
  color:#fff !important;
}

.search-submit:hover,
.btn-search:hover,
.btn-brand:hover,
.btn-detail:hover,
.detail-btn:hover,
.property-detail-btn-v7:hover,
.compare-detail-btn:hover,
.vp-compare-go:hover,
.contact-submit:hover,
.btn-danger:hover{
  background:#8f0000 !important;
  border-color:#8f0000 !important;
}

/* Huinchas / badges de venta y elementos rojos */
.ribbon.red,
.sale-ribbon-v8,
.badge-red,
.badge-property,
.vp-compare-count{
  background:#b40000 !important;
  color:#fff !important;
}

/* Inputs y controles */
.compare-input,
.compare-check input,
input[type="checkbox"]{
  accent-color:#b40000;
}

/* Iconografía/acento */
.top-strip i,
.why-card i,
.quote-icon,
.metric-item > i,
.metric-item strong,
.features-card h2 > i,
.location-card__heading h2 i,
.quick-message-title i{
  color:#b40000 !important;
}

/* Bordes corporativos */
.btn-outline-brand,
.compare-remove-btn{
  border-color:#b40000 !important;
  color:#b40000 !important;
}

/* Hero premium: borde lateral exactamente en el nuevo rojo */
.page-wrap > .hero .hero-slide .hero-content{
  border-left-color:#b40000 !important;
}

/* Evita gradientes rojos antiguos en botones clave. */
.btn-detail,
.detail-btn,
.vp-compare-go,
.detail-actions-v24 .btn{
  background-image:none !important;
  background-color:#b40000 !important;
}