.site-header-main-section-left {
  position: relative; /* Referencia para posicionar el logo */
}

.custom-logo {
  position: absolute;
  top: 0px; /* Ajusta este valor para controlar cuánto baja el logo */
  left: 0%;
  transform: translateX(-50%);
  z-index: 10;
}


img.custom-logo {
  border: 2px solid white; /* Ajusta el grosor aquí */
  border-radius: 0px; /* Opcional: redondear esquinas */
  box-sizing: border-box; /* Para que el borde no rompa el tamaño */
}


/* --- CENTRAR BLOQUE DE POSTS RELACIONADOS --- */
.jp-relatedposts-items.jp-relatedposts-items-visual.jp-relatedposts-grid {
    display: flex;               /* Flexbox para centrar las tarjetas */
    justify-content: center;     /* Centrado horizontal */
    flex-wrap: wrap;             /* Permite varias filas si hay muchos posts */
    gap: 20px;                   /* Espacio entre tarjetas */
    text-align: center;          /* Alinea contenido dentro de cada tarjeta */
}

/* --- CONTROLAR ANCHO DE CADA TARJETA --- */
.jp-relatedposts-items .jp-relatedposts-post {
    max-width: 300px;            /* Limita ancho de cada tarjeta */
}

/* --- CENTRAR EL TÍTULO "RELACIONADO" --- */
.jp-relatedposts-headline {
    text-align: center;          /* Centrado del texto */
    width: 100%;                 /* Ocupa todo el ancho del contenedor */
    display: block;
    font-size: 1.5rem;           /* Tamaño similar a Kadence */
    font-weight: 600;            /* Negrita */
    margin: 30px 0 20px 0;       /* Espacio superior e inferior */
    border-bottom: 2px solid #ddd; /* Línea decorativa opcional */
    padding-bottom: 10px;        /* Espacio debajo del texto */
}

/* --- OPCIONAL: ajustar subtítulos dentro de cada tarjeta --- */
.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title {
    font-size: 1.1rem;           /* Tamaño del título de cada post */
    font-weight: 500;
    margin-bottom: 10px;
}

/* --- RESPONSIVE: móvil/tablet --- */
@media (max-width: 768px) {
    .jp-relatedposts-items .jp-relatedposts-post {
        max-width: 90%;           /* Tarjetas más anchas en móviles */
    }
}