*{
    margin: 0;
    padding: 0;
 
}

 
.head {
width: 100%;
height: 70px;
z-index: 1000;
position: fixed;
background: #0e101f;
display: block;
box-shadow: -33px -20px 27px 0px #4c4c4c;
    transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.40s;
}


.head img {
position: relative;
float: left;
 height: 110px;   
transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.40s;    
}

.head .carrito_head {
position: relative;
    float: right;
    padding: 0px 1px;
    margin: 17px 20px 0 0;
    width: 66px;
    height: 29.8PX;
    border: 2px solid #1b8bff;
    border-radius: 5px;
    /* background: #3284ef; */
    box-shadow: -2px -2px 25px 0px #576899;
}


.head .carrito_head:hover {
  
    cursor: pointer;
    background: rgb(1 143 250 / 71%);
    
}


.head .carrito_head img {
    position: relative;
    float: left;
       top: -86px;
    display: block;
    margin-top: 1px;
    animation-duration: 0.5s;
    animation-name: slideinS;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}


.head .head_link {
    
position: relative;
float: right;
font-size: 15px;
color: #616161;    
margin: 10px 20px 0 0;
visibility: visible;
font-family: calibri, sans-serif;
cursor: pointer;
    
    }

 



.head .head_link ul li {
    position: relative;
display: inline-flex;
padding: 13px 10px 13px 10px;
text-decoration: none;
list-style: none;
    
}

.head .head_link ul li a {
    list-style: none;
    text-decoration: none;
}

.head .head_link ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
   right: 50%;
   bottom: 1px;
    border-bottom: 2.8px solid #5a1bb8;
 
  -webkit-transition-property: left right;
  transition-property: left right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
   
}

.head .head_link ul li:hover:before {
  left: 0;
  right: 0;
   
}




.head .carrito_head span {
color: white;
font-family: sans-serif;
position: relative;
float: right;
top: 6px;
right: 8px;
display: block;
z-index: 1000;
}


@keyframes slideinS {
  from {
    margin-left: 3px;
    width: 40%;
  }

  to {
    margin-left: 0%;
    width: 40%;
  }
}


 
.head img {

   
 height: 200px;   
 transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.40s;   
}

.head_link  {
    position: relative;
    visibility: hidden;
}


.carrito_head span { 
display: none;
}

.carrito_head img {
    display: none;
}