.cafes__lista{list-style:none;margin:0;padding:0}.cafes--destacados .cafe{width:220px}.cafes--tienda .cafes__lista{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.cafes--tienda .cafes__lista{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.cafes--destacados .cafes__lista,.cafes--tienda .cafes__lista{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.cafes--destacados .cafes__lista{display:grid;margin:0;overflow:visible;padding:0}.cafes--destacados .cafe{width:auto}}.cafe{background:#fff;border-radius:var(--radio-grande);color:var(--texto);flex-direction:column}.cafe,.cafe__foto{display:flex;overflow:hidden}.cafe__foto{align-items:center;aspect-ratio:1;background:color-mix(in srgb,var(--p) 14%,#fff);justify-content:center;position:relative}.cafe__circulo{aspect-ratio:1;background:var(--p);border-radius:50%;position:absolute;width:74%}.cafe__foto img{height:82%;object-fit:contain;position:relative;width:82%}.cafe__puntaje{align-items:center;color:var(--p-texto);display:flex;flex-direction:column;font-family:var(--letra-titulos);font-size:44px;font-weight:700;line-height:1;position:relative}.cafe__puntaje small{font-size:13px;font-weight:600;letter-spacing:.15em}.cafe__estado{background:var(--texto-oscuro);border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:4px 10px;position:absolute;top:10px}.cafe--agotado .cafe__foto{filter:grayscale(.8)}.cafe__cuerpo{display:flex;flex:1;flex-direction:column;gap:4px;padding:14px}.cafe__cuerpo>*{margin:0}.cafe__sca{color:var(--vino);font-family:var(--letra-titulos);font-size:12px;font-weight:600;letter-spacing:.08em}.seccion .cafe h3{color:var(--morado);font-size:19px;margin:0}.cafe__notas,.cafe__origen{color:#4b3a5c;font-size:13px}.cafe__notas{font-style:italic;line-height:1.35}.cafe__metodo{background:var(--lavanda);border-radius:4px;color:var(--morado);font-size:12px;font-weight:600;margin-top:4px;padding:2px 8px;width:max-content}.cafe__precio{color:var(--texto);font-size:16px;font-weight:700;margin:8px 0 10px}.cafe__precio span{color:#4b3a5c;font-weight:400}.cafe .btn{margin-top:auto}.cafes__botones{margin-top:20px}@media (min-width:1024px){.seccion .cafe h3{font-size:22px}.cafe__cuerpo{padding:18px}}.cafe__foto--imagen .cafe__circulo{display:none}.cafe__foto--imagen img{height:100%;object-fit:cover;width:100%}