.floating-categories-button{
        width: 60px;
        height: 60px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        background: var(--appcolor);
        border-radius: 50%;
        color: var(--alt2color);
        text-align: center;
        font-size: 2em;
        line-height: 60px;
        box-shadow: 0px 0px 10px #000000bf;
        cursor: pointer;
        z-index:9999;

    }

    .floating-whatsapp-button{
        width: 60px;
        height: 60px;
        position: fixed;
        bottom: 10px;
        right: 80px;
        background: #25D366;
        border-radius: 50%;
        color: white;
        font-size: 2em;
        box-shadow: 0px 0px 10px #000000bf;
        cursor: pointer;
        z-index: 9999;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .floating-whatsapp-button i{
        line-height: 1;
    }

    .floating-whatsapp-button:hover{
        background: #128C7E;
        color: white;
        text-decoration: none;
    }
    
    .floating-categories-names{
        position: fixed;
        bottom: 80px;
        right: 10px;
        z-index:9999;
    }
    
    .floating-categories-names a, .floating-categories-names .search-query{
        background: var(--base2color);
        padding: 3px 20px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #00000096;
        margin: 10px auto;
        cursor: pointer;
        z-index:99;
        display:block;
        color:var(--alt2color);
        text-decoration:none;
    }
    
    .floating-categories-names a:visited{
        color:var(--alt2color);
    }
    .floating-categories-names a:hover{
        color:var(--appcolor);
        
    }
    .floating-categories-names a{
        max-width:200px
    }
    .search-query.el-input{
        width: auto;
        
    }
    
    .search-query input{
        background:transparent;
        border:none;
        border-bottom:1px solid white;
        border-radius:0;
        color:white;
        max-width:200px
    }
    
    .search-query input:focus{
        border-bottom:1px solid var(--appcolor);
        width:260px;
        max-width:80vh;
    }
    
    #footer-newsletter .el-input__suffix{
        display: flex;
        justify-content: center;
        align-items: center;
    	color:white;
    	font-size: 1.6em;
    	cursor:pointer;
    }
    
    #footer-newsletter .el-input__inner{
        border: none;
        background: transparent;
        border-bottom: 1px solid white;
        border-radius: 0;
        color:white;
    
    }
    
   .red-social-footer,.red-social-footer:visited,.red-social-footer:active,#footer a, #footer a:visited, #footer a:active{
       color:white;
       text-decoration:none;
   }
   
   #footer{
        margin-top: 50px;
   }
   
   #mercadopago-img-container{
        width: 90px;
        background: #ededed;
        display: flex;
        justify-content: center;
        padding: 10px;
        border-radius: 10px;
   }
   
   .newsletter-floating{
        padding: 5px 10px 5px 10px;
        line-height: 18px;
        width: 200px;
        word-wrap: break-word;
        background: var(--palette-3);
        color: black;
        position: fixed;
        bottom: 16px;
        right: 80px;
        border-radius: 5px;
        border: 1px solid var(--palette-3);
        font-weight:bold;
    }
   
   .newsletter-floating:before, 
   .newsletter-floating:after {
        content: '';
        position: absolute;
        background: var(--palette-3);
        border-left: 1px solid  var(--palette-3);
        border-top: 1px solid  var(--palette-3);
        right: -5px;
        top: 50%;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        z-index: 1;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }