/* Página de promociones de Yalus Pedidos (solo ahí). Usa las variables y componentes de yalus-pedidos.css y ficha.css. */
.yp-pp-cabecera{margin:0 0 20px}
.yp-pp-intro p{max-width:62ch;margin:0 0 8px;font-size:1.0625rem;line-height:1.55;color:var(--yp-gris)}
.yp-pp-lista{display:grid;gap:16px;margin:0 0 36px}
.yp-pp{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-areas:"img cab" "desc desc" "inc inc" "bot bot";gap:12px 14px;padding:14px;border-radius:20px;color:#fff;background:radial-gradient(circle at 70% 75%,#5c0b18 0,var(--yp-negro) 62%);scroll-margin-top:16px}
.yp-pp--rojo{background:radial-gradient(circle at 30% 20%,#e3233f 0,var(--yp-rojo) 45%,#8a0a1f 100%)}
.yp-pp--vino{background:linear-gradient(160deg,#a50d26 0,#5e0716 100%)}
.yp-pp-img{grid-area:img;display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.yp-pp-cab{grid-area:cab;align-self:center;min-width:0}
.yp-pp-t{margin:0 0 10px;font-size:1.375rem;font-weight:800;line-height:1.08;text-transform:uppercase;text-wrap:balance}
.yp-pp-precio{margin:0;line-height:1}
.yp-pp-precio span{display:block;margin-bottom:4px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yp-amarillo)}
.yp-pp-precio strong{font-size:2rem;font-weight:800}
.yp-pp-desc{grid-area:desc;margin:0;font-size:.9375rem;line-height:1.5;color:#f3e9e4}
.yp-pp-incluye{grid-area:inc;display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:.9375rem;line-height:1.4}
.yp-pp-incluye li{position:relative;padding-left:24px}
.yp-pp-incluye li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--yp-amarillo)}
.yp-pp-botones{grid-area:bot;display:grid;gap:8px}
.yp-pp-wa{display:flex;align-items:center;justify-content:center;min-height:48px;border:2px solid rgba(255,255,255,.7);border-radius:12px;color:#fff;font-weight:800;text-decoration:none}
.yp-pp-wa:hover,.yp-pp-wa:focus{border-color:#fff;color:#fff}
.yp-pp-pasos{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:paso}
.yp-pp-pasos li{position:relative;padding:14px 14px 14px 58px;border:1px solid var(--yp-borde);border-radius:16px;background:var(--yp-crema);line-height:1.5;counter-increment:paso}
.yp-pp-pasos li::before{content:counter(paso);position:absolute;top:12px;left:14px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--yp-rojo);color:#fff;font-weight:800}
@media (min-width:640px){
	.yp-pp{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"img cab" "img desc" "img inc" "img bot";grid-template-rows:auto auto auto 1fr;gap:12px 20px;padding:18px}
	.yp-pp-cab{align-self:start}
	.yp-pp-botones{align-self:end}
	.yp-pp-pasos{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
	.yp-pp-lista{grid-template-columns:repeat(3,minmax(0,1fr))}
	.yp-pp{grid-template-columns:minmax(0,1fr);grid-template-areas:"img" "cab" "desc" "inc" "bot";grid-template-rows:auto auto auto 1fr auto}
	.yp-pp-t{font-size:1.5rem}
}