.hide-on-med-and-down ul.dropdown-content{
width: auto!important;
}            
nav {
/*color: #fff;*/
background-color: #2daf22!important;
}
nav i.cl-carr-sup-pri {
display: block;
font-size: 24px;
height: 56px;
color: white;
line-height: 35px!important;
}  
.cl-padre-bate{
margin-top: -16px;
}
.cl-mitad-50{
width: 100%;
}
.cl-padre-but{
margin-top: 0px;
}
.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;}
#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;
top:4px;
width: 100%;
width: -webkit-fill-available;
width: -moz-available;
width: fill-available;
}
.cl-less-an{min-height:90%;max-height:99%} 
.cl-img-ofer{float:left;}
.cl-img-ingre{float :right; }
.cl-tam-nombre{word-break: break-all;}
.cl.cl-less-de{
}
.card-img-top{                      
max-height: 98%!important;
min-height: 98%!important;
position: relative;
left: -0.0px;
object-fit: scale-down;
}

.cl-less-img{

}
#btnQueEsta{ text-align: center;}
.cl-ls-col {

}


/*Dispositivo PEqueñisimos*/
@media (min-width: 1px) {      
.cl-tam-nombre{
font-size: 90%;
}


.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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;
color: red;
font-size: x-large;
transform: rotate(1deg);
float: right;
position: relative;
top: -40vh;
font-weight: bold;
font-size: 120%;
left: 6px;
}
.cl-img-ingre{
width: max-content;
height: 7vh;
color: red;
font-size: x-large;
float: left;
position: absolute;
top: -0.70%;
font-weight: bold;
font-size: 120%;
left: -1px;

}    

}
/*Dispositivo PEqueñisimos*/
@media (min-width: 250px) {  
.cl-tam-nombre{
font-size: 90%;
}    

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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;
color: red;
font-size: x-large;
transform: rotate(56deg);
float: right;
position: relative;
top: -21.5%;
font-weight: bold;
font-size: 120%;
left: 6px;
}
.cl-img-ingre{
width:15vh;
height:7vh;     
color: red;
font-size: x-large;
float: left;
position: absolute;
top: -1%;
font-weight: bold;
font-size: 120%;
left: 5px;

}

}
@media (min-width: 320px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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;

}
.cl-padre-but{
margin-top: -15px;
}
nav .brand-logo {
font-size: 1.5rem;
margin-left: 10%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 7vh;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: relative;
top: -21vh;
font-weight: bold;
font-size: 120%;
left: 7px;
}
.cl-img-ingre{
width: max-content;
height: 7vh;
color: red;
font-size: x-large;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}

}


@media (max-width: 360px) {    
.cl-tam-nombre{
font-size: 91%;
line-height: 1.2em;
max-height: 3.2em;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -10px;
}   

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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 {
margin-left: 6%!important;
position: absolute!important;
font-size: 12px;
}

.cl-img-ofer {
width: max-content;
height: 75px;
color: red;
font-size: x-large;
transform: rotate(360deg);
float: right;
position: relative;
top: -138px;
font-weight: bold;
font-size: 120%;
left: 9px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 320px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}

.cl-padre-but{
margin-top: 0px;
}
}

@media (min-width: 367.50px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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;
color: red;
font-size: x-large;
transform: rotate(358deg);
float: right;
position: relative;
top: -21.5%;
font-weight: bold;
font-size: 120%;
left:6px; 
}
.cl-img-ingre{
width: max-content;
height: 7vh;
color: red;
font-size: x-large;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 320px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.cl-padre-but{
margin-top: 0px;
}

}

@media (min-width: 374.99px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 1rem;
margin-left: -8%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 72px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 83px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -2px;
font-weight: bold;
font-size: 120%;
left: -3px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 360px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.cl-padre-but{
margin-top: 0px;
}


}
@media (min-width: 383.99px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 1rem;
margin-left: -8%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 72px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 87.50px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -2px;
font-weight: bold;
font-size: 120%;
left: -3px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 360px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}

