/* ===========================================
   JCAST - Diseño personalizado del catálogo
   =========================================== */

/* Paleta y tipografía base */
:root {
  --jcast-negro: #1a1a1a;
  --jcast-dorado: #b8964e;
  --jcast-blanco: #ffffff;
  --jcast-gris-claro: #f7f5f2;
}

body {
  color: var(--jcast-negro);
  background-color: var(--jcast-blanco);
}

h1, h2, h3, .site-title {
  font-family: 'Playfair Display', serif;
  letter-spacing: 0.5px;
}

body, p, a, button, .woocommerce ul.products li.product .price {
  font-family: 'Poppins', sans-serif;
  font-size: 17px; /* texto más grande de lo normal: público 30+ */
}

/* Barra superior de contacto SIEMPRE visible */
.jcast-contact-bar {
  background-color: var(--jcast-negro);
  color: var(--jcast-blanco);
  text-align: center;
  padding: 10px 15px;
  font-size: 15px;
  position: sticky;
  top: 0;
  z-index: 999;
}
.jcast-contact-bar a {
  color: var(--jcast-dorado);
  font-weight: 600;
  text-decoration: none;
  margin: 0 10px;
}

/* Cuadrícula del catálogo: grande, limpia, sin ruido visual */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en celular */
  }
}
.woocommerce ul.products li.product {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  transition: box-shadow 0.2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Botón "Consultar disponibilidad" con estilo dorado elegante */
.woocommerce a.button, .woocommerce button.button {
  background-color: var(--jcast-dorado) !important;
  color: var(--jcast-negro) !important;
  border-radius: 30px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  border: none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover {
  background-color: var(--jcast-negro) !important;
  color: var(--jcast-blanco) !important;
}

/* Tabla de atributos (material, peso, volumen) en la ficha de producto */
.woocommerce-product-attributes {
  background: var(--jcast-gris-claro);
  border-radius: 10px;
  padding: 10px 20px;
}