body.page-template-page-recetas, body.single-recipes{

	background-color: #fff;

	margin-top:-50px !important;

}

.page-template-page-recetas header,.single-recipes header{

	margin-top:50px;

	padding-bottom:150px;

}



.seccionrecetas{

	margin-top:50px;

	min-height:300px;

}

.seccionrecetas .container{

	position:relative;

	padding-bottom:50px;

}

.seccionrecetas .tabs {
    display: flex;
    flex-wrap: nowrap; /* Mantén los elementos en una sola fila */
    justify-content: center; /* Asegura que los elementos estén centrados */
    align-items: center; /* Alinea verticalmente los elementos */
    margin-top: 150px;
    max-width: 920px; /* Mantén el límite de ancho */
    margin: 0 auto; /* Centra el contenedor */
}

.seccionrecetas .tabs .col-sm-6 {
    flex: 1; /* Asegura que cada columna tenga el mismo tamaño */
    max-width: 215px; /* Ancho máximo de cada botón */
    margin: 0 10px; /* Añade espacio entre los botones */
}

.seccionrecetas .tabs div div {
    width: 215px; /* Asegura que todos los botones tengan un tamaño uniforme */
    height: 215px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Media query para pantallas móviles */
@media (max-width: 768px) {
    .seccionrecetas .tabs {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Grilla de 2 columnas */
        grid-gap: 20px; /* Espacio entre filas y columnas */
        justify-content: center; /* Centrar la grilla completa */
    }

    .seccionrecetas .tabs .col-sm-6 {
        max-width: none;
        margin: 0;
    }

    .seccionrecetas .tabs div div {
        width: 100%; /* Los botones ocuparán el 100% del contenedor padre */
    }

    /* Centrar el botón de "Pavo" cuando está solo en la fila */
    .seccionrecetas .tabs .col-sm-6:nth-child(5) {
        grid-column: 1 / -1; /* El botón de "Pavo" ocupará todo el ancho disponible */
        justify-self: center; /* Centrar el botón en su fila */
    }
}

#tab1{

	background: url('../images/btn-pollo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab2{

	background: url('../images/btn-res.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab3{

	background: url('../images/btn-cerdo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab4{

	background: url('../images/btn-embutidos.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab5{

	background: url('../images/btn-pavo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}



#tab1.active{

	background: url('../images/btn-pollo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab2.active{

	background: url('../images/btn-res-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab3.active{

	background: url('../images/btn-cerdo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab4.active{

	background: url('../images/btn-embutidos-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab5.active{

	background: url('../images/btn-pavo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}



#tab1-2{

	background: url('../images/btn-pollo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab2-2{

	background: url('../images/btn-res.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab3-2{

	background: url('../images/btn-cerdo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab4-2{

	background: url('../images/btn-embutidos.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab5-2{

	background: url('../images/btn-pavo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}



#tab1-2.active{

	background: url('../images/btn-pollo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab2-2.active{

	background: url('../images/btn-res-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab3-2.active{

	background: url('../images/btn-cerdo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab4-2.active{

	background: url('../images/btn-embutidos-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

#tab5-2.active{

	background: url('../images/btn-pavo-activo.jpg') no-repeat center;

	background-size:contain;

	height:215px;

	width:215px;

}

.seccionrecetas  #recetas{

	display:table;

	padding-top:120px;

	width:100%

}

.seccionlistarecetas,.seccionsinglereceta{

	background-color:#f2f4f6;

	padding:60px 0; 

}

.page-template-page-recetas h2 a:hover{

	text-decoration:none;

}

.seccionlistarecetas .main-image{

	min-height:500px;

	border-radius: 25px;

	border: 2px solid #e2211c;

	margin-bottom: 40px;

}



.seccionlistarecetas #contenido{

	width:100%;

}

.seccionlistarecetas .details{

	padding: 0 100px;

	margin-bottom: 40px;

}



.seccionlistarecetas h2,.seccionlistarecetas h2 a,.seccionsinglereceta h2{

	color: #e2211c;

	text-transform: uppercase;

	font-family: 'Montserrat', sans-serif;

	font-size:28px;

	text-align: center;

	font-weight:bold;

}

.seccionseparadorreceta{

	margin-top:80px;

}

.seccionseparadorreceta h2{

	text-transform: uppercase;

}



.seccionlistarecetas .article-content{

	margin: 0 30px;

}

.seccionsinglereceta .article-content{

	margin: auto 30px;

}

.vertical-center {

  margin: 0;

  position: absolute;

  top: 50%;

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.punteado{ 

   border-bottom: 3px dotted red;

}

.seccionsinglereceta .main-image{

	min-height:546px;

	border-radius: 25px;

	border: 2px solid #e2211c;

}

.seccionsinglereceta .subtitle{

	margin-bottom:-15px;

}

.seccionsinglereceta .subtitle h2{

	width: 350px;

	font-size: 30px;

	padding-left: 20px;

	margin-left:0px;

}

.seccionsinglereceta .content{	

	background-color: #faf8f8;

	color: #858585;

	font-family: 'Montserrat', sans-serif;

	padding: 30px 20px;

}

.seccionsinglereceta .content.ingredientes .p{

	min-height: 30px;

	margin:15px 3px;

}



.seccionsinglereceta .details{

	padding: 0 100px;

	margin-bottom: 40px;

}



.seccionsinglereceta .content.ingredientes .p span{	

	background: url('../images/visto-ingred.jpg') no-repeat center;

	width:30px;

	height:30px;

	display:block;

	float:left;

	margin-right: 10px;

}

.content.preparacion li{

	margin: 20px 0px;

}



.content.preparacion li::marker{

	font-weight:bold;

	color:#ed3f2f;

}



