/* Reglas compartidas de one-catalogo.css para paginas sin comercio.
   Mantener sincronizadas con el archivo completo; cobertura en one_common_css_test.js. */
/* ============================================================
   BLOG - Estética one-titulo-faqs / one-ficha54-copete (igual que home_modulo_textos_categoria)
   Selectores con mayor especificidad que .pt-post .pt-post-content .pt-title de style.css
   para que los títulos del blog apliquen correctamente el CSS.
   ============================================================ */
.one-modulo-textos-categoria .pt-post .pt-post-content .one-titulo-faqs,
.one-modulo-textos-categoria .pt-post .pt-post-content h2.one-titulo-faqs {
	font-size: 24px !important;
	line-height: 35px !important;
	font-weight: 700 !important;
	color: #333333 !important;
}
.one-modulo-textos-categoria .pt-post .pt-post-content .one-titulo-faqs a {
	color: inherit !important;
	text-decoration: none;
}
.one-modulo-textos-categoria .pt-post .pt-post-content .one-titulo-faqs a:hover {
	color: #00a89d !important;
	text-decoration: none;
}

/* ============================================================
   BLOG - Alineación del contenido de la columna lateral según layout_tipo
   columna_izquierda = sidebar a la izquierda → contenido alineado a la izquierda
   columna_derecha = sidebar a la derecha → contenido alineado a la derecha
   ============================================================ */
.pt-aside-align-left .pt-block-aside,
.pt-aside-align-left .pt-aside-title,
.pt-aside-align-left .pt-aside-content,
.pt-aside-align-left .pt-aside-post,
.pt-aside-align-left ul,
.pt-aside-align-left .pt-list-row,
.pt-aside-align-left .pt-list-inline {
	text-align: left;
}
.pt-aside-align-left .pt-list-inline {
	justify-content: flex-start;
}
.pt-aside-align-right .pt-block-aside,
.pt-aside-align-right .pt-aside-title,
.pt-aside-align-right .pt-aside-content,
.pt-aside-align-right .pt-aside-post,
.pt-aside-align-right ul,
.pt-aside-align-right .pt-list-row,
.pt-aside-align-right .pt-list-inline {
	text-align: right;
}
.pt-aside-align-right .pt-list-inline {
	justify-content: flex-end;
}

/* ============================================================
   BLOG - Columna lateral: aumentar tamaño de fuente (títulos y descripciones)
   ============================================================ */
.pt-block-aside .pt-aside-post .item .pt-title,
.pt-block-aside .pt-aside-post .item .pt-description {
	font-size: 18px;
	line-height: 26px;
}

/* ============================================================
   BLOG - pt-filter-nav solo en columna de posts (no ocupar todo el ancho)
   ============================================================ */
.pt-col-posts-blog {
	min-width: 0; /* Evita que flex items desborden su columna */
}

/* Etiquetas del blog: borde, solo la activa marcada */
.pt-list-inline li a.active {
	color: #48CAB2;
	border-color: #48CAB2;
}

/* ============================================================
   BLOG - 5 columnas (Bootstrap no tiene col-lg para 12/5)
   ============================================================ */
@media (min-width: 992px) {
	.pt-product-listing.pt-blog-listing .blog-col-5,
	.pt-listing-post.one-modulo-textos-categoria .blog-col-5 {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* ============================================================
   BAJAR Z-INDEX DE TODOS LOS ELEMENTOS DEL CATÁLOGO
   ============================================================ */

/* Contenedor principal del catálogo - crear contexto de apilamiento */
body:not(.one-page-producto-ficha) #pt-pageContent,
body:not(.one-page-producto-ficha) .pt-pageContent,
body:not(.one-page-producto-ficha) .container-indent,
body:not(.one-page-producto-ficha) .pt-product-listing,
body:not(.one-page-producto-ficha) .pt-layout-product-item,
body:not(.one-page-producto-ficha) .modulo-productos {
	position: relative;
	z-index: 0 !important;
	isolation: isolate; /* Crear nuevo contexto de apilamiento */
}

/* Availability icon - bajar z-index */
.pt-options-swatch li[data-availability=false] .availability-icon,
.availability-icon {
	z-index: 0 !important;
}

/* Tooltips - mantener z-index alto si están fuera del contexto del producto */
[data-tooltip],
[data-tooltip] * {
	z-index: 9999 !important;
}

/* ============================================================
   AJUSTES DE ESPACIADO DEL TÍTULO
   ============================================================ */

/* Asegurar que el título tenga espacio arriba (sobrescribir el margin-top negativo) */
.pt-title-subpages {
	margin-top: 20px !important;
}

/* Reducir el espacio abajo del título (de 37px a 15px) */
.pt-title-subpages.noborder {
	padding-bottom: 15px !important;
}

/* ============================================================
   MODAL DE FILTROS - Z-INDEX MÁS ALTO ABSOLUTO (SIN MEDIA QUERY)
   ============================================================ */

/* MODAL DE FILTROS - Z-INDEX MANEJADO POR JAVASCRIPT */
/* El z-index se aplica dinámicamente desde one-modal-filtros-zindex.js */
/* IMPORTANTE: El overlay (modal-filter) debe estar DEBAJO del sidebar */
.modal-filter {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999998 !important; /* DEBAJO del sidebar */
}

/* Sidebar cuando está abierto - DEBE estar ARRIBA del overlay */
.leftColumn.aside.column-open,
.aside.leftColumn.column-open,
.col-md-4.col-lg-3.col-xl-3.leftColumn.aside.column-open {
	z-index: 99999999 !important; /* ARRIBA del overlay */
	position: fixed !important;
}

/* Botón cerrar - mismo z-index que sidebar. Colores: color_92 / hover en mvd_funciones_colores_dinamicos */
.pt-btn-col-close {
	z-index: 99999999 !important;
	position: fixed !important;
}

/* Paginador: el template original marca la página actual en el <li class="active"> */
.pt-pagination ul li.active a,
.pt-pagination ul li a.active {
	border-color: #333333 !important;
}
.pt-pagination ul li.active a:before,
.pt-pagination ul li a.active:before {
	border-width: 1px !important;
	border-color: #333333 !important;
}

/* Respetar columnas móviles configuradas en módulo 44 aunque el selector del theme active pt-col-* */
@media (max-width: 767.98px) {
	.pt-product-listing.pt-col-one > .pt-col-item.col-12,
	.pt-product-listing.pt-col-two > .pt-col-item.col-12,
	.pt-product-listing.pt-col-three > .pt-col-item.col-12,
	.pt-product-listing.pt-col-four > .pt-col-item.col-12,
	.pt-product-listing.pt-col-six > .pt-col-item.col-12 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.pt-product-listing.pt-col-one > .pt-col-item.col-6,
	.pt-product-listing.pt-col-two > .pt-col-item.col-6,
	.pt-product-listing.pt-col-three > .pt-col-item.col-6,
	.pt-product-listing.pt-col-four > .pt-col-item.col-6,
	.pt-product-listing.pt-col-six > .pt-col-item.col-6 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}