/* Ajustes puntuales del tablero piloto respecto de la cuadrícula heredada. */
html[data-marco="nuevo"][data-interfaz="bufete"] body[data-view="inicio"] .content { overflow-y: auto; overflow-x: hidden; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-home { min-height: max-content; }
.ll-fila { display:flex; align-items:center; gap:8px; padding:8px 8px 8px 16px; border-top:1px solid var(--mp-borde); }
.ll-fila > button { min-width:0; flex:1; padding:4px 0; text-align:left; background:none; border:0; color:inherit; font:inherit; cursor:pointer; }
.ll-fila b { font-weight:600; }
.ll-fila small { display:block; color:var(--mp-tinta2); margin-top:2px; }
.ll-acciones { display:flex; align-items:center; gap:4px; }
.ll-acciones a, .ll-acciones button { min-width:44px; min-height:44px; display:grid; place-items:center; color:var(--mp-tinta); background:transparent; border:0; border-radius:50%; cursor:pointer; }
.ll-acciones a:hover, .ll-acciones button:hover { background:var(--mp-relleno); }
.ll-acciones svg { width:18px; height:18px; }
.ll-hecho { position:relative; }
.ll-hecho svg { width:16px; height:16px; padding:6px; box-sizing:content-box; border:1.5px solid var(--mp-borde-in, var(--mp-borde)); border-radius:50%; color:transparent; transition:color .15s, border-color .15s; }
.ll-hecho:hover svg, .ll-hecho:focus-visible svg { color:var(--mp-tinta); border-color:var(--mp-tinta); }
.ll-due { color:var(--mp-tinta2); font-size:.82rem; white-space:nowrap; }
html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:1150px) {
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
  html[data-marco="nuevo"][data-interfaz="bufete"] .mp-pilot-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Formulario «Llamar o escribir»: campos con aire; teléfono y correo lado a lado en pantallas anchas. */
.ll-form { display:grid; gap:14px; }
.ll-form label.f { display:grid; gap:6px; margin:0; }
.ll-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width: 560px) { .ll-2 { grid-template-columns:1fr; } }