:root{--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--danger: #ef4444}:root,[data-tema=azul]{--bg: #0f1419;--surface: #1a2332;--border: #2d3a4f;--text: #e8edf4;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--on-accent: #fff;--link: var(--accent);--brand-bg: linear-gradient(135deg, #3b82f6, #6366f1);--hoy-bg: #1e3a5f;--hoy-text: #fff;--col-hover: #223044;--linea-perros: rgba(255, 255, 255, .35)}[data-tema=mascot]{--bg: #2b241e;--surface: #d6b49b;--border: #d6b49b;--text: #d6b49b;--muted: #d6b49b;--accent: #0f6139;--accent-hover: #0f6139;--on-accent: #d6b49b;--link: #d6b49b;--brand-bg: #0f6139;--hoy-bg: #0f6139;--hoy-text: #d6b49b;--col-hover: #d6b49b;--linea-perros: #d6b49b}[data-tema=mascot] a{text-decoration:underline}[data-tema=mascot] :is(.topbar,.login-card,.modal,.buscador-lista,.nota-tarjeta,.cal-grid){--bg: #d6b49b;--border: #2b241e;--text: #000000;--muted: #000000;--link: #0f6139;color:var(--text)}[data-tema=mascot] :is(.topbar,.login-card,.modal,.buscador-lista,.nota-tarjeta,.cal-grid) a{text-decoration:none}[data-tema=mascot] .cal-cita{--text: var(--on-accent);--muted: var(--on-accent)}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--link);text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none}.brand-mark{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--brand-bg);color:var(--on-accent);border-radius:8px;font-weight:700;font-size:.85rem}.topbar-izq{display:flex;align-items:center;gap:.75rem}.btn-tema{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.2rem .55rem;font:inherit;font-size:.75rem;cursor:pointer}.brand strong{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:400}.brand small{color:var(--muted);font-size:.75rem}.topnav{display:flex;align-items:center;gap:1rem}.user-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;background:var(--brand-bg);border-radius:6px;font-weight:600;font-size:.8rem;color:var(--on-accent)}.muted{color:var(--muted);margin:0}.main-content{padding:2rem 1.5rem;flex:1}.home-empty h1{font-family:var(--serif);font-weight:400;margin:0 0 .5rem}.login-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.login-card h1{margin-bottom:.25rem}.login-card label{display:block;margin-top:1rem;font-size:.875rem;color:var(--muted)}.login-card input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.btn-primary,.btn-ghost{padding:.55rem 1rem;border-radius:8px;font:inherit;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:var(--on-accent);margin-top:1.25rem;width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-inline{width:auto;margin-top:0}.nav-link{color:var(--text);font-size:.9rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head h1,.ficha h1{font-family:var(--serif);font-weight:400;margin:0}.page-head-titulo{display:flex;align-items:center;gap:.75rem}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.fila-buscar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.fila-buscar .buscador{flex:1;min-width:12rem}.buscador{position:relative;min-width:14rem}.buscador input,.ficha input,.ficha select,.ficha textarea,.editor-form input,.editor-form select,.editor-form textarea,.nota-form textarea,.main-content>label input{display:block;width:100%;margin-top:.35rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.buscador-lista{position:absolute;z-index:20;left:0;right:0;margin:.25rem 0 0;padding:.25rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:16rem;overflow:auto}.buscador-lista.estatico{position:static}.buscador-lista a,.buscador-lista button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font:inherit;padding:.45rem .6rem;cursor:pointer;border-radius:6px}.buscador-lista a:hover,.buscador-lista button:hover{background:var(--bg)}.cal-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cal-dia{grid-template-columns:4.5rem 1fr}.cal-semana{grid-template-columns:4.5rem repeat(7,1fr)}.cal-semana-lv{grid-template-columns:4.5rem repeat(5,1fr)}.cal-corner,.cal-dia-head,.cal-horas,.cal-dia-col{background:var(--surface)}.cal-dia-head,.cal-hora{padding:.45rem .5rem;font-size:.8rem;color:var(--muted)}.cal-hora{height:3.2rem;box-sizing:border-box;padding-top:.15rem}.cal-dia-head.hoy{color:var(--hoy-text);background:var(--hoy-bg)}.cal-dia-col{position:relative;cursor:pointer}.cal-dia-col:hover{background:var(--col-hover)}.cal-linea{position:absolute;left:0;right:0;border-top:1px solid var(--border);pointer-events:none}.cal-cita{position:absolute;z-index:1;overflow:hidden;box-sizing:border-box;min-height:1.4rem;border:none;text-align:left;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:.15rem .35rem;font-size:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.cal-cita-activa{z-index:3;pointer-events:none;cursor:grabbing}.cal-cita .ficha-tres+.ficha-tres{position:relative;margin-top:.7rem;padding-top:.35rem}.cal-cita .ficha-tres+.ficha-tres:before{content:"";position:absolute;top:0;left:50%;width:42%;height:1px;background:var(--linea-perros);transform:translate(-50%)}.cal-cita .ficha-tres+.ficha-tres:after{content:"";position:absolute;top:0;left:50%;width:5px;height:5px;border-radius:50%;background:var(--linea-perros);transform:translate(-50%,-40%)}.cal-sin-marca .ficha-tres+.ficha-tres{margin-top:0;padding-top:0}.cal-sin-marca .ficha-tres+.ficha-tres:before,.cal-sin-marca .ficha-tres+.ficha-tres:after{display:none}.cal-estirar{position:absolute;left:0;right:0;bottom:0;z-index:2;height:8px;cursor:ns-resize}.ficha-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.ficha-tres p{margin:.15rem 0}.ficha-tres.reducida{gap:.35rem;font-size:.68rem;line-height:1.15}.ficha-tres.reducida .ficha-vacio{opacity:.85}.ficha-bloque{margin-top:1.75rem}.ficha-bloque-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.widget-lista{list-style:none;padding:0;margin:.75rem 0}.cuenta-fila{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);padding:.7rem 0;cursor:pointer;font:inherit}.widget-fila{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--border)}.widget-fila-datos{flex:1}.widget-fila-acciones{display:flex;gap:.35rem;align-items:center}.widget-marca{color:#4ade80}.widget-fila-meta{font-size:.85rem}.suma-pie{font-weight:600}.btn-icon{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.3rem .45rem;cursor:pointer;position:relative}.btn-alta{background:var(--accent);color:var(--on-accent);border-color:transparent}.btn-alta:hover{background:var(--accent-hover)}.nota-widget{position:relative;display:inline-flex}.nota-boton{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.35rem .5rem;cursor:pointer;position:relative}.nota-insignia{position:absolute;top:-.4rem;right:-.4rem;min-width:1.15rem;height:1.15rem;padding:0 .28rem;font-size:.7rem;line-height:1.15rem;text-align:center;background:var(--accent);color:var(--on-accent);border-radius:999px}.nota-tarjeta{display:none;position:absolute;top:calc(100% + .4rem);left:0;z-index:35;width:16rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem;box-shadow:0 8px 24px #00000059}.nota-widget:hover .nota-tarjeta,.nota-widget:focus-within .nota-tarjeta{display:block}.nota-widget.nota-abierto .nota-tarjeta{display:none}.nota-tarjeta-titulo{margin:0 0 .5rem;font-weight:600}.nota-tarjeta-linea{display:flex;justify-content:space-between;gap:.5rem;margin:.35rem 0 0;font-size:.85rem}.nota-tarjeta-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nota-ventana-barra{display:flex;justify-content:flex-end;gap:.35rem;margin:.5rem 0 .75rem}.nota-fila{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.nota-fila p{margin:0;flex:1}.nota-fila-iconos{display:flex;gap:.25rem;flex-shrink:0}.cita-ventana-lado .nota-en-linea{flex:0 1 auto;margin-left:auto;max-width:45%;min-width:0}.cita-ventana-lado .nota-en-linea .nota-ventana-barra{justify-content:flex-end}.ficha-fecha-notas .nota-en-linea{width:100%;min-width:0}.ficha-fecha-notas .nota-fila p{overflow-wrap:anywhere}.nota-en-linea .nota-ventana-barra{justify-content:space-between;align-items:center}.nota-en-linea-titulo{margin:0;font-weight:600}.nota-en-linea .nota-lista:empty{display:none}.nota-hecha p{color:var(--muted)}.nota-tachada p{text-decoration:line-through;color:var(--muted)}.badge-count{font-size:.7rem;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:0 .35rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:40;padding:1rem}.modal{width:min(36rem,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.modal.modal-calendario{width:min(52rem,100%)}.cita-ventana-dos{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem}.cita-ventana-dos h3,.cita-ventana-previas h3{margin:0 0 .5rem;font-size:1rem}.cita-ventana-lado{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.cita-ventana-previas{margin-top:1.25rem}.cita-previa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:.45rem 0;cursor:pointer;font:inherit}.cita-previa-notas{margin-left:auto;text-align:right;color:var(--muted);max-width:60%}.cita-ventana-la-cita{margin-top:1.25rem}.cita-ventana-la-cita h3{margin:0 0 .5rem;font-size:1rem}.ficha-obs-cabeza{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ficha-fecha{font:inherit;color:inherit;background:transparent;border:none;border-bottom:1px solid var(--border);padding:0 0 .15rem;margin:.15rem 0 .35rem}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head-solo{justify-content:flex-end}.modal-arrastra .modal-head{cursor:grab;touch-action:none}.modal-arrastra .modal-head .btn-icon{cursor:pointer;touch-action:auto}.modal h2{margin:0;font-family:var(--serif);font-weight:400}.nota-lista{list-style:none;padding:0}.nota-lista li{border-bottom:1px solid var(--border);padding:.6rem 0}.editor-form label,.ficha fieldset{display:block;margin-top:.85rem;font-size:.875rem;color:var(--muted)}.ficha fieldset{border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem 1rem}.form-acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.contacto-fila{display:grid;grid-template-columns:6rem 1fr 1fr;gap:.5rem;align-items:center;margin-top:.5rem}@media(max-width:720px){.topbar{flex-wrap:wrap}.contacto-fila{grid-template-columns:1fr}.cal-semana{grid-template-columns:3rem repeat(7,minmax(4rem,1fr));overflow-x:auto}.cal-semana-lv{grid-template-columns:3rem repeat(5,minmax(4rem,1fr));overflow-x:auto}.ficha-tres:not(.reducida){grid-template-columns:1fr}.cita-ventana-dos{grid-template-columns:1fr}}.btn-ghost{background:transparent;color:var(--muted)}.error-banner{background:#ef444426;border:1px solid var(--danger);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}