.vcw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.vcw-item{border:1px solid #eee;padding:12px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.vcw-title{font-size:16px;margin:8px 0}
.vcw-price{margin:6px 0 10px;font-weight:600}
.vcw-actions .vcw-wa-btn{display:inline-block;text-decoration:none}
.vcw-thumb img{width:100%;height:auto;border-radius:10px}

/* Botón con ícono */
.vcw-wa-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.vcw-wa-ico{
  width:22px;
  height:22px;
  display:inline-block;
  vertical-align:middle;
  fill:currentColor; /* hereda color del botón */
}
.vcw-wa-label{line-height:1}
/* Verde WhatsApp forzado */
.vcw-wa-btn{
  background:#25D366 !important;   /* verde WhatsApp */
  border-color:#25D366 !important;
  color:#fff !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.vcw-wa-btn:hover,
.vcw-wa-btn:focus{
  filter:brightness(0.95);
  color:#fff !important;
}
.vcw-wa-btn:active{
  transform:translateY(1px);
}

/* Asegurar que el SVG herede el color blanco del texto */
.vcw-wa-ico{
  width:18px;
  height:18px;
  display:inline-block;
  vertical-align:middle;
  fill:currentColor !important;
}
.vcw-wa-label{line-height:1}

/* Variante “outline” (por si la querés usar en alguna plantilla)
   Agregá class="button vcw-wa-btn vcw-wa-outline" al enlace para esta versión */
.vcw-wa-outline{
  background:transparent !important;
  color:#25D366 !important;
  border:2px solid #25D366 !important;
}
.vcw-wa-outline:hover,
.vcw-wa-outline:focus{
  background:rgba(37,211,102,.1) !important;
}
