.flex.recetas{flex-flow: row wrap; display: flex; gap:20px;}
.flex.recetas .card{
	border:solid 1px #999; 
	padding: 15px; 
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	flex: 1 1 250px;  display: flex;
	flex-direction: column;
	overflow: hidden;
}
.flex.recetas .card img {
  width: 100%;
  height: 215px;
  object-fit: cover; 
}

.flex.recetas .card-content {
  padding: 15px;
  flex-grow: 1;
}
.flex.recetas .card ul{margin-bottom: 0;}
.flex.recetas .card p{margin:0; font-size: .8em; line-height: normal;}
picture.image figcaption{position: absolute;bottom: 0; color: #fff; padding:15px;}
.tiktok-embed{border:0; margin: 0 ; padding: 0;}
.m-b-0{margin-bottom: 0;}
.capitalize{text-transform: uppercase;}
a, a strong, a:hover {color: #ff6600;}
.image.left, .image.right {
    width: 50%;
    max-width: 25rem;
}
small strong{font-weight:700;}
.image.fit {
    width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 1680px){
	.contenedor-banner img {width: 60%;}
	.container-videos .item{width: 415px;}
}
@media screen and (max-width: 1280px){
	.contenedor-banner img {width: 75%;}
	.container-videos .item{width: 48%;}
	.video-wrapper{height: 70vh;}
}
@media screen and (max-width: 1280px){
	.container-videos .item{width: 48%;}
	
}
@media screen and (max-width: 1024px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 980px){
	.image.left img, .image.right img{max-width: 100%; width:100%; margin: 0 auto 15px auto;}
	.flex .item{width: 100%; margin-bottom: 1rem;}
	.flex .item:last-child{margin-bottom:0;}
	.banner.style2.fullscreen{min-height:50vh!important;}
}
@media screen and (max-width: 780px){
	.image.left, .image.right {width: 100%; max-width: 100%; margin: 0 auto 15px auto;}
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 480px){
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){
	
}