.hide-on-med-and-down ul.dropdown-content {
width: auto !important;
}

nav {
color: #fff;
background-color: #ee6e73;
}

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: 23rem;
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;
}
}