.cl-padre-but{
margin-top: 0px;
}   

}
@media (min-width: 389.99px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(358deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 87px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 380px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.cl-padre-but{
margin-top: 0px;
}

}
@media (min-width: 392.99px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(358deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 89px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}
.cl-ls-col {
/*height: 50vh;*/
/*border: 1px solid red;*/
height: 380px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.cl-padre-but{
margin-top: 0px;
}

}
@media (min-width: 401.99px) {
.cl-tam-nombre{
font-size: 91%;
} 

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.cl-less-de {                      /* Altura máxima que descripción debajo de la imagen */
height: 75px;
width: auto!important;
/* max-height: 100%; */
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: 85px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 88px;
}
.cl-img-ingre{
width: max-content;
height: 85px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.7%;
font-weight: bold;
font-size: 120%;
left: -4px;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
.cl-tam-nombre{
font-size: 91%;
}    

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
font-size: x-large;
transform: rotate(358deg);
float: 100px!important;
position: relative;
top: -139px;
font-weight: bold;
font-size: 120%;
left: 8.1px; 
}
.cl-img-ingre{
width: max-content;
height: 75px;
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;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media (min-width: 411.99px) { 
.cl-tam-nombre{
font-size: 91%;
}    

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: -2%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 95px;
font-size: x-large;
transform: rotate(359deg);
float: 100px!important;
position: absolute;
top: -6px;
font-weight: bold;
font-size: 120%;
left: 79.5px; 
}
.cl-img-ingre{
width: max-content;
height: 95px;
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;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media (min-width: 467.50px) {  
.cl-tam-nombre{
font-size: 91%;
}  

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(355deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 145px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.5%;
font-weight: bold;
font-size: 120%;
left: -3px;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media (min-width: 479.99px) {  
.cl-tam-nombre{
font-size: 91%;
}  

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 133px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.5%;
font-weight: bold;
font-size: 120%;
left: -3px;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media (min-width: 539.99px) {  
.cl-tam-nombre{
font-size: 91%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(358deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 162px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
transform: rotate(-1deg);
float: left;
position: absolute;
top: -0.5%;
font-weight: bold;
font-size: 120%;
left: -3px;

}
.cl-padre-but{
margin-top: 0px;
}

}
/*Dispositivo PEqueñisimos*/
@media (min-width: 575.99px) {  
.cl-tam-nombre{
font-size: 92%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}   
.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 7vh;
color: red;
font-size: x-large;
transform: rotate(1deg);
float: right;
position: relative;
top: -138px;
font-weight: bold;
font-size: 120%;
left: 9px;
}
.cl-img-ingre{
width: 7vh;
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-padre-but{
margin-top: 0px;
}

}
/*Dispositivo PEqueñisimos*/
@media (min-width: 595.20px) {  
.cl-tam-nombre{
font-size: 92%;
}    
.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 75px;
color: red;
font-size: x-large;
transform: rotate(1deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 180px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
float: left;
position: absolute;
top: -1%;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}
}

@media (min-width: 599.99px) {  
.cl-tam-nombre{
font-size: 92%;
}    
.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 75px;
color: red;
font-size: x-large;
transform: rotate(0deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 120%;
left: 163px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
float: left;
position: absolute;
top: -1%;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}
}

@media (min-width: 639.99px) {    /*@media (max-width: 575.98px) {  */
.cl-tam-nombre{
font-size: 93%;
}            

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 100px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -6px;
font-weight: bold;
font-size: 120%;
left: 138px;
}
.cl-img-ingre{                
width: max-content;
height: 100px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(359deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}

}
@media (min-width: 652px) {    /*@media (max-width: 575.98px) {  */
.cl-tam-nombre{
font-size: 93%;
}       

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 100px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -4.8px;
font-weight: bold;
font-size: 120%;
left: 153px;
}
.cl-img-ingre{                
width: max-content;
height: 100px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(359deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}

}
@media (min-width: 711.99px) {    /*@media (max-width: 575.98px) {  */
.cl-tam-nombre{
font-size: 93%;
}       

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 15%!important;
position: absolute!important;
}

.cl-img-ofer {
width: max-content;
height: 100px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -6px;
font-weight: bold;
font-size: 120%;
left: 138px;
}
.cl-img-ingre{                
width: max-content;
height: 100px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(359deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}
}
@media (min-width: 720px) {    /*@media (max-width: 575.98px) {  */
.cl-tam-nombre{
font-size: 93%;
}    

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 14vh;
color: #00ff2a;
font-size: x-large;        
transform: rotate(352deg);
float: right;
position: relative;
top: -42.5vh;
font-weight: bold;
font-size: 120%;
left: 6px;
}
.cl-img-ingre{                

width: max-content;
height: 17vh;
color: red;
font-size: x-large;        
transform: rotate(359deg);
float: right;
position: absolute;
top: -54.5vhpx;
font-weight: bold;
font-size: 120%;
left: -5px;

}
.cl-padre-but{
margin-top: 0px;
}

}
/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 767.98px) {  
.cl-tam-nombre{
font-size: 94%;
}    

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(360deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 100%;
left: 78px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;                
transform: rotate(360deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 100%;
left: -4px;

}
.cl-padre-but{
margin-top: 0px;
}

}
/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 799.99px) {  
.cl-tam-nombre{
font-size: 95%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 75px;
color: red;
font-size: x-large;
transform: rotate(360deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 100%;
left: 78px;
}
.cl-img-ingre{
width: max-content;
height: 75px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(360deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 100%;
left: -4px;

}
.cl-padre-but{
margin-top: 0px;
}

}
/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 991.99px) {  
.cl-tam-nombre{
font-size: 96%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 55px;
color: red;
font-size: x-large;        
transform: rotate(360deg);
float: right;
position: relative;
top: -165px;
font-weight: bold;
font-size: 100%;
left: 6px;
}
.cl-img-ingre{
width: max-content;
height: 55px;
color: red;
font-size: x-large;        
transform: rotate(360deg);
float: right;
position: relative;
top: -165px;
font-weight: bold;
font-size: 100%;
left: -6px;

}
.cl-padre-but{
margin-top: 0px;
}


}
/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 1024px) {  
.cl-clid-carro{
top: -60px;
left: 150%;        
}
.cl-tt-sc-un{
margin-top: -50%;
margin-left: 70%;
margin-right: 175px;
margin-top: -2px;
}
.cl-tt-sc-do{
margin-top: -150%;
margin-left: -22%;
margin-right: 15px;
margin-top: -2px;
}

.hide-on-med-and-down li.img{
margin-top: -20vh;
margin-left: 5vh;
}
.cl-tam-nombre{
font-size: 97%;
}  

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 85px;
color: red;
font-size: x-large;
transform: rotate(360deg);
float: right;
position: absolute;
top: -5px;
font-weight: bold;
font-size: 100%;
left: 110px;
}
.cl-img-ingre{
width: max-content;
height: 85px;
color: red;
font-size: x-large;        
transform: rotate(360deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 100%;
left: -4px;

}
.cl-padre-but{
margin-top: 0px;
}

}

/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 1280px) {  
.cl-mt-decpmcar{
margin-left:-110px;
}
.cl-clid-carro {
top: 0px;
left: 183%;
position: relative;
margin-top: -120px;
}
.cl-tam-nombre{
font-size: 97%;
}

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 29%;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -7px;
font-weight: bold;
font-size: 100%;
left: 175px;
}    
.cl-img-ingre{
width: max-content;
height: 100px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(360deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 100%;
left: -4px;

}
.cl-padre-but{
margin-top: 0px;
}
}
/* ---------------------------------- `md` applies to small devices (landscape phones, less than 768px) --------------------------------------------------------*/
@media (min-width: 1920px) {  
.cl-clid-carro {
top: 0px;
left: 180%;
margin-top: -120px;
}
.cl-tam-nombre{
font-size: 125%;
}  

.h-100 {
height: 100%;
}
.md-100{
height: 100%;
}

.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: 100px;
color: red;
font-size: x-large;
transform: rotate(359deg);
float: right;
position: absolute;
top: -6px;
font-weight: bold;
font-size: 100%;
left: 184px;
}   
.cl-img-ingre{
width: max-content;
height: 100px;
color: red;
font-size: x-large;
position: absolute;
transform: rotate(360deg);
float: right;
position: absolute;
top: -4px;
font-weight: bold;
font-size: 100%;
left: -4px;
}
}