.pv-recetas-wrap { position: relative; }
.pv-recetas-carousel { margin: 0 auto; }

/* Tarjeta */
.pv-receta-card { background:#fff; border-radius:16px; box-shadow: 0 10px 24px rgba(16,24,40,.08); overflow:hidden; margin: 10px; }
.pv-receta-img img { width:100%; height:190px; object-fit:cover; display:block; }
.pv-receta-body { padding:18px; }
.pv-receta-title { font-size:20px; font-weight:800; margin:0 0 8px; }
.pv-receta-title a { color:#1f2937; text-decoration:none; }
.pv-receta-title a:hover { text-decoration:underline; }
.pv-receta-excerpt { color:#4b5563; font-size:14px; line-height:1.4; margin:0 0 14px; min-height:38px; }

/* Meta */
.pv-receta-meta-wrap { display:flex; align-items:center; gap:14px; }
.pv-receta-meta { display:flex; gap:18px; list-style:none; padding:0; margin:0; color:#475569; font-size:13px; align-items:center; }
.pv-receta-meta .meta-item { display:flex; align-items:center; gap:8px; }
.pv-receta-meta .icon { display:inline-flex; }
.pv-icon-porciones { width:18px; height:18px; object-fit:contain; display:block; }

/* Slick */
.pv-recetas-wrap .slick-slide { padding: 6px; }
.pv-recetas-wrap .slick-arrow { z-index: 2; width:36px; height:36px; }
.pv-recetas-wrap .slick-prev:before, .pv-recetas-wrap .slick-next:before { color:#64748b; font-size:36px; }
.pv-recetas-wrap .slick-dots li button:before { font-size:10px; }

@media (max-width: 1024px){ .pv-receta-img img { height:180px; } }
@media (max-width: 768px){ .pv-receta-img img { height:170px; } }
@media (max-width: 640px){ .pv-receta-img img { height:160px; } }

/* ===== Grid sin carrusel ===== */
.pv-recetas-grid-wrap { position: relative; }
.pv-recetas-grid {
  display: grid;
  grid-template-columns: repeat(var(--pv-cols, 3), minmax(0, 1fr));
  gap: 16px;
  margin: 0 auto;
}

/* reutiliza la misma tarjeta */
.pv-recetas-grid .pv-receta-card { margin: 0; } /* en grid no necesitamos margen extra */

/* breakpoints responsivos */
@media (max-width: 1200px){
  .pv-recetas-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px){
  .pv-recetas-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .pv-recetas-grid { grid-template-columns: repeat(1, 1fr); }
}