/* Edge / IE: oculta el icono que aparece dentro de <input type="password"> */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* (Opcional) Otros navegadores basados en WebKit/Chromium casi no muestran un “ojo” por defecto,
   pero si en tu caso necesitas forzar que no haya decoración adicional: */
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Estilos personalizados mínimos necesarios que no se pueden reemplazar con clases de Bootstrap */
body {
    font-family: 'Inter', sans-serif; /* Se mantiene para aplicar la fuente Inter */
}
/* Estilos específicos para pantallas pequeñas que requieren pseudo-elementos CSS */
@media (max-width: 767.98px) {
    .col-item::before {
        content: attr(data-label); /* Muestra la etiqueta del dato en móvil */
        font-weight: 600;
        display: block;
        color: #6c757d;
        margin-bottom: 4px;
    }

    .table-flex-header {
        display: none; /* Oculta el encabezado en móvil ya que los datos tienen etiquetas */
    }
}