:root {
    --bs-focus-ring-color: rgba(200, 200, 200, 0.5); /* Un gris clarito para el efecto */
}

input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5) !important; /* Suaviza el efecto */
    border-color: #ccc !important; /* Cambia el borde a gris */
}


footer {
    background-color: transparent;
}

.listaStock {
    /* box-shadow: 0px 0px 10px 0px rgba(254,240,18); */
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0px;
}

.navbar-brand{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FEF012;
    color: transparent;
    font-size: 36px;
    margin: 0;
    padding: 0;
}
.navbar-brand:hover{
    color: #FEF012;
}

.principal {
    min-height: 90vh;
}	
.listaStock{
    border-color: #FEF012;
    border-width: 2px;
    border-style: solid;
}
i {
    color: aliceblue;
}

.iborrar:hover::before {
    content: "\F5DD"; /* Código Unicode de bi-trash-fill */
}
.iver:hover::before {
    content: "\F33E"; /* Código Unicode de bi-trash-fill */
}
.ieditar:hover::before {
    content: "\F4C9"; /* Código Unicode de bi-trash-fill */
}

.istock:hover::before {
    content: "\F7D3"; /* Código Unicode de bi-trash-fill */
}

body {
    font-family: 'Inter', serif !important;
}

.precio {
    text-align: right;
    white-space: nowrap;
}