/* Inicio del vendedor: prioriza sus objetivos y conserva los accesos del menú. */
.inicio-vendedor { display: flex; flex-direction: column; gap: 24px; }
.inicio-vendedor > section { width: 100%; max-width: 1200px; margin: 0 auto !important; }
#panel-rendimiento-vendedor { background: #fffffff2; border-radius: 14px; padding: 20px; }
#panel-rendimiento-vendedor .navegacion-periodo { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
#panel-rendimiento-vendedor [data-periodo] { max-width: 100%; background: white; }
#panel-rendimiento-vendedor [data-mensaje]:empty,
#panel-rendimiento-vendedor [data-plan]:empty,
#panel-rendimiento-vendedor [data-corte]:empty { display: none; }
#accesos-vendedor { text-align: left; }
.accesos-cuadricula { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px; }
.accesos-cuadricula > br { display: none; }
.accesos-cuadricula > a { white-space: normal; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 110px; padding: 16px; }
.accesos-cuadricula .crecer:hover { transform: translateY(-3px); }
.inicio-vendedor.sin-objetivos #accesos-vendedor { order: -1; }
.velocimetro { max-width: 280px; margin: 16px auto; }
.velocimetro svg { width: 100%; height: auto; display: block; overflow: visible; }
.velocimetro path { fill: none; stroke-width: 18; stroke-linecap: butt; }
.velocimetro-fondo { stroke: #e4e9ef; }
.velocimetro-proyeccion { stroke: #ed9b27; }
.velocimetro-real { stroke: #159879; }
.velocimetro text { text-anchor: middle; fill: #24354c; }
.velocimetro-porcentaje { font-size: 22px; font-weight: 700; }
.velocimetro-limite { font-size: 11px; }
.velocimetro-leyenda { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; font-size: 12px; }
.velocimetro-leyenda span { display: inline-flex; align-items: center; gap: 6px; }
.velocimetro-leyenda i { width: 10px; height: 10px; border-radius: 50%; }
.leyenda-real { background: #159879; }
.leyenda-proyeccion { background: #ed9b27; }
@media (max-width: 600px) {
    #panel-rendimiento-vendedor { padding: 14px; }
    .accesos-cuadricula { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .accesos-cuadricula > a { font-size: 16px !important; }
}