.reservar-page{background:var(--surface);min-height:100vh;font-family:var(--font-sans);color:var(--text);padding:40px 20px 80px}.reservar-container{max-width:480px;margin:0 auto}.reservar-header{text-align:center;margin-bottom:8px}.reservar-header a{color:#999;font-size:13px}.reservar-title{font-family:var(--font-sans);text-align:center;margin:16px 0 32px;font-size:28px;font-weight:300}.reservar-step-label{letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:16px;font-size:12px}.service-option{text-align:left;background:var(--surface);cursor:pointer;border:1px solid #e2e2e2;border-radius:6px;width:100%;margin-bottom:10px;padding:16px;font-family:inherit;display:block}.service-option:hover{border-color:var(--text)}.service-option strong{margin-bottom:4px;font-size:15px;display:block}.service-option span{color:#777;font-size:13px}.date-picker{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:24px;padding:12px;font-family:inherit;font-size:15px}.slots-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.slot-btn{background:var(--surface);cursor:pointer;border:1px solid #e2e2e2;border-radius:4px;padding:12px 4px;font-family:inherit;font-size:13px}.slot-btn.selected{background:var(--text);color:var(--surface);border-color:var(--text)}.reservar-summary{background:#fafafa;border-radius:6px;margin-bottom:24px;padding:16px;font-size:14px;line-height:1.8}.reservar-field{margin-bottom:16px}.reservar-field label{color:#666;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.reservar-field input{background:var(--surface);width:100%;color:var(--text);border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:15px}.phone-input-row{gap:8px;display:flex}.phone-prefix{color:#777;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;align-items:center;padding:0 12px;font-size:15px;display:flex}.phone-input-row input{flex:1}.loading-row{color:#777;align-items:center;gap:8px;font-size:14px;display:flex}.reservar-actions{gap:10px;margin-top:24px;display:flex}.reservar-actions .hero-cta{text-align:center;cursor:pointer;border:none;flex:1}.reservar-actions .hero-cta:disabled{opacity:.35;cursor:default}.confirmacion-box{text-align:center}.confirmacion-check{margin-bottom:16px;font-size:40px}.confirmacion-warning{color:#7a5c00;background:#fff3cd;border-radius:6px;margin-top:16px;padding:12px;font-size:13px}