.post-thumbnail img {
max-width: 850px;
border-radius: 8px;
margin: auto;
display: block;
}


/* Reducir cabecera ~60% */

.header {
    padding-top: 5px !important;
    padding-bottom: 1px !important;
}

.site-title {
    font-size: 30px !important;
    margin-bottom: 5px !important;
}

.site-description {
    font-size: 12px !important;
    margin-bottom: 8px !important;
}

.custom-logo {
    max-height: 80px !important;
}

.header .social-menu {
    margin-top: 2px !important;
}

/* Quitar espacio debajo del título de página */

.post-header {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

.post-inner {
    padding-top: 0px !important;
}

.entry-header {
    margin-bottom: 0px !important;
}

/* Quita el espacio del separador del tema */
.section-inner {
    padding-top: 0px !important;
}


/* Ajustar tamaño imagen destacada */

.featured-media img {
    max-width: 500px !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* reducir espacio alrededor */
.featured-media {
    margin-bottom:1px !important;
}

/* Ocultar imagen destacada dentro de las publicaciones */

.single .featured-media {
    display: none !important;
}
/* Reduce la distancia entre encabezados y listas */
h2, h3, h4 {
    margin-bottom: 0.5rem !important;
}

ul, ol {
    margin-top: 0.2rem !important;
}
/* Amplía el contenedor principal del contenido */
.site-main, 
.entry-content, 
.wp-block-group {
    max-width: 1200px !important; /* Puedes subirlo a 1300px o 1400px si lo quieres aún más ancho */
    width: 100% !important;
}



/* =================================================================
   1. CONTENEDOR PRINCIPAL Y TEXTO
   =================================================================== */
.site-main, 
.entry-content, 
.wp-block-group {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mejora de legibilidad: Evita que los párrafos sean demasiado largos */
.entry-content p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


/* =================================================================
   2. CABECERA OPTIMIZADA
   =================================================================== */
.header {
    padding-top: 5px !important;
    padding-bottom: 1px !important;
}

.site-title {
    font-size: 30px !important;
    margin-bottom: 5px !important;
}

.site-description {
    font-size: 12px !important;
    margin-bottom: 8px !important;
}

.custom-logo {
    max-height: 80px !important;
}

.header .social-menu {
    margin-top: 2px !important;
}


/* =================================================================
   3. ESPACIADOS Y SECCIONES
   =================================================================== */
.post-header {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

.post-inner {
    padding-top: 0px !important;
}

.entry-header {
    margin-bottom: 0px !important;
}

.section-inner {
    padding-top: 0px !important;
}


/* =================================================================
   4. IMÁGENES DESTACADAS
   =================================================================== */
.post-thumbnail img,
.featured-media img {
    max-width: 500px !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
    margin: 0 auto !important;
}

.featured-media {
    margin-bottom: 1px !important;
}

/* Ocultar imagen destacada dentro de la vista individual de las publicaciones */
.single .featured-media {
    display: none !important;
}


/* =================================================================
   5. TIPOGRAFÍA Y TÍTULOS EN AZUL DE MARCA (#0990CC)
   =================================================================== */
.entry-title, h1, h2, h3, h4 {
    color: #0990CC !important;
    letter-spacing: -0.5px;
    font-weight: 700;
    margin-bottom: 0.5rem !important;
}

ul, ol {
    margin-top: 0.2rem !important;
}

.entry-content ul li {
    margin-bottom: 0.4rem;
    line-height: 1.5;
}


/* =================================================================
   6. DISEÑO DE TARJETAS Y ENLACES
   =================================================================== */
.wp-block-group.has-background, 
.wp-block-columns {
    border-radius: 12px !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

a {
    transition: color 0.2s ease-in-out;
}

/* =================================================================
   CORREGIR SEPARACIÓN EXCESIVA EN LISTAS (JUSTIFICADO)
   =================================================================== */
.entry-content ul, 
.entry-content ol, 
.wp-block-list,
.wp-block-wp-recipe-maker {
    text-align: left !important;
}