:root{--primary:#1a5276;--primary-light:#2980b9;--primary-dark:#0e2f44;--accent:#e74c3c;--accent-light:#ff6b6b;--success:#27ae60;--warning:#f39c12;--bg:#f0f4f8;--bg-card:#fff;--text:#2c3e50;--text-light:#7f8c8d;--border:#dde4ea;--shadow:0 2px 8px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;display:flex}.app-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;text-align:center;padding:1.2rem 1rem .8rem}.app-header h1{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.app-header .subtitulo{opacity:.8;margin-top:.2rem;font-size:.8rem}.app-nav{background:var(--primary-dark);padding:0;display:flex}.app-nav button{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s}.app-nav button.active{color:#fff;border-bottom-color:var(--accent);background:#ffffff14}.app-main{flex:1;padding:1rem}.app-footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border);padding:.8rem;font-size:.75rem}.guardia-actual{text-align:center}.reloj-grande{color:var(--primary);font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:3.5rem;font-weight:700}.tipo-dia-badge{background:var(--primary);color:#fff;border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.estado-actual h3{color:var(--primary);margin-bottom:1rem;font-size:1rem}.ubicaciones-actual{flex-direction:column;gap:.75rem;display:flex}.ubic-card{border-left:5px solid;border-radius:12px;padding:1rem}.ubic-calle{border-left-color:var(--warning);background:#fdf2e9}.ubic-consulta{border-left-color:var(--primary-light);background:#eaf2f8}.ubic-comida{border-left-color:var(--success);background:#eafaf1}.ubic-descanso{background:#f4ecf7;border-left-color:#8e44ad}.ubic-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.3rem;font-size:.75rem;font-weight:600}.ubic-medico{font-size:1.2rem;font-weight:700}.fuera-guardia{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;padding:2rem}.fuera-guardia h3{color:var(--text-light)}.turno-info{color:var(--text-light);margin-top:.75rem;font-size:.85rem}.rotaciones-view{flex-direction:column;gap:1rem;display:flex}.tipo-selector{gap:.5rem;display:flex}.tipo-selector button{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:.7rem;font-size:.85rem;font-weight:600;transition:all .2s}.tipo-selector button.active{background:var(--primary);color:#fff}.horario-header{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.badge-horario,.badge-duracion{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-horario{background:var(--primary);color:#fff}.badge-duracion{background:var(--accent);color:#fff}.tabla-container{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;padding:1rem}.tabla-container h3{color:var(--primary);margin-bottom:.75rem;font-size:.95rem}.tabla-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabla-rotacion{border-collapse:collapse;width:100%;font-size:.8rem}.tabla-rotacion th{background:var(--primary);color:#fff;text-align:left;white-space:nowrap;padding:.6rem .5rem;font-weight:600}.tabla-rotacion td{border-bottom:1px solid var(--border);padding:.5rem}.tabla-rotacion tbody tr:hover{background:#f0f8ff}.hora-cell{white-space:nowrap;color:var(--primary-dark);font-weight:600}.calle-cell{color:var(--warning);font-weight:700}.consulta-cell{color:var(--primary-light);font-weight:600}.comida-cell{color:var(--success)}.medico-badge{color:var(--primary);font-weight:700}.nota-noche{color:var(--text-light);margin-top:.5rem;font-size:.78rem;font-style:italic}.notas-section{background:#fef9e7;border:1px solid #f9e79f;border-radius:12px;padding:1rem}.notas-section h3{color:var(--warning);margin-bottom:.5rem;font-size:.9rem}.notas-section ul{padding-left:1.2rem}.notas-section li{margin-bottom:.3rem;font-size:.8rem;line-height:1.4}.calendario-view{flex-direction:column;gap:1rem;display:flex}.calendario-nav{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.calendario-nav h3{color:var(--primary);font-size:1.1rem}.calendario-nav button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.calendario-grid{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:2px;padding:.5rem;display:grid}.dia-header{text-align:center;color:var(--text-light);text-transform:uppercase;padding:.4rem;font-size:.72rem;font-weight:700}.dia-vacio{min-height:60px}.dia-cell{cursor:pointer;border:2px solid #0000;border-radius:8px;min-height:60px;padding:.3rem;transition:all .15s;position:relative}.dia-cell:hover{border-color:var(--primary-light);transform:scale(1.02)}.dia-hoy{box-shadow:0 0 0 2px #e74c3c33;border-color:var(--accent)!important}.dia-LV{background:#f8f9fa}.dia-sabado{background:#eaf2f8}.dia-domingo{background:#fdf2e9}.dia-numero{color:var(--text);font-size:.75rem;font-weight:700}.dia-asignado .dia-numero{color:var(--primary)}.dia-info{flex-wrap:wrap;gap:1px;margin-top:2px;display:flex}.mini-badge{background:var(--primary);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:100%;padding:1px 3px;font-size:.55rem;font-weight:600;overflow:hidden}.mini-badge.ref{background:var(--warning)}.leyenda{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.leyenda-item{color:var(--text-light);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-lv{background:#f8f9fa;border:1px solid #ccc}.dot-sabado{background:#eaf2f8;border:1px solid #aed6f1}.dot-domingo{background:#fdf2e9;border:1px solid #f5cba7}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-content h3{color:var(--primary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.badge-tipo{border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.badge-LV{color:#555;background:#eee}.badge-sabado{color:var(--primary);background:#eaf2f8}.badge-domingo{color:#e67e22;background:#fdf2e9}.form-group{margin-bottom:.75rem}.form-group label{color:var(--text-light);margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}.form-group input{border:2px solid var(--border);border-radius:8px;width:100%;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-light);outline:none}.modal-actions{gap:.5rem;margin-top:1rem;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.7rem;font-size:.85rem;font-weight:600}.btn-save{background:var(--primary);color:#fff}.btn-delete{background:var(--accent);color:#fff}.btn-cancel{color:var(--text);background:#eee}.pin-screen{background:linear-gradient(135deg, var(--primary), var(--primary-dark));justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.pin-container{text-align:center;color:#fff;width:100%;max-width:320px}.pin-header{margin-bottom:2rem}.pin-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex}.pin-header h2{color:#fff;margin-bottom:.3rem;font-size:1.4rem}.pin-header p{opacity:.7;font-size:.85rem}.pin-dots{justify-content:center;gap:16px;margin-bottom:1rem;display:flex}.pin-dot{border:2px solid #ffffff80;border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background:#fff;border-color:#fff}.pin-dot.error{border-color:var(--accent-light);background:var(--accent-light)}.shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pin-error{color:var(--accent-light);margin-bottom:.5rem;font-size:.85rem}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:0 auto;display:grid}.pin-key{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;height:60px;font-size:1.5rem;font-weight:600;transition:all .15s;display:flex}.pin-key:active{background:#ffffff4d;transform:scale(.95)}.pin-key-del{font-size:1.3rem}.pin-key-empty{cursor:default;background:0 0}.planning-view{flex-direction:column;gap:1rem;display:flex}.upload-card{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;padding:1rem}.upload-card h3{color:var(--primary);margin-bottom:.75rem;font-size:1rem}.upload-form{flex-direction:column;gap:.5rem;display:flex}.mes-select{border:2px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:.6rem .8rem;font-size:.9rem}.btn-upload{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.9rem;font-size:.9rem;font-weight:600;transition:background .2s}.btn-upload:disabled{background:var(--text-light);cursor:not-allowed}.no-plannings{text-align:center;color:var(--text-light);background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;padding:2rem}.no-plannings-hint{opacity:.7;margin-top:.5rem;font-size:.8rem}.plannings-por-mes{flex-direction:column;gap:1rem;display:flex}.mes-group{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.mes-group-header{background:var(--primary);padding:.6rem 1rem}.mes-group-header h3{color:#fff;margin:0;font-size:.9rem}.planning-card{border-bottom:1px solid var(--border);padding:1rem}.planning-card:last-child{border-bottom:none}.planning-info{margin-bottom:.75rem}.planning-nombre{color:var(--primary);margin-bottom:.3rem;font-size:.9rem;font-weight:700;display:block}.planning-fecha{color:var(--text-light);font-size:.78rem;font-style:italic;display:block}.planning-actions{gap:.5rem;display:flex}.planning-actions button,.planning-actions a{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.78rem;font-weight:600;text-decoration:none}.btn-ver{background:var(--primary);color:#fff}.btn-descargar{background:var(--success);color:#fff}.btn-eliminar{background:var(--accent);color:#fff}.pdf-viewer{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:800px;height:90vh;display:flex;overflow:hidden}.pdf-viewer iframe{border:none;flex:1;width:100%}.pdf-close{background:var(--primary);color:#fff;cursor:pointer;border:none;padding:.75rem;font-size:.85rem;font-weight:600}.firebase-notice{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.firebase-notice h3{color:var(--primary);margin-bottom:.75rem;font-size:1rem}.firebase-notice p{margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.firebase-notice ol{margin-bottom:1rem;padding-left:1.2rem;font-size:.85rem}.firebase-notice li{margin-bottom:.4rem;line-height:1.4}.env-example{background:var(--primary-dark);color:#a8d8a8;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.env-example code{font-size:.75rem;line-height:1.6}