@media only screen and (max-width: 576px) { .post.post-classic .thumb img {
	height: auto;
	}
}

.post .thumb img {
	width: -webkit-fill-available;
}

.post.post-classic .thumb img {
	width: -webkit-fill-available;
}

.navbar ul {
	text-align: center;
}

.navbar-nav {
	align-items: center;
}

#menu-item-97 a {
	font-weight: 600;
	color: #01A6AC;
}

#primary-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-97 > a {
	font-weight: 600;
	color: #01A6AC;
}

.page-header {
	display:none;
}

.wp-block-post-excerpt__more-link {
	font-weight: 600;
	font-size: 20px;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.wp-block-post-excerpt__more-text {
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
}

figure > a > img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.wp-block-post-author__avatar > img {
	border-radius: 25px;
}

.wp-block-post-author {
	align-items: center;
}

.wp-block-post-date {
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

div.wp-block-group {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div.eb-social-share-eelhz6t.eb-social-share-wrapper {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

li.wp-block-post {
	border: solid 1px #EBEBEB;
	border-radius: 10px !important;
	margin-bottom: 40px;
}

h2.post-title {
	padding-right: 20px;
	padding-left: 20px;
}

.wp-block-post-excerpt__excerpt {
	padding-right: 20px;
	padding-left: 20px;
}

div.wp-block-query-pagination-numbers {
	display:flex;
}

p.share-title {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 0px;
}

#jetpack_widget_social_icons-2 > ul {
	text-align: center;
}

#ez-toc-container > div > p  {
	line-height: 1.7 !important;
}

div.cta-box {
	border-radius: 10px;
	border: 1px solid #b5b5b5;
	text-align: center;
	padding: 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}

iframe.jetpack_remote_comment {
	height: 650px !important;
}

/* WhatsApp Floating Button CSS */
.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25D366;
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    z-index: 1000;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.whatsapp_float img {
    margin-top: 16px;
    width: 28px;
    height: 28px;
}

.whatsapp-icon {
    color: #FFFFFF;
    font-size: 30px;
    margin-top: 15px;
}

/* ===== Home del blog · rediseño AEO · 2026-08-03 =====
   El H1 del home vive en .page-header, oculta globalmente por la regla
   ".page-header { display:none }" de más arriba. Acá se reactiva SOLO en el
   home para que el H1 sea visible; el resto del sitio queda igual.
   Revertir = borrar este bloque. */
body.home .page-header {
	display: block;
	background: transparent;
	padding-top: 28px;
	padding-bottom: 0;
}
body.home .page-header > .container-xl {
	background: #EAF8F8;
	border-radius: 16px;
	padding-top: 28px;
	padding-bottom: 28px;
}
body.home .page-header .breadcrumbs {
	display: none;
}
body.home .page-header .text-center {
	text-align: left !important;
}

.pulpos-answer-capsule {
	font-size: 1.0625rem;
	line-height: 1.7;
}

.pulpos-cluster-cards {
	gap: 16px;
}
.pulpos-cluster-cards .wp-block-column {
	border: 1px solid #E1E7EF;
	border-radius: 10px;
	padding: 16px 16px 12px;
}
.pulpos-cluster-cards h3 {
	margin-top: 0;
	margin-bottom: 6px;
}
.pulpos-cluster-cards p {
	margin-bottom: 0;
}

/* Contraste del texto de la tarjeta de definición del sidebar.
   Katen lo pintaba #8F9BAD sobre blanco = 2.82:1, falla WCAG AA (pide 4.5:1).
   #44546C sobre blanco = 7.69:1. */
.widget-about p {
	color: #44546C;
}

/* --- Ajustes 03-ago (revisión de Agus) --- */

/* La tarjeta de definición de Pulpos bajó al cuerpo, antes de las FAQ.
   En el sidebar se conserva para los artículos, se oculta solo en el home. */
/* El home queda a ancho completo: la tarjeta de Pulpos bajó al cuerpo y el
   sidebar quedaba como una columna vacía. En los artículos el sidebar sigue igual.
   Revertir = borrar estas dos reglas. */
body.home .main-content .col-lg-4 {
	display: none;
}
body.home .main-content .col-lg-8 {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}
.pulpos-about-card {
	background: #EAF8F8;
	border-radius: 12px;
	padding: 20px 22px;
}
.pulpos-about-card h2 {
	margin-top: 0;
	margin-bottom: 8px;
}
.pulpos-about-card p {
	margin-bottom: 0;
	color: #0F6E56;
}

/* Meta row de las tarjetas del listado: categoría a la izquierda,
   "Actualizado <fecha>" a la derecha. */
.pulpos-card-meta {
	margin-bottom: 6px;
}
.pulpos-card-updated {
	gap: 5px;
	color: #44546C;
}
.pulpos-card-updated p,
.pulpos-card-updated .wp-block-post-date {
	margin: 0;
	color: #44546C;
}

/* --- Aire interno de las tarjetas · 03-ago --- */
/* Las tarjetas del listado traían padding 0 y el aire lo daban reglas sueltas
   de 20px en cada hijo (herencia de cuando la tarjeta tenía la imagen a sangre).
   Al quitar la imagen no quedaba nada de aire arriba y el título quedaba 20px
   más a la izquierda que la categoría. Ahora el padding vive en la tarjeta y
   los hijos se normalizan. Acotado al home. */
body.home .wp-block-query .wp-block-post {
	padding: 24px 28px 26px;
}
body.home .wp-block-query .wp-block-post > div.wp-block-group,
body.home .wp-block-query .wp-block-post .wp-block-post-date,
body.home .wp-block-query .wp-block-post .wp-block-post-excerpt__excerpt,
body.home .wp-block-query .wp-block-post .wp-block-post-excerpt__more-text {
	padding-left: 0;
	padding-right: 0;
}
body.home .wp-block-query .wp-block-post .wp-block-post-date {
	margin-bottom: 0;
}
body.home .wp-block-query .wp-block-post .wp-block-post-title {
	margin: 14px 0 10px;
}
body.home .wp-block-query .wp-block-post .wp-block-post-excerpt {
	margin-bottom: 0;
}

/* La tarjeta de "Qué es Pulpos" es un div.wp-block-group, así que la regla
   global "div.wp-block-group { padding: 0 20px }" le ganaba por especificidad
   y quedaba sin aire vertical. */
body.home .pulpos-about-card {
	padding: 28px 30px;
	margin-top: 8px;
}

/* --- Página de autor · 03-ago --- */
/* El listado de la página de autor usa el template .post-classic de Katen
   (no el Query Loop del home). Se aligera con el mismo criterio: sin imagen
   a sangre, sin el nombre del autor repetido en cada tarjeta (es su propia
   página) y sin los botones de compartir por tarjeta. */
/* El listado usa la misma tarjeta que los recomendados: miniatura chica a la
   izquierda en vez de la imagen a sangre original. Sigue siendo mucho más
   liviano que el formato de Katen y unifica el lenguaje de la página. */
body.author .post.post-classic {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 14px 16px;
}
body.author .post.post-classic .thumb {
	display: block;
	flex: 0 0 132px;
	margin: 0;
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #EAF8F8;
}
body.author .post.post-classic .thumb a,
body.author .post.post-classic .thumb img {
	display: block;
	width: 100%;
	height: 100%;
}
body.author .post.post-classic .thumb img {
	object-fit: cover;
	border-radius: 8px !important;
}
body.author .post.post-classic .details .meta .list-inline-item:first-child {
	display: none;
}
body.author .post.post-classic .post-bottom {
	/* .d-flex de Bootstrap trae !important, hay que ganarle */
	display: none !important;
}
body.author .post.post-classic .details {
	padding: 0;
	min-width: 0;
	max-width: 80ch;
}
body.author .post.post-classic .post-title {
	font-size: 16px;
	line-height: 1.35;
}
body.author .post.post-classic .excerpt {
	font-size: 13px;
	line-height: 1.55;
}
/* La categoría del listado se iguala a la de los recomendados: versalitas teal,
   para que las dos secciones usen literalmente la misma tarjeta. */
body.author .post.post-classic .details .meta,
body.author .post.post-classic .details .meta a {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #0F6E56;
}
body.author .post.post-classic .details .meta {
	margin-bottom: 3px;
}
body.author .post.post-classic .post-title {
	margin-bottom: 8px;
}
body.author .post.post-classic .excerpt {
	margin-bottom: 0;
}
/* La definición de Pulpos bajó al cierre del contenido (la imprime el snippet
   "Pulpos - El Mostrador en la pagina de autor"), así que el sidebar quedaba
   como una columna vacía. Igual que en el home, la página de autor pasa a
   ancho completo. En los artículos el sidebar sigue intacto.
   Ojo: la página de autor usa col-lg-* igual que el home (los artículos sí usan col-md-*). */
body.author .main-content .col-lg-4 {
	display: none;
}
body.author .main-content .col-lg-8 {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}