/* Mis CCS */  
        .hide-on-med-and-down ul.dropdown-content{
            width: auto!important;
        }       
        .cl-mt-decpmpes{
            /*margin-top: -5px;*/
        }
        .cl-carr-sup-pri{
            margin-top: -5px;
        }
        .cl-mt-decpmcar i.material-icons{
            margin-top: -5px;
        }

        nav {
        color: #fff;
        background-color: #80DAEB!important;
        }
       .cl-mitad-50{
           width: 100%;
       }
       .cl-padre-but{
           display: inline-grid;
       }
       .cl-andir-pro{
           margin-top:5px;
           width: 100%;
       }
       .cl-cursor{
        cursor:pointer;
       }
       .cl-de-mas {
        border-radius: 15px;
        }
        .cl-de-menos {
        border-radius: 15px;
        }

        .li_resultado{display: contents;}
        /*#idless_ul_lista{display: inline!important;}*/
        #idullena_bus{z-index: 1;}
        .li_resultado a{color:black}

        #idless_ul_lista ul{
        top: 0px;
        }
        #idbtnBuscarSi{
            position: relative;
            margin-top:8px;
            background-color:#26a69a;
            color:white;
            float:right;
            margin-right: 5px;
            line-height:30px;
        }
        .cl-div-ofin{
            display:inline;
            position: unset;
            width: 100%;
            width: -webkit-fill-available;
            width: -moz-available;
            width: fill-available;
        }
        .cl-img-ofer{float:left}
        .cl-img-ingre{float :right}
        
        .card-img-top{
        }
        .cl-less-img{}
        #btnQueEsta{ text-align: center;}
        .cl-ls-col{}

        /*-------ESTE ES PARA PC-----------*/
        .card-body {
            flex: 1 1 auto;
            padding: 1rem 1rem;
          }

/** ----------------------------------------- MEDIAS QUERIES ------------------------------------------ **/


@media (max-width: 360px) {
    /* Estilos específicos para el Samsung Galaxy S21 */
    .cl-tam-nombre{
        font-size: 91%;
    }
    .cl-less-an{max-height:92%}      /*  Porcentaje máximo del padre padre del padre - padre */
    .cl-less-an{min-height:85%}       /* Porcentaje mínimo del padre padre del padre - padre */
    
    .h-100 {
        height: 100%;
   }
    .md-100{
        height: 100%;
    }
    
  
    .cl-less-img{                       /* Contenedor padre de la imagen */ 
        max-height: 130px;
        min-height: 123px;
    }
    .card-img-top{                      /* Altura máxima que le doy a la imagen a partir del padre */ 
        max-height: 100%!important;
        min-height: 100%!important;
    }
    .cl-less-de {                      /* Altura máxima que descripción debajo de la imagen */
        height: 75px;
        width: auto!important;
        max-height: 60px;
        max-width: 100%;
        font-family: initial!important;
        font-size: 1.0rem!important;        
    }
    nav .brand-logo {
        font-size: 1.5rem;
        margin-left: -10%!important;
        position: absolute!important;
    }

    .cl-img-ofer {
        width: max-content;
        height: 7vh;
        font-size: x-large;
        transform: rotate(358deg);
        float: 100px!important;
        position: relative;
        top: -139px;
        font-weight: bold;
        font-size: 120%;
        left: 6.5px; 
    }
    .cl-img-ingre{
        width: max-content;
        height: 7vh;
        color: red;
        font-size: x-large;
        position: absolute;
        transform: rotate(-1deg);
        float: left;
        position: absolute;
        top: -0.9%;
        font-weight: bold;
        font-size: 120%;
        left: -3px;
              
    }
}

