/* PalTaller.Web — pegamento de aplicacion.
   Las decisiones visuales viven en paltaller.css (el sistema de diseno).
   Aqui solo va lo que es propio de la aplicacion web, no del sistema. */

/* Alpine: ocultar hasta que el componente inicialice */
[x-cloak] { display: none !important; }

/* El taller en el que se esta parado, en la barra. Solo aparece cuando la
   empresa tiene mas de una sede. */
.pt-taller {
    display: flex;
    align-items: baseline;
    gap: var(--e2);
    padding: 2px var(--e2);
    border: var(--regla-fina);
    color: var(--tinta);
    text-decoration: none;
    font-size: var(--texto-13);
}
.pt-taller:hover { border-color: var(--tinta); color: var(--tinta); }

/* Muestra de color: cuadrada como todo lo demas, con regla de tinta. */
.pt-muestra {
    display: inline-block;
    flex: none;
    width: 28px;
    height: 28px;
    border: 1px solid var(--tinta);
}

/* Alta al vuelo de un maestro (marca, modelo, anio) sin salir de la
   pantalla: un cajon con regla de tinta a la izquierda, como una nota al
   margen del manual. Cuadrado, sin sombra. */
.pt-alta {
    margin-top: var(--e2);
    padding: var(--e3);
    border: var(--regla-fina);
    border-left: 3px solid var(--tinta);
    background: var(--papel-sombra);
}