/* Ficha de producto de Yalus Pedidos (solo en la ficha). Usa las variables y componentes de yalus-pedidos.css. */
.yp-ficha{display:block;flex:1 1 100%;width:100%;min-width:0;margin:0;background:#fff}
.yp-ficha-in{max-width:1100px;margin:0 auto;padding:4px 16px 0}
.yp-migas ol{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 4px;padding:0;list-style:none;font-size:.875rem;color:var(--yp-gris)}
.yp-migas li+li::before{content:"›";margin:0 8px}
.yp-migas a{display:inline-flex;align-items:center;min-height:44px;color:var(--yp-gris)}
.yp-ficha-cab{display:grid;gap:16px;margin:0 0 32px}
.yp-ficha-foto{margin:0;padding:8px;border-radius:24px;background:radial-gradient(circle at 50% 45%,#fff3dd 0,#fff 72%)}
.yp-ficha-img{display:block;width:100%;height:auto;aspect-ratio:1}
.yp-ficha-t{margin:0 0 6px;font-size:2rem;line-height:1.05;font-weight:800;text-wrap:balance}
.yp-ficha-precio{display:flex;align-items:baseline;gap:8px;margin:0 0 2px;font-size:1rem;color:var(--yp-gris)}
.yp-ficha-precio strong{font-size:1.75rem;font-weight:800;color:var(--yp-rojo)}
.yp-ficha-estado{min-height:1.5em;margin:0 0 12px;font-size:.9375rem;font-weight:700;color:var(--yp-gris)}
.yp-ficha-estado.is-abierto{color:#16733a}
.yp-ficha-estado.is-cerrado{color:var(--yp-rojo)}
.yp-ingredientes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.yp-ingredientes li{padding:6px 12px;border:1px solid var(--yp-borde);border-radius:999px;background:var(--yp-crema);font-size:.875rem;font-weight:700}
.yp-ficha-botones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yp-ficha-botones .yp-btn--primary{grid-column:1/-1}
.yp-ficha-botones .yp-btn{min-height:52px}
.yp-btn--linea{border:2px solid var(--yp-negro);background:#fff;color:var(--yp-negro)}
.yp-ficha-nota{margin:10px 0 0;font-size:.875rem;color:var(--yp-gris)}
.yp-ficha-grid{display:grid;gap:12px}
.yp-tarjeta{padding:16px;border:1px solid var(--yp-borde);border-radius:16px;background:#fff}
.yp-tarjeta h3{margin:0 0 6px;font-size:1.0625rem;font-weight:800}
.yp-tarjeta p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--yp-gris)}
.yp-tarjeta a{display:inline-flex;align-items:center;min-height:44px;color:var(--yp-rojo);font-weight:700}
.yp-horario{margin:0;padding:0;list-style:none}
.yp-horario li{display:flex;justify-content:space-between;gap:8px;font-size:.9375rem;line-height:1.8;color:var(--yp-gris)}
.yp-horario li.is-hoy{font-weight:800;color:var(--yp-negro)}
.yp-ficha-texto p{max-width:68ch;margin:0 0 12px;font-size:1rem;line-height:1.6}
.yp-ficha-real{max-width:480px;margin:16px 0 0}
.yp-ficha-real img{display:block;width:100%;height:auto;border-radius:20px}
.yp-ficha-real figcaption{margin-top:6px;font-size:.8125rem;color:var(--yp-gris)}
.yp-ficha-faq details{padding:2px 0;border-bottom:1px solid var(--yp-borde)}
.yp-ficha-faq summary{display:flex;align-items:center;min-height:48px;font-weight:700;cursor:pointer}
.yp-ficha-faq details p{margin:0 0 14px;line-height:1.5;color:var(--yp-gris)}
.yp-acciones--ficha{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.yp-acciones--ficha .yp-accion{padding:0 14px}
.yp-bar-ficha{min-width:0;padding-left:8px}
.yp-bar-ficha .yp-bar-l{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (min-width:768px){
.yp-ficha-in{padding:8px 24px 0}
.yp-ficha-cab{grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.yp-ficha-t{font-size:2.75rem}
.yp-ficha-grid{grid-template-columns:repeat(3,1fr)}
}