*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2e6da4;--primary-dark:#1a3a5c;--primary-light:#d6e8f5;--accent:#0a7e6e;--danger:#c0392b;--danger-light:#fadbd8;--grey-100:#f4f6f8;--grey-200:#e8ecf0;--grey-400:#9aa5b4;--grey-700:#444;--white:#fff;--radius:8px;--shadow:0 2px 8px #0000001a;--shadow-lg:0 8px 24px #00000026;color:var(--grey-700);background:var(--grey-100);font-family:Segoe UI,system-ui,sans-serif;font-size:15px}body{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;border:1.5px solid var(--grey-200);border-radius:var(--radius);background:var(--white);width:100%;padding:8px 12px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}textarea{resize:vertical}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--primary-dark);height:56px;color:var(--white);box-shadow:var(--shadow);align-items:center;gap:24px;padding:0 24px;display:flex}.navbar-brand{letter-spacing:.5px;color:var(--white);margin-right:16px;font-size:1.2rem;font-weight:700}.navbar-links{flex:1;gap:4px;display:flex}.navbar-links a{border-radius:var(--radius);color:#fffc;padding:6px 14px;font-size:.95rem;transition:background .15s,color .15s}.navbar-links a:hover{color:var(--white);background:#ffffff1a}.navbar-links a.active{color:var(--white);background:#fff3;font-weight:600}.navbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.user-name{font-size:.95rem;font-weight:600}.user-rol{opacity:.7;background:#ffffff26;border-radius:99px;padding:2px 8px;font-size:.8rem}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px}.page-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:var(--primary-dark);flex:1;font-size:1.6rem}.subtitle{color:var(--grey-400);margin-bottom:24px}.btn-primary,.btn-secondary,.btn-danger,.btn-logout,.btn-back{border-radius:var(--radius);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-secondary{background:var(--grey-200);color:var(--grey-700)}.btn-danger{background:var(--danger);color:var(--white)}.btn-logout{color:var(--white);background:#ffffff26;padding:6px 14px}.btn-back{color:var(--primary);background:0 0;padding:6px 0}.btn-sm{padding:5px 10px;font-size:.82rem}.btn-primary:hover,.btn-danger:hover{opacity:.88}.btn-secondary:hover{background:var(--grey-400);color:var(--white)}.btn-primary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s;display:flex}.card:hover{box-shadow:var(--shadow-lg)}.card-inactive{opacity:.55}.card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-header h2{color:var(--primary-dark);font-size:1.1rem}.card-icon{font-size:2rem}.card-detail{color:var(--grey-400);font-size:.9rem}.card-notas{font-style:italic}.card-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:8px;display:grid}.dashboard-cards .card{text-align:center;padding:32px 20px}.dashboard-cards h2{color:var(--primary-dark);margin:8px 0 4px;font-size:1.15rem}.dashboard-cards p{color:var(--grey-400);margin-bottom:16px;font-size:.9rem}.cuidadores-list{flex-wrap:wrap;align-items:center;gap:6px;font-size:.88rem;display:flex}.badge-cuidador{background:var(--primary-light);color:var(--primary-dark);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.82rem;display:inline-flex}.btn-remove{color:var(--primary-dark);opacity:.6;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1}.btn-remove:hover{opacity:1}.intervalos-list{flex-direction:column;gap:12px;display:flex}.intervalo-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.intervalo-header{align-items:center;gap:8px;display:flex}.intervalo-nombre{color:var(--primary-dark);font-size:1.05rem;font-weight:700}.intervalo-horario{align-items:center;gap:10px;font-size:1rem;display:flex}.hora{color:var(--primary);font-size:1.1rem;font-weight:600}.flecha{color:var(--grey-400)}.duracion{color:var(--grey-400);font-size:.88rem}.intervalo-margen{color:var(--accent);font-size:.85rem}.duracion-preview{background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius);padding:8px 12px;font-size:.9rem;font-weight:600}.table-container{overflow-x:auto}.table{border-collapse:collapse;background:var(--white);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.table th{background:var(--primary-dark);color:var(--white);text-align:left;white-space:nowrap;padding:12px 16px;font-size:.88rem;font-weight:600}.table td{border-bottom:1px solid var(--grey-200);padding:11px 16px;font-size:.92rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--grey-100)}.row-inactive td{opacity:.5}.table-actions{gap:6px;display:flex}.badge{border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:600}.badge-admin{color:#6b21a8;background:#f0e6ff}.badge-editor{color:#0369a1;background:#e6f4ff}.badge-participant{color:#2e6b33;background:#e8f5e9}.badge-lector{background:var(--grey-200);color:var(--grey-700)}.badge-active{color:#065f46;background:#d1fae5;border-radius:99px;padding:3px 10px;font-size:.8rem}.badge-inactive{background:var(--danger-light);color:var(--danger);border-radius:99px;padding:3px 10px;font-size:.8rem}.badge-soon{background:var(--grey-200);color:var(--grey-400);border-radius:99px;padding:4px 12px;font-size:.82rem}.form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-group label{color:var(--primary-dark);font-size:.88rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);max-height:90vh;padding:28px;overflow-y:auto}.modal h2{color:var(--primary-dark);margin-bottom:20px;font-size:1.2rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.login-container{background:var(--primary-dark);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--white);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px}.login-card h1{color:var(--primary-dark);text-align:center;margin-bottom:4px;font-size:2rem}.login-subtitle{text-align:center;color:var(--grey-400);margin-bottom:28px;font-size:.95rem}.login-card .btn-primary{justify-content:center;width:100%;margin-top:4px;padding:11px;font-size:1rem}.loading{text-align:center;color:var(--grey-400);padding:60px;font-size:1.1rem}.empty{text-align:center;color:var(--grey-400);padding:40px}.empty-small{color:var(--grey-400);font-size:.88rem}.error-msg{background:var(--danger-light);color:var(--danger);border-radius:var(--radius);margin-bottom:12px;padding:10px 14px;font-size:.9rem}.navbar-hamburger{color:var(--white);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:6px 8px;font-size:1.4rem;line-height:1;display:none}.navbar-mobile-menu{background:var(--primary-dark);box-shadow:var(--shadow);z-index:200;flex-direction:column;padding:8px 0 12px;display:none;position:relative}.navbar-mobile-menu a{color:#ffffffd9;border-left:3px solid #0000;padding:12px 24px;font-size:1rem;display:block}.navbar-mobile-menu a:hover,.navbar-mobile-menu a.active{color:var(--white);border-left-color:var(--white);background:#ffffff1a}.mobile-menu-user{color:var(--white);border-top:1px solid #ffffff26;align-items:center;gap:10px;margin-top:6px;padding:12px 24px;font-size:.9rem;display:flex}@media (width<=640px){.navbar{gap:0;padding:0 16px}.navbar-links,.navbar-user{display:none}.navbar-hamburger{display:block}.navbar-mobile-menu{display:flex}.main-content{padding:12px}.form-row,.cards-grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;max-height:90dvh;padding:20px 16px;overflow-y:auto}.modal-wide{width:100%;max-width:100%}}.vista-toggle{gap:6px;display:flex}.familiar-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab{border:1.5px solid var(--grey-200);background:var(--white);color:var(--grey-700);cursor:pointer;border-radius:99px;padding:6px 16px;font-size:.9rem;transition:all .15s}.tab:hover{border-color:var(--primary);color:var(--primary)}.tab-active{border:1.5px solid var(--primary);background:var(--primary);color:var(--white);cursor:pointer;border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:600}.leyenda{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.leyenda-item{color:var(--grey-700);align-items:center;gap:6px;font-size:.85rem;display:flex}.leyenda-color{border-radius:3px;flex-shrink:0;width:14px;height:14px}.calendar-wrapper{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.calendar-loading{text-align:center;color:var(--grey-400);margin-bottom:8px;padding:8px;font-size:.9rem}.fc .fc-button-primary{background:var(--primary)!important;border-color:var(--primary)!important}.fc .fc-button-primary:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.fc .fc-button-primary:not(:disabled):active,.fc .fc-button-primary.fc-button-active{background:var(--primary-dark)!important}.fc .fc-toolbar-title{color:var(--primary-dark);font-size:1.1rem;font-weight:700}.fc .fc-col-header-cell-cushion{color:var(--primary-dark);font-size:.88rem;font-weight:600}.fc .fc-daygrid-day-number{color:var(--grey-700);font-size:.85rem}.fc .fc-day-today{background:var(--primary-light)!important}.fc-event-custom{cursor:pointer;border-radius:4px!important;padding:1px 4px!important;font-size:.78rem!important}.fc-event-custom:hover{opacity:.85}.fc-day-other .fc-event-custom{opacity:.35}.fc-event-saltado{opacity:.8;cursor:default!important;color:#555!important;background:0 0!important;border:1px solid #999!important;border-radius:3px!important;font-size:.72rem!important}.modal-fecha{color:var(--grey-400);margin-left:6px;font-size:.9rem;font-weight:400}.modal-horario{color:var(--primary);margin-bottom:16px;font-size:.95rem;font-weight:600}.info-msg{background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius);padding:10px 14px;font-size:.9rem}.modal-wide{max-width:600px}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-header h2{color:var(--primary-dark);margin:0;font-size:1.2rem}.btn-close{color:var(--grey-400);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.3rem;line-height:1}.btn-close:hover{color:var(--grey-700)}.source-badge{margin-bottom:12px}.badge-excepcion{color:#92400e;background:#fef3c7;border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:600}.badge-plantilla{background:var(--grey-200);color:var(--grey-700);border-radius:99px;padding:4px 12px;font-size:.82rem}.exc-form{border-top:1.5px solid var(--grey-200);margin-top:8px;padding-top:16px}.exc-form h3{color:var(--primary-dark);margin-bottom:12px;font-size:1rem}.conflict-box{border-radius:var(--radius);background:#fef3c7;border:1.5px solid #f59e0b;margin-top:16px;padding:16px}.conflict-box h3{color:#92400e;margin-bottom:10px;font-size:1rem}.conflict-box p{color:#92400e;margin-bottom:4px;font-size:.9rem;font-weight:600}.conflict-box ul{color:var(--grey-700);margin:4px 0 12px 16px;font-size:.88rem}.huerfanos-warning{background:var(--danger-light);border-radius:var(--radius);margin-top:8px;padding:10px 12px}.huerfanos-warning p,.huerfanos-warning ul{color:var(--danger)!important}.lock-acquiring{text-align:center;color:var(--grey-400);padding:20px;font-size:.95rem}.lock-spinner{margin-right:8px;font-size:1.3rem}.lock-blocked{text-align:center;padding:24px}.lock-blocked-icon{margin-bottom:12px;font-size:2.5rem}.lock-blocked h3{color:var(--primary-dark);margin-bottom:8px;font-size:1.1rem}.lock-blocked p{color:var(--grey-700);margin-bottom:6px;font-size:.92rem}.lock-polling-msg{color:var(--grey-400);font-size:.85rem;font-style:italic}.lock-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.lock-available{text-align:center;color:var(--accent);padding:20px;font-size:.95rem}.intercambio-banner{border-radius:var(--radius);background:#fef3c7;border:1.5px solid #f59e0b;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.intercambio-info{color:#92400e;flex-direction:column;flex:1;gap:4px;font-size:.92rem;display:flex}.intercambio-origen{color:#78350f;font-size:.82rem;font-style:italic}.intercambio-error{color:var(--danger);margin-top:4px;font-size:.85rem}.intercambio-ok{color:#065f46;border-radius:var(--radius);background:#d1fae5;margin-bottom:16px;padding:10px 16px;font-size:.92rem;font-weight:600}.modelo-options{flex-direction:column;gap:8px;margin-top:4px;display:flex}.modelo-option{border:1.5px solid var(--grey-200);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s;display:flex}.modelo-option:hover{border-color:var(--primary)}.modelo-option.selected{border-color:var(--primary);background:var(--primary-light)}.modelo-option strong{color:var(--primary-dark);font-size:.95rem}.modelo-option span{color:var(--grey-400);font-size:.82rem}.relleno-preview{border-top:1.5px solid var(--grey-200);margin-top:16px;padding-top:16px}.relleno-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.stat{background:var(--grey-100);color:var(--grey-700);border-radius:99px;padding:6px 14px;font-size:.88rem}.stat-warn{color:#92400e;background:#fef3c7}.relleno-tabla-wrapper{max-height:300px;margin-bottom:16px;overflow-y:auto}.row-conflict td{opacity:.55}.badge-editor{color:#0369a1;background:#e6f4ff;border-radius:99px;padding:3px 10px;font-size:.8rem}.form-hint{color:var(--grey-400);margin-bottom:8px;font-size:.82rem}.cuidadores-orden{flex-direction:column;gap:6px;display:flex}.cuidador-orden-item{background:var(--grey-100);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 12px;display:flex}.orden-num{color:var(--primary);min-width:20px;font-weight:700}.orden-nombre{flex:1;font-size:.92rem}.orden-btns{gap:4px;display:flex}.btn-orden{background:var(--white);border:1.5px solid var(--grey-200);cursor:pointer;border-radius:4px;width:28px;height:28px;font-size:.9rem;transition:all .15s}.btn-orden:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-orden:disabled{opacity:.3;cursor:not-allowed}.indisp-section{background:var(--white);border:1.5px solid var(--grey-200);border-radius:var(--radius);margin-bottom:24px;padding:20px 24px}.indisp-section-title{color:var(--primary-dark);margin-bottom:16px;font-size:1.1rem;font-weight:700}.indisp-form{background:var(--grey-100);border-radius:var(--radius);margin-bottom:16px;padding:16px}.indisp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.indisp-item{background:var(--grey-100);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.indisp-fecha{color:var(--primary-dark);min-width:120px;font-weight:600}.indisp-horario{color:var(--grey-400);font-size:.88rem}.indisp-motivo{color:var(--grey-400);flex:1;font-size:.88rem;font-style:italic}.indisp-item .btn-danger{margin-left:auto}.indisp-empty{color:var(--grey-400);margin:0;font-size:.9rem;font-style:italic}.metricas-filtros{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.metricas-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}@media (width<=700px){.metricas-grid{grid-template-columns:1fr}}.metricas-card{background:var(--white);border:1.5px solid var(--grey-200);border-radius:var(--radius);padding:20px 24px}.metricas-card h2{color:var(--primary-dark);margin-bottom:14px;font-size:1rem;font-weight:700}.cobertura-porcentaje{color:var(--primary);margin-bottom:10px;font-size:3rem;font-weight:800;line-height:1}.cobertura-pct-sym{font-size:1.5rem;font-weight:600}.cobertura-barra-wrap{background:var(--grey-200);border-radius:99px;height:10px;margin-bottom:10px;overflow:hidden}.cobertura-barra-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.cobertura-detalle{color:var(--grey-400);flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex}.cobertura-warn{color:var(--danger);font-weight:600}.carga-barra-wrap{align-items:center;gap:8px;min-width:120px;display:flex}.carga-barra-fill{background:var(--primary);border-radius:99px;flex-shrink:0;height:8px;transition:width .4s}.carga-pct{color:var(--grey-400);white-space:nowrap;font-size:.82rem}.grafico-barras{align-items:flex-end;gap:8px;height:160px;padding-bottom:4px;display:flex;overflow-x:auto}.grafico-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:52px;display:flex}.grafico-barras-stack{border-radius:4px 4px 0 0;flex-direction:column-reverse;flex:1;width:32px;display:flex;overflow:hidden}.grafico-bar-cub{background:var(--accent);transition:height .3s}.grafico-bar-sin{background:var(--danger-light);transition:height .3s}.grafico-label{color:var(--grey-400);text-align:center;white-space:nowrap;font-size:.72rem}.grafico-total{color:var(--grey-400);font-size:.75rem;font-weight:600}.grafico-leyenda{gap:16px;margin-top:12px;font-size:.82rem;display:flex}.leyenda-cub:before{content:"■ ";color:var(--accent)}.leyenda-sin:before{content:"■ ";color:var(--danger-light)}.compartir-checks{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.compartir-check-item{background:var(--grey-100);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;display:flex}.compartir-check-item input{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}