.calendario-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffffeb;border-radius:15px;max-width:900px;margin:60px auto;padding:30px 20px;font-family:Raleway,sans-serif;position:relative;box-shadow:0 10px 30px #00000026}.calendario-container:before{content:"";background:linear-gradient(90deg,#033e3e,#7bbbbd);border-radius:15px 15px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.calendario-header{text-align:center;border-bottom:1px solid #7bbbbd4d;margin-bottom:40px;padding-bottom:20px}.calendario-header h1{color:#033e3e;letter-spacing:-.5px;text-shadow:1px 1px 2px #0000001a;margin-bottom:10px;font-family:Raleway,sans-serif;font-size:2.4em;font-weight:600}.calendario-subtitle{color:#5d7b7c;margin:0;font-family:Lora,serif;font-size:1.1em}.calendario-content{background:#f8fafbe6;border:1px solid #7bbbbd33;border-radius:12px;padding:30px}.selector-section{margin-bottom:30px}.selector-section h2{color:#033e3e;margin-bottom:20px;font-size:1.5em;font-weight:500}.selector-fecha{flex-direction:column;gap:10px;max-width:300px;display:flex}.selector-fecha label{color:#2c3e50;font-size:.95em;font-weight:500}.fecha-input{color:#033e3e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;border:2px solid #d1d9e0b3;border-radius:8px;padding:12px 15px;font-family:Raleway,sans-serif;font-size:1em;transition:border-color .3s}.fecha-input:focus{border-color:#7bbbbd;outline:none}.loading-state{text-align:center;padding:40px 20px}.loading-spinner{border:3px solid #7bbbbd4d;border-top-color:#033e3e;border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#5d7b7c;font-size:.95em}.disponibilidad-section{border-top:1px solid #7bbbbd4d;margin-top:30px;padding-top:25px}.disponibilidad-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.disponibilidad-header h3{color:#033e3e;margin:0;font-size:1.3em;font-weight:500}.disponibilidad-stats{gap:15px;display:flex}.stat-disponibles{color:#033e3e;background:#7bbbbd26;border:1px solid #7bbbbd4d;border-radius:20px;padding:6px 12px;font-size:.85em;font-weight:500}.stat-ocupados{color:#212425;background:#21242514;border:1px solid #2124251a;border-radius:20px;padding:6px 12px;font-size:.85em;font-weight:500}.instruccion-horario{color:#5d7b7c;margin-bottom:15px;font-size:.95em}.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:15px;display:grid}.horario-item{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;border:2px solid #7bbbbd4d;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:15px 10px;transition:all .2s;display:flex}.horario-item:hover{border-color:#7bbbbd;transform:translateY(-2px);box-shadow:0 3px 10px #7bbbbd33}.horario-item.selected{color:#033e3e;background:#7bbbbd26;border-color:#033e3e}.horario-hora{color:inherit;font-size:1.1em;font-weight:600}.horario-estado{color:#7bbbbd;font-size:.8em;font-weight:500}.horario-item.selected .horario-estado{color:#033e3e}.sin-disponibilidad{text-align:center;background:#7bbbbd0d;border:1px dashed #7bbbbd80;border-radius:8px;padding:30px 20px}.sin-disponibilidad-text{color:#5d7b7c;margin-bottom:8px;font-weight:500}.sin-disponibilidad-sugerencia{color:#7bbbbd;font-size:.9em}.fecha-no-disponible{text-align:center;background:#ffcdd24d;border:1px solid #c6282833;border-radius:8px;padding:25px}.error-text{color:#c62828;margin:0;font-weight:500}.resumen-reserva{background:#7bbbbd1a;border:1px solid #7bbbbd4d;border-radius:10px;margin-top:30px;padding:25px}.resumen-content{max-width:500px;margin:0 auto}.resumen-content h4{color:#033e3e;text-align:center;margin-bottom:20px;font-weight:500}.resumen-details{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;border:1px solid #7bbbbd33;border-radius:8px;margin-bottom:20px;padding:20px}.resumen-item{border-bottom:1px solid #7bbbbd1a;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;display:flex}.resumen-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.resumen-label{color:#5d7b7c;font-weight:500}.resumen-value{color:#033e3e;font-weight:600}.btn-reservar{color:#e8ecf0;cursor:pointer;text-align:center;background:#212425;border:none;border-radius:8px;width:100%;padding:16px;font-family:Raleway,sans-serif;font-size:1em;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #21242533}.btn-reservar:hover{background:#033e3e;transform:translateY(-2px);box-shadow:0 6px 18px #033e3e4d}.calendario-footer{text-align:center;margin-top:30px}.btn-volver{color:#e8ecf0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#212425;border:1px solid #212425;border-radius:6px;padding:12px 25px;font-family:Raleway,sans-serif;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-volver:hover{color:#fff;background:#7bbbbd;border-color:#7bbbbd}@media (max-width:768px){.calendario-container{margin:40px 15px;padding:20px 15px}.calendario-header h1{font-size:1.8em}.calendario-content{padding:20px}.disponibilidad-header{flex-direction:column;align-items:flex-start;gap:15px}.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.resumen-reserva{padding:20px}}@media (max-width:480px){.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fecha-input{width:100%}.selector-fecha{max-width:100%}}