/* ----------------------------------- Large devices (desktops, 992px and up) ------------------------------  */
  @media (min-width: 992px) { 
    .cl-tam-nombre{
        font-size: 90%;
    }
    .cl-less-pc{
        height: 505px;
        min-height:450px;
        max-height:350px;
    }

    .card-img-top{
        max-height: 100%!important;
        min-height: 100%!important;
    }
    .h-100{
        height: 100%;
    }
    .md-100{
        height: 100%;
    }
    
   
    .cl-less-img{
        height:46%!important; 
    }
    .cl-less-de{
        
        min-height: 19%;
        max-height: 20%;
        font-family: initial!important;
        font-size: 1.2rem;
    }
    .cl-img-ofer{
        width:max-content;
        height:85px;
        color: red;
        font-size: x-large;
        position: absolute;
        transform: rotate(358deg);
        float: right;
        position: absolute;
        top: -6px;
        font-weight: bold;
        font-size: 120%;
        left: 199px;
    }
    .cl-img-ingre{
        width:max-content;
        height:85px;
        color: red;
        font-size: x-large;
        position: absolute;
        transform: rotate(360deg);
        float: right;
        position: absolute;
        top: -5px;
        font-weight: bold;
        font-size: 120%;
        left: -5px;
    }
    .cl-ls-col{
        padding: 2rem;
    }
    nav .brand-logo {
        font-size: 1.5rem;
        margin-left: 10%!important;
        position: absolute!important;
    }
    .bg-desktop {
        --bs-bg-opacity: 1;
        background-color: #139ae9!important;
      }

 }

/* ------------------ `xl` applies to large devices (desktops, less than 1200px) ---------------------------------*/
        @media (max-width: 1199.98px) { 
            .cl-tam-nombre{
                font-size: 91%;
            }
            .cl-less-pc{
                height: 505px;
                min-height:300px;
                max-height:420px;
                padding: 0.3rem!important;
            }

            .card-img-top{
                max-height: 100%!important;
                min-height: 100%!important;
            }
            .h-100{
                height: 100%;
            }
            .md-100{
                height: 100%;
            }
                  
            .cl-less-img{
                height:46%!important; /*height:25vh;*/
            }
            .cl-less-de {
                height: 100px;
            }
            .cl-img-ofer{
                width:15vh;
                height:7vh;
                color: red;
                font-size: x-large;
                position: absolute;
                transform: rotate(56deg);
                float: right;
                position: absolute;
                top: 7%;
                font-weight: bold;
                font-size: 120%;
                left: 170px;
            }
            .cl-img-ingre{
                width:15vh;
                height:7vh;
                color: red;
                position: absolute;
            }
            .cl-ls-col{
                /*padding: 0.200rem!important; 
                height: auto;   */            
            }
            /*nav .brand-logo {
                font-size: 1.5rem;
                margin-left: -26px;  
                position: absolute!important;
            }*/
            .bg-desktop {
                --bs-bg-opacity: 1;
                background-color: #139ae9!important;
              }
        
         }

/*---------------------------------- `xxl` applies to x-large devices (large desktops, less than 1400px) -----------------------------*/
        @media (max-width: 1399.98px) { 
            .cl-tam-nombre{
                font-size: 92%;
            }
            .cl-less-pc{
                height: 405px;
                min-height:300px;
                max-height:420px;
                padding: 0.3rem!important;
            }

            .card-img-top{
                max-height: 100%!important;
                min-height: 100%!important;
            }
            .h-100{
                height: 100%;
            }
            .md-100{
                height: 100%;
            }
                      
            .cl-less-img{
                /*height:32vh!important; */
            }
            .cl-less-de {
                height: 250px;
            }           
            .cl-img-ofer {
                width: 15vh;
                height: 7vh;
                color: red;
                font-size: x-large;
                position: absolute;
                transform: rotate(56deg);
                float: right;
                position: absolute;
                top: 7%;
                font-weight: bold;
                font-size: 120%;
                left: 170px;
            }
            .cl-img-ingre{
                width:15vh;
                height:7vh;     
                color: red;
                font-size: x-large;
                position: absolute;
                float: left;
                position: absolute;
                top: -1%;
                font-weight: bold;
                font-size: 120%;
                left: 5px;
                      
            }
            .cl-ls-col{
                
            }
            /*nav .brand-logo {
                font-size: 1.5rem;
                margin-left: -26px;  
                position: absolute!important;
            }*/
            .bg-desktop {
                --bs-bg-opacity: 1;                
                background-color: #139ae9!important;                                
              }
        
      

        }