/* Estilos personalizados para la página de entradas del blog */
/* Mismo estilo EXACTO que el slider: imágenes verticales, título completo, sin descripción */

/* Contenedor de posts del blog - Grid de 3 columnas */
.ast-archive-description,
.blog-layout-1,
.blog-layout-2,
.blog-layout-3,
.blog-layout-4,
.blog-layout-5,
.blog-layout-6 {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
}

@media (max-width: 1024px) {
	.blog-layout-1,
	.blog-layout-2,
	.blog-layout-3,
	.blog-layout-4,
	.blog-layout-5,
	.blog-layout-6 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	.blog-layout-1,
	.blog-layout-2,
	.blog-layout-3,
	.blog-layout-4,
	.blog-layout-5,
	.blog-layout-6 {
		grid-template-columns: 1fr !important;
	}
}

/* Artículo del blog - EXACTO como el slider */
article[class*="post-"],
article.ast-article-post,
.post-content,
.ast-article-inner {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	transition: box-shadow 0.3s ease !important;
	background: #fff !important;
	margin-bottom: 0 !important;
}

article[class*="post-"]:hover,
article.ast-article-post:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Contenedor de imagen - EXACTO como el slider - VERTICAL (3:4) */
article[class*="post-"] .post-thumb-img-content,
article.ast-article-post .post-thumb-img-content,
article[class*="post-"] .post-thumb,
article.ast-article-post .post-thumb,
article[class*="post-"] .ast-blog-featured-section,
article.ast-article-post .ast-blog-featured-section {
	width: 100% !important;
	overflow: hidden !important;
	position: relative !important;
	background: #f5f5f5 !important;
	display: block !important;
	visibility: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	order: -1 !important; /* Poner la imagen primero */
}

/* Link de la imagen */
article[class*="post-"] .post-thumb-img-content a,
article.ast-article-post .post-thumb-img-content a,
article[class*="post-"] .post-thumb a,
article.ast-article-post .post-thumb a,
article[class*="post-"] .ast-blog-featured-section a,
article.ast-article-post .ast-blog-featured-section a,
.post-thumb-img-content a[class*="article-image-url"] {
	display: block !important;
	width: 100% !important;
	position: relative !important;
	padding-top: 133.33% !important; /* Proporción 3:4 (vertical) */
	overflow: hidden !important;
	height: 0 !important;
	visibility: visible !important;
	background: #f5f5f5 !important;
}

/* IMAGEN - Posicionamiento absoluto exacto como el slider */
article[class*="post-"] .post-thumb-img-content img,
article.ast-article-post .post-thumb-img-content img,
article[class*="post-"] .post-thumb img,
article.ast-article-post .post-thumb img,
article[class*="post-"] .ast-blog-featured-section img,
article.ast-article-post .ast-blog-featured-section img,
.post-thumb-img-content img,
.post-thumb img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	transition: transform 0.3s ease !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-width: 100% !important;
	min-width: 100% !important;
}

article[class*="post-"]:hover .post-thumb-img-content img,
article.ast-article-post:hover .post-thumb-img-content img,
article[class*="post-"]:hover .post-thumb img,
article.ast-article-post:hover .post-thumb img {
	transform: scale(1.05) !important;
}

/* OCULTAR CATEGORÍAS (incluyendo "Uncategorized") */
article[class*="post-"] .cat-links,
article.ast-article-post .cat-links,
article[class*="post-"] .ast-taxonomy-container,
article.ast-article-post .ast-taxonomy-container,
article[class*="post-"] .ast-terms-link,
article.ast-article-post .ast-terms-link,
.ast-terms-link,
article[class*="post-"] .blog-category-style,
article.ast-article-post .blog-category-style,
article[class*="post-"] .post_categories,
article.ast-article-post .post_categories,
article[class*="post-"] .ast-button,
article.ast-article-post .ast-button,
article[class*="post-"] .ast-taxonomy-container.cat-links,
article.ast-article-post .ast-taxonomy-container.cat-links {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
}

/* Contenedor de contenido - EXACTO como el slider */
.post-content,
.post-content .entry-header,
.ast-article-inner,
.ast-article-inner .entry-header,
.ast-article-content {
	padding: 1.5em 1.25em !important;
	flex-grow: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
}

/* Título - COMPLETO VISIBLE - EXACTO como el slider */
article[class*="post-"] .entry-title,
article.ast-article-post .entry-title,
.ast-article-post h2.entry-title,
.ast-article-post h1.entry-title,
.ast-article-post .entry-title a,
h2.entry-title,
h2.entry-title a,
h1.entry-title a {
	margin: 0 0 0.75em 0 !important;
	font-size: 1.1em !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	color: #333 !important;
	text-decoration: none !important;
	display: block !important;
}

article[class*="post-"] .entry-title a:hover,
article.ast-article-post .entry-title a:hover,
.ast-article-post h2.entry-title a:hover,
h2.entry-title a:hover {
	color: #0066cc !important;
}

/* Ocultar autor */
article[class*="post-"] .posted-by,
article.ast-article-post .posted-by,
article[class*="post-"] .ast-author-meta,
article.ast-article-post .ast-author-meta,
article[class*="post-"] .entry-meta .posted-by,
article.ast-article-post .entry-meta .posted-by,
article[class*="post-"] .entry-meta a[href*="author"],
article.ast-article-post .entry-meta a[href*="author"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Fecha - MOSTRAR - EXACTO como el slider */
article[class*="post-"] .posted-on,
article.ast-article-post .posted-on,
article[class*="post-"] .entry-meta .posted-on,
article.ast-article-post .entry-meta .posted-on,
.ast-article-post .entry-meta .posted-on,
article[class*="post-"] .ast-meta-date,
article.ast-article-post .ast-meta-date,
.ast-meta-date,
article[class*="post-"] .entry-meta time,
article.ast-article-post .entry-meta time,
.entry-meta time,
article[class*="post-"] .entry-meta .posted-on time,
article.ast-article-post .entry-meta .posted-on time {
	display: block !important;
	font-size: 0.875em !important;
	color: #666 !important;
	margin-top: auto !important;
	padding-top: 0.5em !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* OCULTAR DESCRIPCIÓN/EXCERPT */
article[class*="post-"] .entry-content,
article[class*="post-"] .ast-excerpt-container,
article.ast-article-post .entry-content,
article.ast-article-post .ast-excerpt-container,
.ast-article-post .entry-content,
.ast-excerpt-container,
.ast-article-summary,
.post-content .entry-content,
.post-content .entry-content .ast-excerpt-container {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ocultar "Leer más" */
article[class*="post-"] .ast-read-more,
article.ast-article-post .ast-read-more,
.ast-read-more,
.read-more {
	display: none !important;
}

/* Ocultar tags */
article[class*="post-"] .tag-links,
article.ast-article-post .tag-links,
article[class*="post-"] .post_tags,
article.ast-article-post .post_tags {
	display: none !important;
}

/* Asegurar estructura correcta */
.ast-article-post .ast-article-inner,
article[class*="post-"] .ast-article-inner {
	display: flex !important;
	flex-direction: column !important;
}