p {
  line-height: 1.5 !important;
}
h1.entry-title {
    font-size: clamp(24px, 6vw, 32px) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

.entry-content h2, .entry-content h3 {
    font-size: 1.1rem !important;
    font-weight: bold;
    margin-top: 5px !important;
}
/* Elimina la columna derecha en todo el sitio MENOS en la portada */
body:not(.home) #secondary {
    display: none !important;
}

/* Hace que el contenido se centre o use el espacio sobrante */
body:not(.home) #primary {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
}
.mi-bloque-verde, 
.mi-bloque-verde * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
}
/* Reducir espacio entre bloques en todo el sitio */
p, .wp-block-paragraph {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/* Eliminar espacios extra en contenedores de bloques */
.entry-content > * {
    margin-block-start: 0.5em !important;
    margin-block-end: 0.5em !important;
}
/* Ocultar la categoría en todo el sitio */
.cat-links, .entry-categories, .post-categories {
    display: none !important;
}
/* Limpiar el botón del podcast y quitar el rojo */
.boton-limpio, .boton-limpio a {
    background-color: #003366 !important; /* Azul oscuro */
    border: none !important;
    border-radius: 20px !important;
    color: white !important;
    box-shadow: none !important;
}
.archive.category .page-header, 
.archive.category .page-title {
    display: none !important;
}
.entry-meta, .entry-summary {
    display: none;
}
/* 1. Achicar la foto para que no sea gigante */
.site-main .post-thumbnail {
    width: 40% !important; /* La foto ahora ocupa menos de la mitad */
    float: left !important; /* La mandamos a la izquierda */
    margin-right: 25px !important;
    margin-bottom: 20px !important;
}

.site-main .post-thumbnail img {
    width: 100% !important;
    height: 200px !important; /* Altura controlada */
    object-fit: cover !important;
}

/* 2. El Título (La Cabeza) al lado de la foto */
.site-main .entry-header {
    width: 55% !important; /* El resto del ancho para el texto */
    float: left !important;
    position: static !important;
    padding: 0 !important;
}

.site-main .entry-title a {
    color: #ff0000 !important;
    font-size: 26px !important; /* Título grande y de noticia */
    line-height: 1.2 !important;
}
/* 1. Reduce el espacio entre cada noticia */
.site-main article {
    margin-bottom: 10px !important; /* Estaba en 50px, lo bajamos a 10 */
    padding-bottom: 5px !important;
}

/* 2. Quita márgenes internos de la foto y el título */
.site-main .post-thumbnail {
    margin-bottom: 0 !important;
}

.site-main .entry-header {
    padding-top: 0 !important;
    margin-top: -5px !important; /* Sube un poco el título para pegarlo a la foto */
}

/* 3. Elimina espacios sobrantes del contenedor principal */
.entry-content, .entry-summary {
    margin: 0 !important;
}
/* 1. Pegar las notas casi por completo */
.site-main article {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* 2. Ajuste fino para eliminar el aire superior e inferior */
.site-main .entry-header {
    margin-top: -10px !important; /* Sube el título un poco más */
}

.site-main .post-thumbnail {
    margin-top: -5px !important; /* Elimina espacio arriba de la foto */
}

/* 3. Eliminar márgenes del contenedor de la lista */
.page-content, .entry-content, .entry-summary {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* AJUSTE PARA CELULARES (LIMPIO Y SIN ESPACIOS) */
@media (max-width: 767px) {
    /* 1. La nota completa sin aire arriba ni abajo */
    .site-main article {
        margin-bottom: 5px !important; 
        padding-top: 0 !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #eee !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    /* 2. La foto sin margen inferior */
    .site-main .post-thumbnail {
        width: 100% !important;
        float: none !important;
        margin-bottom: 2px !important;
    }

    /* 3. El título pegado a la foto */
    .site-main .entry-header {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .site-main .entry-title a {
        font-size: 19px !important;
        line-height: 1 !important;
    }
}
.page-id-1943 .entry-title {
    display: none;
}
/* Elimina espacio debajo del logo */
.page-id-1943 .wp-block-image {
    margin-bottom: -40px !important;
}

/* Elimina espacio arriba del texto y lo sube */
.page-id-1943 .entry-content {
    margin-top: -30px !important;
    padding-top: 0 !important;
}

/* Ajuste específico para el primer párrafo */
.page-id-1943 .entry-content p:first-of-type {
    margin-top: 0 !important;
}
/* DISEÑO PARA COMPUTADORA */
@media (min-width: 601px) {
    .page-id-1943 .wp-block-post {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 30px !important;
        margin-bottom: 35px !important;
    }

    .page-id-1943 .wp-block-post-featured-image {
        flex: 0 0 380px !important; /* Foto grande en PC */
        margin: 0 !important;
    }
}

/* DISEÑO PARA CELULAR (Evita que el texto se amontone) */
@media (max-width: 600px) {
    .page-id-1943 .wp-block-post {
        display: flex !important;
        flex-direction: column !important; /* Foto arriba, texto abajo */
    }

    .page-id-1943 .wp-block-post-featured-image {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
}

/* ESTILO GENERAL (Títulos Rojos) */
.page-id-1943 .wp-block-post-title a {
    color: #e60000 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
}
/* Espacio entre el encabezado y la primera nota */
.page-id-1943 .wp-block-query {
    margin-top: 50px !important;
}

/* Espacio interno para que no se pegue al borde */
.page-id-1943 .wp-block-post {
    border-bottom: 1px solid #eee; /* Una línea sutil para separar notas */
    padding-bottom: 25px;
}
@media (max-width: 768px) {
    /* Quitamos todo el espacio del contenedor del encabezado */
    .site-main .entry-header {
        margin-bottom: -10px !important;
        padding-bottom: 0px !important;
    }

    /* Forzamos el título a no tener margen abajo */
    .entry-title {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        line-height: 1.1 !important;
    }

    /* Subimos el bloque del nombre con un margen negativo más agresivo */
    .entry-content {
        margin-top: -35px !important;
        padding-top: 0px !important;
    }
}