.v247-ped{max-width:640px;margin:0 auto;padding:var(--space-md);font-family:var(--font-body);color:var(--color-ink)}
.v247-ped *{box-sizing:border-box}
.v247-ped__titulo{font-family:var(--font-display);color:var(--color-ink);font-size:clamp(1.6rem,5vw,2.2rem);margin:0 0 var(--space-md)}
.v247-ped h3{font-family:var(--font-display);font-size:1.15rem;margin:0 0 var(--space-sm);color:var(--color-ink)}
.v247-ped__bloque{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-md);margin:0 0 var(--space-md);min-width:0}
.v247-ped legend{font-family:var(--font-display);font-size:1.15rem;padding:0 var(--space-xs);color:var(--color-ink)}
.v247-ped label{display:block;font-weight:700;font-size:.95rem;margin:var(--space-sm) 0 var(--space-xs);color:var(--color-ink)}
.v247-ped input[type=email],.v247-ped input[type=text],.v247-ped input[type=tel],.v247-ped input[type=datetime-local],.v247-ped select,.v247-ped textarea{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}
.v247-ped textarea{min-height:72px;resize:vertical}
.v247-ped input:focus,.v247-ped select:focus,.v247-ped textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}
.v247-ped__opciones{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.v247-ped label.v247-ped__op{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 150px;min-height:48px;margin:0;padding:10px 14px;font-weight:600;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}
.v247-ped__op input{width:20px;height:20px;margin:0;accent-color:var(--color-accent);flex:none}
.v247-ped__op:has(input:checked){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}
.v247-ped__op:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}
.v247-ped__estado{margin:var(--space-sm) 0 0;font-weight:700;font-size:.95rem}
.v247-ped__estado.is-abierta{color:var(--color-tint-2)}
.v247-ped__estado.is-cerrada{color:var(--color-accent)}
.v247-ped__ayuda,.v247-ped__opc{font-size:.9rem;color:var(--color-ink-2);font-weight:400;margin:var(--space-xs) 0 0}
.v247-ped__transf{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-tint-3) 10%,var(--color-surface));border-radius:var(--radius-sm);font-size:.95rem}
.v247-ped__transf p{margin:0}
.v247-ped__errores{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);color:var(--color-ink)}
.v247-ped__errores ul{margin:0;padding-left:var(--space-lg)}
.v247-ped__resumen{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md);margin-bottom:var(--space-md)}
.v247-ped__lineas{list-style:none;margin:0 0 var(--space-sm);padding:0}
.v247-ped__lineas li{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-line)}
.v247-ped__lineas small{display:block;color:var(--color-ink-2);font-size:.85rem}
.v247-ped__totales{margin:0}
.v247-ped__totales div{display:flex;justify-content:space-between;padding:var(--space-xs) 0}
.v247-ped__totales dt,.v247-ped__totales dd{margin:0}
.v247-ped__total{font-family:var(--font-display);font-size:1.3rem;font-weight:700;border-top:2px solid var(--color-ink);margin-top:var(--space-xs);padding-top:var(--space-sm)!important}
.v247-ped .v247-ped__btn,.v247-ped a.v247-ped__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 24px;font:inherit;font-weight:700;font-size:1.05rem;text-decoration:none;color:var(--color-accent-ink);background:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}
.v247-ped .v247-ped__btn:hover,.v247-ped .v247-ped__btn:focus{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-ink)}
.v247-ped .v247-ped__btn:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}
.v247-ped .v247-ped__btn:active{transform:scale(.98)}
.v247-ped .v247-ped__btn:disabled{opacity:.6;cursor:wait}
.v247-ped .v247-ped__btn--wa{background:var(--color-tint-2);border-color:var(--color-tint-2)}
.v247-ped .v247-ped__btn--wa:hover,.v247-ped .v247-ped__btn--wa:focus{background:color-mix(in srgb,var(--color-tint-2) 80%,var(--color-ink));border-color:color-mix(in srgb,var(--color-tint-2) 80%,var(--color-ink))}
.v247-ped--vacio{text-align:center;padding:var(--space-2xl) var(--space-md)}
.v247-ped--vacio h1,.v247-ped--vacio h2{font-family:var(--font-display)}
.v247-ped--vacio .v247-ped__btn{display:inline-flex;width:auto}
/* seguimiento */
.v247-seg__num{margin:0;color:var(--color-ink-2);font-weight:700;font-size:.9rem}
.v247-seg__pasos{list-style:none;margin:var(--space-lg) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}
.v247-seg__paso{position:relative;padding:12px 16px 12px 52px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink-2);font-weight:600}
.v247-seg__paso::before{content:"";position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:2px solid var(--color-line);background:var(--color-bg)}
.v247-seg__paso.is-hecho{color:var(--color-ink)}
.v247-seg__paso.is-hecho::before{background:var(--color-tint-2);border-color:var(--color-tint-2)}
.v247-seg__paso.is-actual{color:var(--color-ink);border-color:var(--color-accent);box-shadow:var(--shadow-card)}
.v247-seg__paso.is-actual::before{background:var(--color-accent);border-color:var(--color-accent)}
.v247-seg__wa{background:color-mix(in srgb,var(--color-tint-2) 10%,var(--color-surface));border:1px solid var(--color-tint-2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}
.v247-seg__wa p{margin:0 0 var(--space-sm)}
.v247-seg__qr{display:block;max-width:100%;height:auto;margin:var(--space-sm) 0;border-radius:var(--radius-sm)}
@media (prefers-reduced-motion:reduce){.v247-ped *{transition:none!important}}

body:has(.v247-ped) .v247-barra{display:none!important}
/* reservas y extras */
.v247-ped label.v247-ped__op--hora{flex:0 1 auto;min-width:92px;justify-content:center}
.v247-ped__op--hora input{position:absolute;opacity:0;width:1px;height:1px}
.v247-ped__op--hora{position:relative}
.v247-ped__op.is-lleno{opacity:.5;cursor:not-allowed}
.v247-ped label.v247-ped__check{display:flex;gap:var(--space-sm);align-items:flex-start;font-weight:400;margin-top:var(--space-md)}
.v247-ped__check input{width:20px;height:20px;margin-top:2px;accent-color:var(--color-accent);flex:none}
.v247-ped .v247-ped__btn--sec{background:transparent;color:var(--color-accent);margin-top:var(--space-md)}
.v247-ped .v247-ped__btn--sec:hover,.v247-ped .v247-ped__btn--sec:focus{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent-hover)}
.v247-ped input[type=date]{min-height:48px}
.v247-ped a.v247-ped__btn.v247-ped__btn--wa{background:var(--color-tint-2);border-color:var(--color-tint-2)}
.v247-ped a.v247-ped__btn.v247-ped__btn--wa:hover,.v247-ped a.v247-ped__btn.v247-ped__btn--wa:focus{background:color-mix(in srgb,var(--color-tint-2) 80%,var(--color-ink));border-color:color-mix(in srgb,var(--color-tint-2) 80%,var(--color-ink));color:var(--color-accent-ink)}