#root{width:100%}:root{--crema:#f7f3ec;--crema-oscura:#efe8dc;--hueso:#fffdf9;--tinta:#2f2926;--tinta-suave:#6b625c;--arcilla:#c06a4b;--arcilla-oscura:#a5533a;--salvia:#7c8a6f;--salvia-oscura:#6b7860;--borde:#e8e0d4;--sombra:0 20px 50px -20px #785a3c59;--radio:20px}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #f2e8d8 0%, transparent 40%), radial-gradient(circle at 90% 100%, #f0e6d6 0%, transparent 45%), var(--crema);color:var(--tinta);-webkit-font-smoothing:antialiased;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1.5rem;font-family:Nunito Sans,system-ui,sans-serif;font-size:18px;line-height:1.55;display:flex}.reserva-container{background:var(--hueso);border:1px solid var(--borde);border-radius:var(--radio);max-width:1100px;box-shadow:var(--sombra);grid-template-columns:340px 1fr;margin:1.5rem auto;animation:.6s both aparecer;display:grid;overflow:hidden}@keyframes aparecer{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reserva-header{background:linear-gradient(160deg, var(--arcilla) 0%, var(--arcilla-oscura) 100%);color:#fff;flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.reserva-header:after{content:"";background:#ffffff80;border-radius:2px;width:48px;height:3px;margin-top:1.5rem;display:block}.reserva-header .eyebrow{text-transform:uppercase;letter-spacing:.15em;opacity:.85;margin:0 0 .4rem;font-size:.7rem;font-weight:600}.reserva-header h1{letter-spacing:-.01em;color:#fff;margin:0;font-family:Fraunces,Georgia,serif;font-size:2.9rem;font-weight:600;line-height:1.05}.header-texto{color:#ffffffe6;margin:1.2rem 0 0;font-size:1.05rem;line-height:1.6}.reserva-body{padding:3rem}.subtitulo{color:var(--tinta-suave);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.paso{margin-top:1.6rem}.paso-label{text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave);align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:.92rem;font-weight:600;display:flex}.paso-num{background:var(--crema-oscura);width:26px;height:26px;color:var(--arcilla-oscura);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}select,input[type=date],input[type=email],input[type=text],.datos-cliente input{border:1px solid var(--borde);width:100%;color:var(--tinta);background:var(--hueso);cursor:pointer;border-radius:12px;padding:1.05rem 1.15rem;font-family:inherit;font-size:1.08rem;transition:border-color .2s,box-shadow .2s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a5533a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.6rem}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}select:focus,input:focus{border-color:var(--arcilla);outline:none;box-shadow:0 0 0 3px #c06a4b26}.huecos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.7rem;margin-top:.6rem;display:grid}.hueco{border:1px solid var(--borde);background:var(--hueso);color:var(--tinta);cursor:pointer;border-radius:999px;padding:.95rem .6rem;font-family:inherit;font-size:1.05rem;transition:all .18s}.hueco:hover{border-color:var(--arcilla);color:var(--arcilla-oscura);transform:translateY(-2px);box-shadow:0 6px 14px -8px #c06a4b80}.hueco.activo{background:var(--arcilla);color:#fff;border-color:var(--arcilla);box-shadow:0 8px 18px -6px #c06a4b99}.datos-cliente{background:var(--crema);border-radius:16px;margin-top:1.8rem;padding:1.6rem;animation:.4s both aparecer}.datos-cliente .paso-label{margin-top:0}.confirmar{background:var(--salvia);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1.5rem;padding:1.05rem;font-family:inherit;font-size:1.02rem;font-weight:600;transition:background .2s,transform .1s}.confirmar:hover{background:var(--salvia-oscura)}.confirmar:active{transform:scale(.99)}.confirmar:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--arcilla-oscura);background:#fbeae5;border-radius:12px;margin-bottom:1rem;padding:1rem 1.2rem;font-size:1rem}.mensaje-vacio{color:var(--tinta-suave);padding:.6rem 0;font-size:1.02rem}.resumen{background:var(--crema);border-left:3px solid var(--salvia);color:var(--tinta-suave);border-radius:8px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.9rem}.resumen strong{color:var(--tinta);font-weight:600}.confirmada{text-align:center}.confirmada .reserva-body{padding-top:2.5rem}.confirmada-icono{background:var(--salvia);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.2rem;font-size:1.9rem;display:flex;box-shadow:0 10px 24px -8px #7c8a6f99}.confirmada h2{color:var(--tinta);margin:0 0 .6rem;font-family:Fraunces,Georgia,serif;font-size:1.7rem;font-weight:600}.confirmada p{color:var(--tinta-suave);margin:.4rem 0;line-height:1.6}.confirmada .destacado{color:var(--tinta);font-weight:600}@media (width<=760px){.reserva-container{grid-template-columns:1fr;max-width:560px}.reserva-header{padding:2.2rem 1.8rem}.reserva-body{padding:2rem 1.8rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}