:root{--rosa:#b3306b;--rosa-claro:#fde7f0;--rosa-borde:#f3c2d6;--tinta:#2b2130;--tinta-suave:#6f6577;--fondo:#fdf8fa;--superficie:#fff;--borde:#ece2e8;--ok:#1f7a4d;--ok-fondo:#e4f6ec;--error:#b3261e;--error-fondo:#fdecea;--aviso:#8a5a00;--aviso-fondo:#fdf3dd;--radio:12px;--sombra:0 1px 2px #2b21300f, 0 8px 24px #2b21300f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--tinta);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body.sin-scroll{overflow:hidden}h1,h2,h3{margin:0 0 .4rem;line-height:1.25}h1{font-size:1.35rem}h2{font-size:1.1rem}p{margin:0 0 .6rem}.app{flex-direction:column;min-height:100dvh;display:flex}.cabecera{background:var(--superficie);border-bottom:1px solid var(--borde);z-index:20;position:sticky;top:0}.cabecera__fila{justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.marca{letter-spacing:.14em;color:var(--rosa);font-size:1.05rem;font-weight:800}.usuario{align-items:center;gap:.5rem;min-width:0;display:flex}.usuario__nombre{color:var(--tinta-suave);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:.85rem;overflow:hidden}.etiqueta-rol{text-transform:uppercase;letter-spacing:.06em;background:var(--rosa-claro);color:var(--rosa);border:1px solid var(--rosa-borde);border-radius:999px;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.nav{scrollbar-width:none;gap:.25rem;padding:0 .5rem .5rem;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav__item{color:var(--tinta-suave);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:.45rem .8rem;font-size:.9rem;font-weight:600}.nav__item:hover{background:var(--rosa-claro)}.nav__item[aria-current=page]{background:var(--rosa);color:#fff}.contenido{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1rem 1rem 3rem}.pantalla-centrada{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1rem}.tarjeta+.tarjeta{margin-top:1rem}.tarjeta--acceso{width:100%;max-width:380px;padding:1.5rem}.encabezado-pantalla{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.encabezado-pantalla p{color:var(--tinta-suave);margin:0;font-size:.9rem}.campo{margin-bottom:.85rem}.campo__etiqueta{margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.campo__requerido{color:var(--rosa)}.campo__ayuda{color:var(--tinta-suave);margin:.3rem 0 0;font-size:.78rem}input,select,textarea{width:100%;font:inherit;color:inherit;background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:.6rem .7rem;font-size:1rem}textarea{resize:vertical;min-height:80px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}input[type=checkbox]{width:auto}.campo--inline{align-items:center;gap:.5rem;display:flex}.fila{grid-template-columns:1fr;gap:0 .75rem;display:grid}@media (width>=560px){.fila--2{grid-template-columns:1fr 1fr}}.acciones{flex-wrap:wrap;gap:.5rem;display:flex}.acciones--final{justify-content:flex-end;margin-top:1rem}.boton{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:.55rem .9rem;font-size:.92rem;font-weight:600}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--primario{background:var(--rosa);color:#fff}.boton--primario:not(:disabled):hover{background:#99275a}.boton--secundario{background:var(--superficie);border-color:var(--borde);color:var(--tinta)}.boton--secundario:not(:disabled):hover{background:var(--rosa-claro)}.boton--peligro{background:var(--superficie);color:var(--error);border-color:#e7b8b5}.boton--peligro:not(:disabled):hover{background:var(--error-fondo)}.boton--texto{color:var(--rosa);background:0 0;padding:.35rem .4rem}.boton--bloque{width:100%}.boton--pequeno{padding:.35rem .6rem;font-size:.82rem}.aviso{border:1px solid #0000;border-radius:10px;margin:0 0 .8rem;padding:.6rem .75rem;font-size:.9rem}.aviso--error{background:var(--error-fondo);color:var(--error);border-color:#f0c4c0}.aviso--ok{background:var(--ok-fondo);color:var(--ok);border-color:#bfe4cf}.aviso--info{background:var(--rosa-claro);color:var(--rosa);border-color:var(--rosa-borde)}.aviso--atencion{background:var(--aviso-fondo);color:var(--aviso);border-color:#ecd9a7}.cargando{color:var(--tinta-suave);align-items:center;gap:.5rem;padding:1rem 0;font-size:.9rem;display:flex}.cargando__punto{background:var(--rosa);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite latir}@keyframes latir{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.vacio{text-align:center;color:var(--tinta-suave);padding:1.5rem .5rem;font-size:.92rem}.lista{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.item{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.8rem;display:flex}.item__datos{flex:220px;min-width:0}.item__titulo{margin:0 0 .15rem;font-weight:700}.item__detalle{color:var(--tinta-suave);overflow-wrap:anywhere;margin:0;font-size:.85rem}.item__acciones{flex-wrap:wrap;gap:.35rem;display:flex}.buscador{margin-bottom:.9rem;position:relative}.selector-dia{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.selector-dia input{flex:1}.horas{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.4rem;display:grid}.hora{font:inherit;border:1px solid var(--rosa-borde);background:var(--rosa-claro);color:var(--rosa);cursor:pointer;border-radius:10px;padding:.5rem .25rem;font-size:.9rem;font-weight:600}.hora:hover{background:#fbd6e5}.hora[aria-pressed=true]{background:var(--rosa);border-color:var(--rosa);color:#fff}.cita{background:var(--superficie);border:1px solid var(--borde);border-left:4px solid var(--rosa);border-radius:var(--radio);flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.cita--cancelada{opacity:.7;border-left-color:#c9c1cd}.cita--completada{border-left-color:var(--ok)}.cita--no_asistio{border-left-color:var(--aviso)}.cita__hora{font-variant-numeric:tabular-nums;min-width:5.2rem;font-weight:700}.cita__rango{color:var(--tinta-suave);font-size:.78rem;font-weight:500;display:block}.cita__datos{flex:180px;min-width:0}.insignia{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--borde);color:var(--tinta-suave);background:#f4f0f5;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.insignia--programada{background:var(--rosa-claro);color:var(--rosa);border-color:var(--rosa-borde)}.insignia--completada{background:var(--ok-fondo);color:var(--ok);border-color:#bfe4cf}.insignia--no_asistio{background:var(--aviso-fondo);color:var(--aviso);border-color:#ecd9a7}.modal__fondo{z-index:50;background:#2b213073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:92dvh;display:flex}.modal__cabecera{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem;display:flex}.modal__cabecera h2{margin:0;font-size:1.05rem}.modal__cerrar{color:var(--tinta-suave);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.6rem;line-height:1}.modal__cuerpo{padding:1rem;overflow-y:auto}@media (width>=640px){.modal__fondo{align-items:center;padding:1.5rem}.modal{border-radius:16px;max-width:520px}.modal--ancho{max-width:680px}}.silencio{color:var(--tinta-suave);font-size:.85rem}.pila{flex-direction:column;gap:.5rem;display:flex}.separador{border:none;border-top:1px solid var(--borde);margin:1rem 0}