/*
Theme Name: Barana Motors
Theme URI: https://baranamotors.net/
Description: Tema optimizado de alto rendimiento para el catálogo digital de Barana Motors. Cumple con Core Web Vitals y diseño corporativo Barana Motors.
Author: Barana Motors Tech Team
Template: astra
Version: 1.0.0
*/

:root {
  --bm-red: #E31B23;
  --bm-red-dark: #b8141b;
  --bm-charcoal: #1E2227;
  --bm-soft-white: #FAFBFC;
  --bm-gray-light: #E6E7E9;
  --bm-gray-slate: #68707A;
}

/* Button & Brand styling */
.bm-btn-primary {
  background-color: var(--bm-red);
  color: #ffffff;
  border-radius: 6px;
  font-weight: 600;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.bm-btn-primary:hover {
  background-color: var(--bm-red-dark);
  color: #ffffff;
  transform: translateY(-1px);
}

/* Modern Web Guidance: CLS Prevention on product catalog */
.woocommerce ul.products li.product img,
.bm-product-thumbnail img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Content-visibility optimization for heavy loops */
.bm-product-card {
  content-visibility: auto;
  contain-intrinsic-size: 300px 400px;
}

/* Price consultation pill */
.bm-price-consult {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--bm-gray-slate);
  background: var(--bm-soft-white);
  border: 1px solid var(--bm-gray-light);
  border-radius: 4px;
  padding: 4px 10px;
}