/* 1. Estilos Base (Escritorio y Global) */
.single .hero-section,
.single .ct-featured-image,
.single #main .entry-content,
.single .ct-related-posts {
    padding-left: 50px;
    padding-right: 30px;
}

.single .ct-featured-image {
    padding-bottom: 25px;
}

.single .ct-featured-image img {
    width: 100% !important;
    height: 450px;
    object-fit: cover !important;
    display: block !important;
}


.single article.post.type-post {
    margin-bottom: -35px !important;
}

/*.single .page-title {
    margin-top: -10px;
}*/

.subtitulo-entrada {
    /*margin-bottom: 10px;*/
    font-size: 18px;
	line-height: 1.2;
    font-weight: 500;
}

.single #main .entry-content p {
	margin-top: 10px !important;
    font-size: 18px;
}

.contenedor-imgs-post {
	margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.contenedor-imgs-post a {
    flex: 0 0 calc((100% - 30px) / 3);
}

.contenedor-imgs-post img {
    border-radius: 5px;
    width: 100%;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
}

.contenedor-imgs-post a img {
    margin: 0 !important;
}

/* 2. Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .single .hero-section,
    .single .ct-featured-image,
    .single #main .entry-content,
    .single .ct-related-posts {
        padding-left: 40px;
        padding-right: 40px;
    }

    /*.single .page-title {
        margin-top: -35px;
        margin-bottom: -7px;
    }*/

    /*.single #main .entry-content {
       
    }*/

    .single .ct-featured-image img {
        height: 280px !important;
    }
}

/* 3. Móvil (max-width: 768px) */
@media (max-width: 768px) {
    .single .hero-section,
    .single .ct-featured-image,
    .single #main .entry-content,
    .single .ct-related-posts {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
	
	.subtitulo-entrada,
	.single #main .entry-content > p{
		padding-left: 3px;
	}
    .contenedor-imgs-post {
        gap: 10px;
    }

    .contenedor-imgs-post a {
        flex: 0 0 calc(50% - 5px);
    }
}