:root{--tinta:#3B3350;--texto:#4A4458;--suave:#766F85;--turquesa:#2BA7AE;--turquesa-osc:#1E7F86;--lila:#BF8CFA;--lila-claro:#EBDDFB;--rosa:#FDF0FB;--violeta:#7B3FE4;--rojo:#a12b2b}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Raleway",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;background:#F7F2FC;color:var(--texto);font-size:15.5px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--violeta)}
h1{color:var(--tinta);font-size:26px;line-height:1.2;margin-bottom:4px}
h2{color:var(--tinta);font-size:18px;margin-bottom:12px}
.sub{color:var(--suave);margin-bottom:20px}
.nota{color:var(--suave);font-size:13.5px}
code.clave{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;background:#fff;border:1.5px dashed var(--violeta);border-radius:8px;padding:3px 10px;color:var(--tinta);user-select:all}
:focus-visible{outline:3px solid var(--violeta);outline-offset:2px;border-radius:6px}

.barra{background:var(--tinta);color:#fff}
.barra-in{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.marca,.login-marca{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}
.marca img{height:24px;filter:brightness(0) invert(1)}
.marca .sep,.login-marca .sep{width:1px;height:22px;background:rgba(255,255,255,.35)}
.marca span:last-child,.login-marca span:last-child{font-size:12px;line-height:1;letter-spacing:.04em}
.barra nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.barra nav a,.salir button{color:rgba(255,255,255,.85);text-decoration:none;font:inherit;font-weight:600;font-size:14.5px;padding:7px 12px;border-radius:9px;background:none;border:0;cursor:pointer}
.barra nav a:hover,.salir button:hover{background:rgba(255,255,255,.1);color:#fff}
.barra nav a[aria-current="page"]{background:var(--violeta);color:#fff}

.contenido{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:28px 20px 48px}
.pie{text-align:center;color:var(--suave);font-size:13px;padding:18px}

.tarjeta{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 14px 30px -26px rgba(59,51,80,.6)}
.tarjeta.angosta{max-width:460px;margin:20px auto}
.tarjeta.centro{text-align:center}
.tarjeta.proximo{background:var(--lila-claro)}
.inactivo{opacity:.55}

.form{display:grid;gap:7px}
.form label{font-weight:700;font-size:13.5px;color:var(--tinta);margin-top:6px}
.form input,.form select{font:inherit;padding:11px 13px;border-radius:11px;border:1.5px solid #ddd3ea;background:#fff;width:100%}
.form input:focus,.form select:focus{outline:none;border-color:var(--violeta);box-shadow:0 0 0 3px rgba(123,63,228,.18)}
.form .btn{margin-top:12px;justify-content:center}
.form-ancho{max-width:720px}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dos-col>div{display:grid;gap:7px}
.checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:2px 0 6px}
.form .check,.check{font-weight:500;font-size:14.5px;color:var(--texto);display:flex;align-items:center;gap:6px;margin:0}
.check input{width:auto}
[hidden]{display:none!important}

.btn{display:inline-flex;align-items:center;gap:6px;background:var(--violeta);color:#fff;border:2px solid var(--violeta);border-radius:999px;padding:10px 20px;font:inherit;font-weight:700;font-size:14.5px;text-decoration:none;cursor:pointer}
.btn:hover{background:#6430c4;border-color:#6430c4}
.btn-borde{background:#fff;color:var(--tinta);border-color:#ddd3ea}
.btn-borde:hover{background:var(--lila-claro);border-color:var(--lila);color:var(--tinta)}
.btn-sm{padding:6px 12px;font-size:13px}
.fila-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
.fila-btns form{display:inline}

.aviso{border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14.5px}
.aviso-ok{background:#dcf5e3;color:#1f5f33}
.aviso-error{background:#fde2e2;color:var(--rojo)}

.pill{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--lila-claro);color:var(--violeta);white-space:nowrap}
.pill-serv{background:#dff3f4;color:var(--turquesa-osc)}
.pill-gris{background:#eee;color:#555}
.pill-ok{background:#dcf5e3;color:#1f7a3d}
.pill-rol-admin{background:var(--violeta);color:#fff}
.pill-rol-cliente{background:#fff1d9;color:#8a5a00}

.grid-clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cliente{border:1.5px solid #efe6f9;border-radius:14px;padding:14px;display:grid;gap:8px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
a.cliente:hover{border-color:var(--lila);box-shadow:0 10px 24px -18px rgba(123,63,228,.6)}
.cliente .ver{font-weight:700;font-size:13.5px;color:var(--violeta)}
.cliente-top{display:flex;gap:10px;align-items:center}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--lila-claro);color:var(--violeta);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.grid-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}
.cliente-edit{display:grid;gap:6px;margin:0}
.cliente-edit label{font-weight:700;font-size:13px;color:var(--tinta);margin-top:4px}
.cliente-edit input[name="nombre"],.cliente-edit input[name="nota"]{font:inherit;padding:9px 12px;border-radius:10px;border:1.5px solid #ddd3ea}
.cliente-edit .btn{justify-self:start;margin-top:6px}
.linea{padding:8px 0;border-top:1px solid #f0e8f8;font-size:14.5px}
.linea:first-of-type{border-top:0}

.tabla-w{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:left;font-size:12.5px;color:var(--suave);padding:10px;background:#faf6fe}
td{padding:10px;border-top:1px solid #f0e8f8;vertical-align:middle}
td.acciones{display:flex;flex-wrap:wrap;gap:6px}
td.acciones form{display:inline}

.login-fondo{min-height:calc(100vh - 120px);display:grid;place-items:center;background:url(fondo-portada.jpg) center/cover;border-radius:22px;padding:24px}
.tarjeta.login{width:100%;max-width:420px;margin:0}
.login-marca{color:var(--tinta);margin-bottom:16px}
.login-marca img{height:26px}
.login-marca .sep{background:#d8d1e3}
.login .nota{margin-top:10px;text-align:center}

@media (max-width:640px){
  .dos-col{grid-template-columns:1fr}
  .contenido{padding:20px 14px 40px}
  .login-fondo{border-radius:0;padding:14px}
}

.cliente-cab{display:flex;gap:14px;align-items:center;margin:6px 0 16px}
.avatar.grande{width:56px;height:56px;font-size:18px}
.pestanas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:2px solid #eadff7;margin-bottom:14px}
.pestanas a{font-weight:700;font-size:14.5px;color:var(--suave);text-decoration:none;padding:10px 12px;border-bottom:3px solid transparent;margin-bottom:-2px}
.pestanas a[aria-current="page"]{color:var(--violeta);border-bottom-color:var(--violeta)}
.pestanas .pronto{margin-left:auto;font-size:12.5px;color:var(--suave)}
.marco-plan{width:100%;height:calc(100vh - 210px);min-height:560px;border:0;border-radius:16px;background:#fff;box-shadow:0 14px 30px -26px rgba(59,51,80,.6);display:block;margin-bottom:8px}

/* ===== Parte 3: tareas ===== */
.form textarea,.devolver textarea{font:inherit;padding:10px 12px;border-radius:11px;border:1.5px solid #ddd3ea;width:100%;resize:vertical}
.cab-pagina{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.filtros-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.filtros-form select{font:inherit;padding:8px 12px;border-radius:999px;border:1.5px solid #ddd3ea;background:#fff}
.tablero{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px;margin-bottom:18px}
.columna{background:#efe6f9;border-radius:16px;padding:12px;min-height:180px}
.columna h3{font-size:14px;color:var(--tinta);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.columna h3 span{background:#fff;border-radius:999px;padding:1px 9px;font-size:12px;color:var(--suave)}
.columna .vacia{text-align:center;padding:14px 0}
.tarea{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;display:grid;gap:7px;box-shadow:0 2px 6px -3px rgba(59,51,80,.25)}
.tarea.vencida{box-shadow:0 0 0 2px #f3b4b4}
.tarea b{color:var(--tinta);line-height:1.3}
.etiquetas{display:flex;flex-wrap:wrap;gap:5px}
.pill-rojo{background:#fde2e2;color:var(--rojo)}
.nota-roja{font-size:13px;color:var(--rojo);background:#fff4f4;border-radius:8px;padding:6px 8px}
.rojo{color:var(--rojo)}
.pie-tarea{display:flex;justify-content:space-between;align-items:center}
.avatar.mini{width:28px;height:28px;font-size:11px}
.acciones-tarea{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.acciones-tarea form{display:inline}
.btn-texto{background:none;border-color:transparent;color:var(--suave);padding-left:6px;padding-right:6px}
.btn-texto:hover{background:#fde2e2;border-color:#fde2e2;color:var(--rojo)}
details.devolver{width:100%}
details.devolver summary{list-style:none;display:inline-flex}
details.devolver summary::-webkit-details-marker{display:none}
details.devolver[open] form{display:grid;gap:6px;margin-top:8px}
.grid-seg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.seg-cab{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.seg-cab div{flex:1}
.seg-cab strong{font-size:22px;color:var(--violeta)}
.progreso{height:8px;background:#efe6f9;border-radius:999px;overflow:hidden;margin-bottom:12px}
.progreso i{display:block;height:100%;background:linear-gradient(90deg,var(--turquesa),var(--violeta));border-radius:999px}
.seg-n{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;text-align:center}
.seg-n span{background:#faf6fe;border-radius:10px;padding:8px 4px;font-size:11.5px;color:var(--suave)}
.seg-n b{display:block;font-size:18px;color:var(--tinta)}
.seg-n .mal{background:#fde2e2}
.seg-n .mal b{color:var(--rojo)}
.kpis{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.kpi{background:#faf6fe;border-radius:14px;padding:12px 16px;min-width:140px}
.kpi b{display:block;font-size:24px;color:var(--tinta);line-height:1.1}
.kpi span{font-size:13px;color:var(--suave)}
.kpi.mal{background:#fde2e2}
.kpi.mal b{color:var(--rojo)}
.fila-tarea{display:flex;gap:12px;align-items:flex-start}
.estado{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap;margin-top:2px}
.estado.e0{background:var(--lila-claro);color:var(--violeta)}
.estado.e1{background:#dff3f4;color:var(--turquesa-osc)}
.estado.e2{background:#fff1d9;color:#8a5a00}
.estado.e3{background:#dcf5e3;color:#1f7a3d}

/* ===== Parte 4: CRM ===== */
.filtros-form input[type="search"]{font:inherit;padding:8px 14px;border-radius:999px;border:1.5px solid #ddd3ea;background:#fff;min-width:260px}
.tablero.crm{grid-template-columns:repeat(8,minmax(210px,1fr))}
.negocio a{text-decoration:none}
.negocio a b:hover{color:var(--violeta)}
.mover select{font:inherit;font-size:13px;width:100%;padding:5px 8px;border-radius:8px;border:1.5px solid #e2d6f2;background:#faf6fe;color:var(--tinta)}
.alerta{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.a-vencido{background:#fde2e2;color:var(--rojo)}
.a-hoy{background:#fff1d9;color:#8a5a00}
.a-semana{background:#dff3f4;color:var(--turquesa-osc)}
.a-luego{background:#dcf5e3;color:#1f7a3d}
.a-sin{background:#eee;color:#555}
.dos-zonas{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}
.seg-item{display:grid;gap:3px}
.zona-archivo{border-top:1px solid #f0e8f8;margin-top:16px;padding-top:12px;display:grid;gap:8px}
.zona-archivo select{font:inherit;padding:8px 12px;border-radius:10px;border:1.5px solid #ddd3ea}
@media (max-width:900px){.dos-zonas{grid-template-columns:1fr}}
.monto{font-weight:800;color:#1f7a3d;font-size:14px}
.tarea.ganado{background:#f3fbf6;box-shadow:0 0 0 1.5px #bfe8cd}
.kpis.dinero .kpi{background:#f3fbf6}
.kpis.dinero .kpi.ok{background:#dcf5e3}
.kpis.dinero b{font-size:21px;color:#1f5f33}
.ver-mas{display:block;text-align:center;margin-top:6px;text-decoration:none;font-weight:700;color:var(--violeta)}
.crm-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}
.crm-layout .tablero{margin-bottom:0}
.crm-nuevo{position:sticky;top:12px;margin:0;padding:18px}
.crm-nuevo h2{margin-bottom:2px}
.crm-nuevo .form input,.crm-nuevo .form select,.crm-nuevo .form textarea{padding:9px 11px}
.una-col{display:grid;gap:7px}
.a-vencido{background:#fde2e2;color:var(--rojo);font-weight:800}
@media (max-width:900px){.crm-layout{grid-template-columns:1fr}.crm-nuevo{position:static}}

/* ===== Parte 5: carpetas ===== */
.grid-carpetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:12px}
.carpeta-tarjeta{background:#fff;border-radius:16px;padding:18px;display:grid;gap:6px;text-decoration:none;color:inherit;box-shadow:0 14px 30px -26px rgba(59,51,80,.6);border:1.5px solid #efe6f9}
a.carpeta-tarjeta:hover{border-color:var(--lila)}
.carpeta-tarjeta b{color:var(--tinta);font-size:16px}
.carpeta-tarjeta .ver{font-weight:700;font-size:13.5px;color:var(--violeta)}
.carpeta-tarjeta.inactiva{opacity:.6}
.ico-c::before{content:"📎";margin-right:6px}
.ic-carpeta::before{content:"📁"}
.ic-imagen::before{content:"🖼️"}
.ic-video::before{content:"🎬"}
.ic-pdf::before{content:"📄"}
.ic-doc::before{content:"📝"}
.ic-hoja::before{content:"📊"}
.ic-slides::before{content:"📽️"}
.ic-zip::before{content:"🗜️"}
.carpeta-tarjeta .ico-c{font-size:28px}
.migas{font-weight:700;color:var(--suave);margin-bottom:10px}
.migas a{text-decoration:none}
.zona-subir{border:2px dashed #d8c7f1;border-radius:16px;padding:14px 16px;margin-bottom:14px;background:#fbf8ff;transition:background .2s}
.zona-subir.encima{background:var(--lila-claro);border-color:var(--violeta)}
.subida{display:grid;grid-template-columns:minmax(0,1.2fr) 1fr auto;gap:10px;align-items:center;margin-top:8px;font-size:14px}
.subida .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.subida .progreso{margin:0}
.subida .e{font-size:12.5px;color:var(--suave);min-width:60px;text-align:right}
.subida.ok .e{color:#1f7a3d;font-weight:700}
.subida.mal .e{color:var(--rojo);font-weight:700}
table.archivos td:first-child{min-width:220px}
label.btn{cursor:pointer}

/* ===== Ajustes: tableros con barra de desplazamiento arriba ===== */
.tablero{transform:rotateX(180deg)}
.tablero>.columna{transform:rotateX(180deg)}
.tablero{scrollbar-width:auto;padding-bottom:0;padding-top:10px}
.tablero::-webkit-scrollbar{height:12px}
.tablero::-webkit-scrollbar-thumb{background:#c9b3ee;border-radius:999px}
.tablero::-webkit-scrollbar-track{background:#f1e9fb;border-radius:999px}
.crm-layout.sin-form{grid-template-columns:minmax(0,1fr)}
.barra nav a[href="/"]{color:#BF8CFA}

/* ===== Carpetas v2: branding en la página, contenido en Drive ===== */
.sub-pestanas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.sub-pestanas a{font-weight:700;font-size:14px;text-decoration:none;color:var(--tinta);background:#fff;border:1.5px solid #e2d6f2;border-radius:999px;padding:7px 14px}
.sub-pestanas a[aria-current="page"]{background:var(--violeta);border-color:var(--violeta);color:#fff}
.sub-pestanas a.refrescar{margin-left:auto;background:none;border:0;color:var(--suave);font-weight:600;font-size:13px}
.visor{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}
.lista-docs{margin:0;padding:12px;display:grid;gap:2px;position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto}
.doc-item{display:block;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--tinta);font-size:14px;font-weight:600;line-height:1.35}
.doc-item:hover{background:#faf6fe}
.doc-item.activo{background:var(--lila-claro);color:var(--violeta)}
.marco-drive{height:calc(100vh - 260px)}
@media (max-width:900px){.visor{grid-template-columns:1fr}.lista-docs{position:static;max-height:none}}

/* ===== Configurar cliente ===== */
.cliente-cab .config-btn{margin-left:auto}
dialog.modal{border:0;border-radius:20px;padding:22px;width:min(560px,94vw);box-shadow:0 30px 70px -20px rgba(59,51,80,.55)}
dialog.modal::backdrop{background:rgba(59,51,80,.45)}
.modal-cab{display:flex;justify-content:space-between;align-items:center}
.modal-cab h2{margin:0}

/* ===== Parte 6: claves ===== */
.clave{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-top:1px solid #f0e8f8;flex-wrap:wrap}
.clave:first-of-type{border-top:0}
.clave .t{display:grid;gap:3px;min-width:0}
.clave .t b{color:var(--tinta)}
.clave .t span{font-size:14px;color:var(--suave);word-break:break-all}
.clave code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;background:#faf6fe;border-radius:8px;padding:4px 8px;justify-self:start;color:var(--tinta)}
.clave small{font-size:12.5px;color:var(--suave)}
.acc-c{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.acc-c form{display:inline}
.aviso-flotante{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--tinta);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;z-index:90}

/* ===== Onboarding ===== */
.onb h3.sub-onb{font-size:15px;color:var(--violeta);margin:18px 0 4px;padding-top:10px;border-top:1px solid #f0e8f8}
.onb-item{display:grid;grid-template-columns:minmax(220px,1.4fr) 120px minmax(140px,1fr) minmax(140px,1fr) minmax(120px,.8fr);gap:8px;align-items:center;padding:6px 0}
.onb-item .onb-et{font-size:14px;color:var(--tinta);font-weight:600}
.onb-item.hecho .onb-et::before{content:"✓ ";color:#1f7a3d}
.onb-item select,.onb-item input{font:inherit;font-size:13.5px;padding:7px 9px;border-radius:9px;border:1.5px solid #ddd3ea;background:#fff;width:100%}
@media (max-width:900px){.onb-item{grid-template-columns:1fr 1fr}.onb-item .onb-et{grid-column:1/-1}}

.botones-cliente{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:700px){.cliente-cab{flex-wrap:wrap}.botones-cliente{margin-left:0;justify-content:flex-start;width:100%}}
.fila-clave{display:flex;gap:8px}
.fila-clave input{flex:1}

/* ===== Proyectos ===== */
.grid-proyectos{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:18px}
.proyecto-tarjeta{background:#fff;border-radius:18px;padding:18px;display:grid;gap:10px;text-decoration:none;color:inherit;border:1.5px solid #efe6f9;box-shadow:0 14px 30px -26px rgba(59,51,80,.6);transition:border-color .2s}
a.proyecto-tarjeta:hover{border-color:var(--lila)}
.pt-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pt-cab b{color:var(--tinta);font-size:17px;line-height:1.25}
.pt-dato{display:grid;gap:2px;font-size:14.5px;color:var(--tinta)}
.pt-dato span{font-size:12px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}
.pt-dato.grande{margin:10px 0;font-size:16px}
.pt-pie{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0e8f8;padding-top:10px}
.pt-pie .pend{font-weight:700;color:var(--violeta);font-size:14px}
.pt-pie .ver{font-weight:700;font-size:13.5px;color:var(--violeta)}
.etapa-activo{background:#dcf5e3;color:#1f7a3d}
.etapa-evaluacion{background:#fff1d9;color:#8a5a00}
.etapa-idea{background:var(--lila-claro);color:var(--violeta)}
.etapa-pausa{background:#eee;color:#555}
.etapa-planeada{background:#dff3f4;color:var(--turquesa-osc)}
.etapa-terminada{background:#e3e7f2;color:#3b4a73}
.pill-proy{background:#efe4ff;color:#5b22c2}
.grid-iniciativas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.iniciativa{margin:0;display:grid;gap:8px}
.idea{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.idea p{margin:4px 0 0}

/* ===== Encuestas ===== */
.enc-seccion{margin-bottom:16px}
.enc-seccion h2{font-size:16px;color:var(--violeta);margin-bottom:8px}
.enc-item{display:grid;grid-template-columns:minmax(180px,.9fr) 1.6fr;gap:12px;padding:8px 0;border-top:1px solid #f0e8f8;font-size:14.5px}
.enc-item:first-of-type{border-top:0}
.enc-item .q{color:var(--suave);font-weight:600;font-size:13.5px}
.enc-item .r{color:var(--tinta);white-space:pre-wrap}
.enc-barra{display:grid;grid-template-columns:minmax(180px,1fr) 2fr 30px;gap:10px;align-items:center;padding:5px 0;font-size:14px}
.enc-barra .progreso{margin:0}
.enc-barra b{color:var(--tinta);text-align:right}
@media (max-width:700px){.enc-item,.enc-barra{grid-template-columns:1fr}}

.reprogramar input{width:100%;margin:6px 0;font:inherit;font-size:13px;padding:7px 9px;border:1.5px solid #ddd3ea;border-radius:9px}

.cuando{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 14px}
.cuando a{font-weight:700;font-size:14px;text-decoration:none;color:var(--tinta);background:#fff;border:1.5px solid #e2d6f2;border-radius:999px;padding:7px 14px;display:inline-flex;gap:6px;align-items:center}
.cuando a span{background:#f1e9fb;color:var(--violeta);border-radius:999px;padding:0 8px;font-size:12.5px}
.cuando a[aria-current="page"]{background:var(--violeta);border-color:var(--violeta);color:#fff}
.cuando a[aria-current="page"] span{background:rgba(255,255,255,.25);color:#fff}
.cuando .nota{flex-basis:100%;font-size:12.5px}

.grupo-clientes{font-size:15px;color:var(--violeta);margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.grupo-clientes:first-of-type{margin-top:4px}
.grupo-clientes span{background:#f1e9fb;border-radius:999px;padding:1px 9px;font-size:12.5px}

/* ===== Cronograma en el camino ===== */
.cita{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #f0e8f8;flex-wrap:wrap}
.cita:first-of-type{border-top:0}
.cita.pasada{opacity:.6}
.cita-fecha{width:52px;flex:none;text-align:center;background:var(--lila-claro);border-radius:12px;padding:6px 0;color:var(--violeta);line-height:1.1}
.cita-fecha b{display:block;font-size:20px}
.cita-fecha span{font-size:12px;font-weight:700;text-transform:uppercase}
.cita-txt{flex:1;min-width:180px;display:grid;gap:3px}
.cita-txt b{color:var(--tinta)}
.cita-det{font-size:14px;color:var(--tinta);white-space:pre-line}
details.tarjeta summary{cursor:pointer;display:flex;gap:8px;align-items:center}