/* Diseño mobile first */

div.carta-post-preview-portada{
    background-color: pink;
    height: 50vh; 
}



/* media query siguiendo bootstrap 5 

X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

.col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}

*/
div.col-preview-portada{
    width: 85%;
}

@media only screen and (min-width: 576px) {
    div.col-preview-portada{
        width: 46%;
    }
  }

@media only screen and (min-width: 768px) {
    div.col-preview-portada{
        width: 31%;
    }
  }

@media only screen and (min-width: 992px) {
    div.col-preview-portada{
        width: 22%;
    }
  }

@media only screen and (min-width: 1024px) {
    div.col-preview-portada{
        width: 22%;
    }
  }

@media only screen and (min-width: 1200px) {
    div.col-preview-portada{
        width: 15.5%;
    }
  }
@media only screen and (min-width: 1400px) {
    div.col-preview-portada{
        width: 15.5%;
    }
  }




/* final de los media query */

/* SOSPECHOSOS DE NO HACER NA*/

img{
    font-size: small;
    color: rgba(110, 28, 48, 0.5);
}
div.shortEnlaceZapa{
    border: 1px solid rgb(58, 15, 26);
    background-color: rgba(58, 15, 26, 0.05);
    margin: 0.3em 0;
}
div.shortEnlaceZapa:hover{
    border: 1px solid rgb(58, 15, 26);
    background-color: rgba(58, 15, 26, 0.1);
    margin: 0.3em 0;
}
div.divImgEnlaceZapa{
    
    overflow: hidden;
}
div.contenedorImgEnlaceZapa{
    max-width: 150px;
    height: 150px;
}
img.imgEnlaceZapa{
    object-fit: cover;
    width:100%;
    height:100%;
}

div.txt_desc_enlaces, div.txt_desc_tienda_enlaces, div.tallas_enlaces{
    color: rgb(110, 28, 48);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
div.divTxtEnlaceZapa{
    padding: 0.5em;
}
div.txt_desc_tienda_enlaces{
    color: black;
    text-align: center;
}
div.divLogoTienda{
    color: black;
    padding: 10px;
}

div.posts-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* .post-title{
    text-align: center;
    color: rgb(160, 9, 47);
    font-size: 1.25em !important; 
} */

/* div.datos_post-preview{
    border: 1px solid black;
    overflow: hidden;
    margin: 3px;
} */