.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}.precitas-page-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;padding:20px;box-sizing:border-box;overflow-y:auto;z-index:1000}.precitas-container{width:100%;max-width:900px;background:white;border-radius:8px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.precitas-content{padding:50px}.precitas-form-section{margin-bottom:40px}.precitas-section-title{font-size:20px;color:#1f2937;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #0080ff;display:flex;align-items:center}.precitas-section-title:before{content:"";display:inline-block;width:6px;height:6px;background:#0080ff;border-radius:50%;margin-right:10px}.precitas-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.precitas-form-group{display:flex;flex-direction:column;padding:10px}.precitas-form-group label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:8px}.precitas-form-group label .required{color:#f44}.precitas-form-group input,.precitas-form-group select,.precitas-form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s ease}.precitas-form-group input:focus,.precitas-form-group select:focus,.precitas-form-group textarea:focus{outline:none;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff1a}.precitas-form-group textarea{resize:vertical;min-height:100px}.precitas-form-group.full-width{grid-column:1 / -1}.precitas-datetime-section{background:#f5f5f5;padding:25px;border-radius:8px;margin-top:30px}.precitas-datetime-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:25px}.precitas-horas-disponibles{margin-top:20px}.precitas-horas-titulo{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:15px}.precitas-horas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.precitas-hora-btn{padding:12px;border:2px solid #e0e0e0;background:white;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s ease;text-align:center}.precitas-hora-btn:hover:not(:disabled){border-color:#0080ff;background:rgba(0,128,255,.05);color:#0080ff}.precitas-hora-btn.seleccionada{background:#0080ff;color:#fff;border-color:#0080ff}.precitas-hora-btn.en-rango{background:rgba(0,128,255,.3);color:#0080ff;border-color:#0080ff}.precitas-tipo-cita-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:15px}.precitas-tipo-cita-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;cursor:pointer;text-align:center;transition:all .3s ease;background:white}.precitas-tipo-cita-card:hover{border-color:#0080ff;background:rgba(0,128,255,.05)}.precitas-tipo-cita-card.seleccionado{border-color:#0080ff;background:#0080ff;color:#fff}.precitas-tipo-cita-card input{display:none}.precitas-tipo-cita-card .icon{font-size:30px;margin-bottom:10px}.precitas-tipo-cita-card .nombre{font-weight:600;font-size:14px}.precitas-form-actions{display:flex;gap:15px;margin-top:40px;justify-content:center}.precitas-btn{padding:14px 40px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.precitas-btn.primary{background:linear-gradient(135deg,#0066cc 0%,#0080ff 100%);color:#fff}.precitas-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0066cc4d}.precitas-btn.secondary{background:#f5f5f5;color:#1f2937;border:2px solid #e0e0e0}.precitas-btn.secondary:hover{background:#e5e7eb;border-color:#999}.precitas-btn:disabled{opacity:.6;cursor:not-allowed}.precitas-alert-success{background:linear-gradient(135deg,#c8e6c9 0%,#a5d6a7 100%);border:2px solid #4caf50;border-radius:12px;padding:30px;margin-bottom:30px;color:#1b5e20;font-size:14px;line-height:1.8;box-shadow:0 4px 12px #4caf5033}.precitas-alert-success-title{font-weight:700;margin-bottom:15px;font-size:18px;display:flex;align-items:center;gap:10px}.precitas-alert-success-title span{font-size:24px}.precitas-alert-success p{margin:12px 0}.precitas-alert-success p:nth-of-type(2),.precitas-alert-success p:nth-of-type(3){font-size:13px;opacity:.95}.precitas-alert-error{background:#ffcdd2;border:1px solid #f44336;border-radius:8px;padding:20px;margin-bottom:30px;color:#c62828;font-size:14px;line-height:1.6}.precitas-alert-error-title{font-weight:600;margin-bottom:10px;font-size:15px}.precitas-alert-error p{margin:8px 0}.precitas-alert-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:30px;color:#856404;font-size:14px;line-height:1.7}.precitas-alert-warning-title{font-weight:700;margin-bottom:12px;font-size:15px;display:flex;align-items:center;gap:8px}.precitas-alert-warning-title span{font-size:18px}.precitas-alert-warning p{margin:10px 0}.precitas-alert-warning p:first-of-type{font-weight:600}.precitas-alert-info-datetime{border-radius:6px;padding:12px 15px;margin-bottom:20px;font-weight:600;font-size:14px}.precitas-alert-info-datetime.duration{background:#e7f3ff;border:1px solid #b3d9ff;color:#004085}.precitas-alert-info-datetime.select-time{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.precitas-alert-info-datetime.select-type{background:#fff3cd;border:1px solid #ffc107;color:#856404;font-size:14px;padding:15px}.precitas-empty-message{text-align:center;color:#999;padding:20px;font-size:14px}.precitas-type-hint{font-size:14px;color:#666;margin-bottom:15px}.precitas-campo-requerido-info{font-size:12px;color:#999;margin-top:50px;text-align:center}@media (max-width: 768px){.precitas-content{padding:25px}.precitas-form-grid{grid-template-columns:1fr}.precitas-horas-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.precitas-form-actions{flex-direction:column-reverse}.precitas-tipo-cita-grid{grid-template-columns:repeat(2,1fr)}}.precitas-horas-disponibles{margin-top:15px;width:100%}.precitas-horas-titulo{font-weight:700;margin-bottom:12px;font-size:14px;color:#333}.precitas-horas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-top:10px}.precitas-hora-btn{padding:10px 8px;border:1px solid #ddd;background:white;border-radius:5px;cursor:pointer;font-size:13px;transition:all .2s ease;white-space:nowrap}.precitas-hora-btn:hover:not(:disabled){border-color:#007bff;color:#007bff;background:#f0f7ff}.precitas-hora-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.precitas-hora-btn.seleccionada{background:#007bff;color:#fff;border-color:#007bff;font-weight:700}.precitas-hora-btn.en-rango{background:#e3f2fd;border-color:#90caf9;color:#1976d2}.precitas-hora-btn.ocupada-cita:disabled{background:#ffebee;color:#c62828;border-color:#ef5350;opacity:.7}.precitas-hora-btn.bloqueada-duracion:disabled{background:#fff3e0;color:#e65100;border-color:#ffb74d;opacity:.7}.precitas-hora-btn.hora-pasada:disabled{background:#eeeeee;color:#757575;border-color:#bdbdbd;opacity:.5}.precitas-empty-message{text-align:center;padding:20px;color:#666;font-size:14px;background:#f9f9f9;border-radius:5px;margin-top:10px}.gestion-precitas-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;height:100%;min-height:0}.gestion-precitas-container{padding:10px;width:100%;display:flex;flex-direction:column;height:100%;overflow:hidden}.gestion-precitas-container h1{font-size:28px;color:#1f2937;margin-bottom:30px;border-bottom:3px solid #0080ff;padding-bottom:15px;flex-shrink:0}.gestion-precitas-loading{text-align:center;padding:40px;color:#999;font-size:16px}.gestion-precitas-empty{text-align:center;padding:40px;color:#999;background:#f5f5f5;border-radius:8px;font-size:14px}.gestion-precitas-layout>aside{display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.gestion-precitas-layout>main{display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.gestion-precitas-list{display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;padding:1em}.gestion-precitas-list h2{font-size:18px;color:#1f2937;margin-bottom:20px;font-weight:600;flex-shrink:0}.gestion-precitas-items{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding-right:10px;min-height:0}.gestion-precitas-item{border:2px solid #e0e0e0;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;background:white}.gestion-precitas-item:hover{border-color:#0080ff;background:rgba(0,128,255,.05)}.gestion-precitas-item.active{border-color:#0080ff;background:rgba(0,128,255,.1);box-shadow:0 0 0 3px #0080ff1a}.gestion-precitas-item .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gestion-precitas-item .item-header strong{font-size:15px;color:#1f2937;font-weight:700}.gestion-precitas-item .item-status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:#fff3cd;color:#856404}.gestion-precitas-item .item-status.pendiente{background:#fff3cd;color:#856404}.gestion-precitas-item .item-status.aceptada{background:#d4edda;color:#155724}.gestion-precitas-item .item-status.cancelada{background:#f8d7da;color:#721c24}.gestion-precitas-item .item-details{font-size:13px;color:#666;line-height:1.5}.gestion-precitas-item .item-details p{margin:4px 0}.gestion-precitas-detail{border:1px solid #e0e0e0;border-radius:8px;padding:30px;background:white;box-shadow:0 2px 8px #0000000d;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.gestion-precitas-detail h2{font-size:18px;color:#1f2937;margin-bottom:25px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:15px;flex-shrink:0}.detail-content{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:start;padding-right:10px}.detail-section{margin-bottom:30px}.detail-section-full{grid-column:1 / -1}.detail-section h3{font-size:14px;color:#1f2937;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #0080ff;display:flex;align-items:center;gap:8px}.detail-section h3:before{content:"";display:inline-block;width:6px;height:6px;background:#0080ff;border-radius:50%}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.form-group textarea{resize:vertical;min-height:80px}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.horas-container{display:flex;flex-direction:column}.horas-container label{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:12px}.horas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hora-btn{padding:10px;border:2px solid #e0e0e0;border-radius:6px;background:white;color:#333;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.hora-btn:hover{border-color:#0080ff;background:rgba(0,128,255,.05)}.hora-btn.seleccionada{background:#0080ff;color:#fff;border-color:#0080ff}.detail-actions{display:flex;gap:12px;padding-top:20px;border-top:2px solid #f0f0f0;flex-shrink:0}.btn{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-success{background:#4CAF50;color:#fff}.btn-success:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#da190b;transform:translateY(-2px);box-shadow:0 5px 15px #f443364d}.filtro-estado-container{margin-bottom:15px}.filtro-estado-label{display:block;margin-bottom:8px;font-weight:600}.filtro-estado-select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;font-size:14px}.no-seleccion-mensaje{text-align:center;font-size:24px;color:#999;margin-bottom:20px;font-weight:600;margin-top:100px}.alert-box{padding:8px 12px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.alert-box-success{background-color:#e8f5e9}.alert-box-warning{background-color:#fff3e0}.alert-box-title{margin:0 0 3px;font-weight:700;font-size:14px}.alert-box-success .alert-box-title{color:#2e7d32}.alert-box-warning .alert-box-title{color:#e65100}.alert-box-details{margin:0;font-size:12px;color:#555}.btn-alert-cambiar{padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap;background-color:#ff9800;color:#fff;border:none;border-radius:4px}.btn-alert-cambiar:hover{background-color:#f57c00}.btn-alert-usar{padding:4px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;white-space:nowrap}.btn-alert-usar:hover{background-color:#45a049}@media (max-width: 1024px){.gestion-precitas-content{grid-template-columns:1fr}.gestion-precitas-detail{max-height:none}}@media (max-width: 1100px){.gestion-precitas-layout{grid-template-columns:1fr}.gestion-precitas-layout>aside{max-height:44vh}}@media (max-width: 768px){.gestion-precitas-layout{display:block;height:auto;min-height:auto;background:#f3f6fb}.gestion-precitas-layout.show-list>main{display:none}.gestion-precitas-layout.show-detail>aside{display:none}.gestion-precitas-layout>aside,.gestion-precitas-layout>main{height:auto;max-height:none;overflow:visible}.gestion-precitas-list{padding:.85em;gap:.75em}.filtro-estado-container{margin-bottom:.25em}.filtro-estado-label{margin-bottom:.5em;color:#60728f;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.filtro-estado-select{border-radius:12px;border:1px solid #d7deea;background:#eef2f8;padding:.65em .8em;font-size:.95em}.gestion-precitas-items{gap:.8em;overflow:visible;padding-right:0}.gestion-precitas-item{border:1px solid #dfe5ef;border-radius:16px;padding:1em;background:#fff;box-shadow:0 4px 12px #0f172a0f}.gestion-precitas-item.active{border-color:#9ac1f5;background:#fff;box-shadow:0 0 0 2px #0080ff26}.gestion-precitas-item .item-header{margin-bottom:.65em}.gestion-precitas-item .item-header strong{font-size:1.05em}.gestion-precitas-item .item-status{border-radius:8px;padding:3px 10px;font-size:.78em;letter-spacing:.04em}.gestion-precitas-item .item-details{font-size:.9em;color:#3f4f67}.gestion-precitas-container{padding:.85em;height:auto;overflow:visible}.gestion-precitas-detail{border:1px solid #dfe5ef;border-radius:14px;padding:.9em;background:#f7f9fc;box-shadow:none;overflow:visible}.mobile-back-btn{border:none;background:transparent;color:#1677e6;font-weight:700;font-size:.92em;margin-bottom:.55em;display:inline-flex;align-items:center;gap:.45em;padding:0}.gestion-precitas-detail h2{font-size:2em;margin-bottom:.75em;border-bottom:none;padding-bottom:0}.detail-content{display:block;overflow:visible;padding-right:0}.detail-section{margin-bottom:1em;border:1px solid #d2dbe8;border-radius:12px;background:#fff;overflow:hidden}.detail-section h3{margin:0;padding:.75em .85em;font-size:.85em;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d2dbe8;color:#0c67de;background:#edf3fb}.detail-section>.form-group,.detail-section>.alert-box,.detail-section>div,.detail-section>section{margin-left:.85em;margin-right:.85em}.detail-section .form-group:last-child{margin-bottom:.85em}.datetime-grid{display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #c8d1df;border-radius:8px;font-size:1em;padding:.68em .75em;background:#fff}.horas-container{margin-top:.3em}.detail-actions{position:sticky;bottom:0;background:#f7f9fc;border-top:1px solid #d8e0ec;padding-top:.8em;padding-bottom:calc(.3em + env(safe-area-inset-bottom));flex-direction:column;z-index:5}.btn{border-radius:10px;padding:.7em .9em;font-size:1.05em;min-height:46px}}