.header_user_info {
  float: right;
  border-left: 1px solid #515151;
  border-right: 1px solid #515151; }
  .header_user_info a {
    color: #777777;
    font-weight: bold;
    display: block;
    padding: 8px 9px 11px 8px;
    cursor: pointer;
    line-height: 18px; }
    /* Esto lo modifico para ocultar el texto iniciar sesión solo en la versión móvil, dejo solo la línea 19 del fichero y quito lo de @media
	@media (max-width: 479px) {
      .header_user_info a {
        font-size: 11px; } }
    .header_user_info a:hover, .header_user_info a.active {
      background: #2b2b2b; } */

    .header_user_info a:hover, .header_user_info a.active {
      background: #2b2b2b; }


/*# sourceMappingURL=blockuserinfo.css.map */

/* Miguel 25-08-2024 Añado esto para mover solo en la versión móvil el bloque inicio sesión tras subir el bloque carrito arriba web  */
@media (max-width: 768px) {
	.header_user_info {	
		position: relative;
		left: -45px;
	}
}
@media (max-width: 768px) {
	.header_user_info a::before {
		padding: 6px 20px 6px 20px;
		font-family: "FontAwesome";
		content: "\f007";
		display: inline-block;
		font-size: 22px;
		font-weight: normal;
	}
}

/*Para ocultar el texto Iniciar sesion en la versión móvil*/
@media (max-width: 768px) { /* Ajusta el ancho máximo según tus necesidades */
  .login {
    font-size: 0; /* Esto oculta solo el texto */
  }
  .login::after {
    font-size: initial; /* Mantén visible el pseudo-elemento */
  }
}

/* Termina bloque que he añadido */


/* Miguel para ocultar el bloque de Log out en versión móvil de la parte de arriba de la web */
@media (max-width: 768px) {
	.header_user_info:nth-of-type(2) {
    	display: none;
	}
	.header_user_info span {
 	   display: none;
	}
}
/* Termina bloque que he añadido */