/* ============================
   SOFTPYME · MENSAJE DE ERROR
   ============================
   Nota: se conserva el nombre de clase ".errores" por si otros
   archivos del proyecto ya dependen de él. El posicionamiento
   "absolute" con margin negativo del original se reemplaza por
   flujo normal dentro del formulario, para que funcione en
   cualquier pantalla sin superponerse a otros elementos.
*/

.errores {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 18px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;

  background: #eaf2fd;
  color: #12468c;
  border: 1px solid #cfe1fa;
  border-left: 4px solid #e05266;

  box-shadow: 0 8px 20px rgba(11, 46, 89, 0.08);
}

/* Indicador de error: carácter Unicode nativo, sin depender de librerías de íconos */
.errores:before {
  content: "\26A0";
  margin-right: 8px;
  color: #e05266;
  font-weight: 700;
}

@media (max-width: 480px) {
  .errores {
    font-size: 12px;
    padding: 10px 14px;
  }
}