: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;width:100%;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}.medico-selector{justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.medico-selector label{opacity:.8;font-size:.8rem}.medico-selector select{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;padding:.3rem .6rem;font-size:.8rem;font-weight:600}.medico-selector select option{color:var(--text);background:#fff}.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}.subtitulo-guardia{color:var(--text-light);margin-top:-1rem;margin-bottom:1.2rem;font-size:.88rem}.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}.proximo-cambio{background:var(--bg-card);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.proximo-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.proximo-hora{color:var(--accent);font-size:1.1rem;font-weight:700}.proximo-ubicacion{color:var(--text);font-size:.85rem;font-weight:600}.ubic-highlighted{box-shadow:0 0 0 3px var(--accent);position:relative}.ubic-highlighted:after{content:"Tu";color:#fff;background:var(--accent);border-radius:8px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.celda-highlighted{color:var(--accent)!important;background:#e74c3c1f!important;font-weight:800!important}.fila-highlighted{background:#e74c3c0f!important}.indicador-cell{text-align:center;width:20px;padding:.5rem .2rem!important}.dot-actual{background:var(--success);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 6px #27ae6080}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.fila-actual{background:#27ae6014!important}.fila-actual td{border-bottom-color:#27ae604d}.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-panels{flex-direction:column;gap:.75rem;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-hint{color:var(--primary-dark);background:#1a527614;border:1px solid #1a52761f;border-radius:12px;padding:.85rem 1rem;font-size:.85rem;line-height:1.45}.calendario-hint p+p{margin-top:.45rem}.calendario-hint-meta{color:var(--text-light);font-size:.8rem}.calendario-sync-card{border:1px solid #0000;border-radius:12px;padding:.85rem 1rem}.calendario-sync-global{color:#17643b;background:#27ae6014;border-color:#27ae602e}.calendario-sync-local{color:#9a5f0a;background:#f39c121a;border-color:#f39c1238}.calendario-sync-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.78rem;font-weight:700;display:inline-flex}.calendario-sync-card p{font-size:.84rem;line-height:1.45}.calendario-error-banner{color:#b03a2e;background:#e74c3c1a;border:1px solid #e74c3c2e;border-radius:12px;padding:.85rem 1rem;font-size:.84rem;line-height:1.45}.calendario-grid{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:.5rem;display:grid}.dia-header{text-align:center;color:var(--text-light);text-transform:uppercase;min-width:0;padding:.4rem;font-size:.72rem;font-weight:700}.dia-vacio{min-height:60px}.dia-cell{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:.35rem;min-width:0;min-height:88px;padding:.45rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.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-seleccionado{box-shadow:0 0 0 2px #1a527629;border-color:var(--primary)!important}.dia-LV{background:#f8f9fa}.dia-prefestivo{background:#eaf2f8}.dia-sabado,.dia-domingo{background:#eef1f4}.dia-festivo{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:.2rem;min-width:0;margin-top:auto;display:flex}.mini-badge{background:var(--primary);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;min-width:0;max-width:100%;padding:.16rem .34rem;font-size:.62rem;font-weight:600;display:inline-flex;overflow:hidden}.mini-badge.ref{background:var(--warning)}.mini-badge-apoyo{background:#f0ad4e}.mini-badge-more{background:#7f8c8d}.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-prefestivo{background:#eaf2f8;border:1px solid #aed6f1}.dot-domingo{background:#eef1f4;border:1px solid #bcc6d0}.dot-festivo{background:#fdf2e9;border:1px solid #f5cba7}.guardia-detalle-card{background:var(--bg-card);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.guardia-detalle-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.guardia-detalle-header h4{color:var(--primary);margin-bottom:.2rem;font-size:1.05rem}.guardia-detalle-header p{color:var(--text-light);font-size:.82rem}.guardia-detalle-flags{flex-wrap:wrap;gap:.4rem;display:flex}.guardia-pdf-meta{color:var(--text-light);background:#1a52760f;border:1px solid #1a52761a;border-radius:12px;padding:.75rem .85rem;font-size:.82rem;line-height:1.4}.guardia-flag{border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:700}.guardia-flag-base{color:var(--primary);background:#1a52761a}.guardia-flag-editada{color:#d35400;background:#e67e2224}.guardia-equipo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.guardia-equipo-item{border:1px solid var(--border);background:#f7f9fb;border-radius:12px;flex-direction:column;gap:.35rem;padding:.8rem;display:flex}.guardia-equipo-rol{background:var(--primary);color:#fff;border-radius:999px;align-self:flex-start;padding:.16rem .5rem;font-size:.72rem;font-weight:700}.guardia-equipo-rol-apoyo{background:#f0ad4e}.guardia-equipo-nombre{color:var(--text);font-size:.95rem;font-weight:600;line-height:1.35}.guardia-vacia{border:1px dashed var(--border);color:var(--text-light);border-radius:12px;padding:1rem;font-size:.9rem}.guardia-detalle-actions{flex-wrap:wrap;gap:.6rem;display:flex}.guardia-detalle-actions button{min-width:150px}.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-prefestivo{color:var(--primary);background:#eaf2f8}.badge-sabado,.badge-domingo{color:#4d5b68;background:#eef1f4}.badge-festivo{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}.form-group input:disabled{color:var(--text-light);cursor:not-allowed;background:#f3f5f7}.modal-hint{color:var(--text-light);margin-top:.4rem;font-size:.82rem;line-height:1.45}.modal-error{color:#b03a2e;background:#e74c3c1a;border:1px solid #e74c3c2e;border-radius:10px;margin-top:.75rem;padding:.7rem .85rem;font-size:.82rem;line-height:1.4}.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}.modal-actions button:disabled{opacity:.7;cursor:wait}.btn-save{background:var(--primary);color:#fff}.btn-delete{background:var(--accent);color:#fff}.btn-cancel{color:var(--text);background:#eee}@media (width<=640px){.app-main{padding:.85rem}.calendario-nav{padding:.65rem .8rem}.calendario-nav h3{font-size:.96rem}.calendario-nav button{width:36px;height:36px;font-size:1.05rem}.calendario-grid{padding:.35rem}.dia-header{letter-spacing:.02em;padding:.25rem .1rem;font-size:.58rem}.dia-vacio{min-height:48px}.dia-cell{border-radius:7px;gap:.22rem;min-height:72px;padding:.28rem}.dia-numero{font-size:.62rem}.dia-info{gap:.16rem}.mini-badge{padding:.11rem .24rem;font-size:.5rem}.leyenda{gap:.65rem}.leyenda-item{font-size:.68rem}.guardia-detalle-header{flex-direction:column;gap:.65rem}}.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}