/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

/* Semáforo de stock */
.semaforo-stock {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-weight: bold;
}

.semaforo {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #222;
    border-radius: 20px;
    padding: 4px 8px;
}

.semaforo-circulo {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
}

.semaforo-off    { background-color: #444; }
.semaforo-rojo   { background-color: #e74c3c; }
.semaforo-amarillo { background-color: #f39c12; }
.semaforo-verde  { background-color: #2ecc71; }