/* Patrón permanente aprobado: propuesta Horizontal (2026-10-07).
   Tarjeta común: portada izquierda, título/entradilla/CTA derecha.
   ≤580px: portada arriba, texto debajo. No es el hero del artículo.
   Mantener estructura y clases al actualizar la noticia (nuevo_post.py).
   Fuente única: _artefactos/estrategia/BLOG_IMAGEN_PORTADA.md. */
#ultimo-post-blog {
    --blog-panel: #10263c;
    --blog-border: #294156;
    --blog-text: #fff;
    --blog-soft: #c5ccd4;
    padding: 24px;
}
#ultimo-post-blog .blog-destacado-tarjeta {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 36px;
    width: 100%;
    max-width: var(--wrap);
    margin-inline: auto;
    padding: 32px;
    border: 1px solid var(--blog-border);
    border-radius: 24px;
    background: var(--blog-panel);
    color: var(--blog-text);
}
#ultimo-post-blog .blog-destacado-media-compacta {
    width: 100%;
    max-width: calc(1280px / 3);
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
}
#ultimo-post-blog .blog-destacado-media img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
#ultimo-post-blog .blog-destacado-copy { min-width: 0; padding: 0; }
#ultimo-post-blog .blog-destacado-etiqueta {
    display: block;
    margin-bottom: 20px;
    color: var(--blog-soft);
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}
#ultimo-post-blog h2 {
    margin: 0;
    max-width: none;
    color: var(--blog-text);
    font-size: clamp(26px, 4vw, 40px);
    line-height: 1.16;
    font-weight: 600;
    letter-spacing: -.035em;
    text-wrap: balance;
}
#ultimo-post-blog .lead {
    margin: 22px 0 0;
    max-width: none;
    color: var(--blog-soft);
    font-size: 19px;
    line-height: 1.6;
    font-weight: 400;
}
#ultimo-post-blog .blog-destacado-actions { gap: 22px; margin-top: 30px; }
#ultimo-post-blog .blog-destacado-actions .btn {
    min-height: 48px;
    padding: 12px 23px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}
#ultimo-post-blog .blog-destacado-link { font-size: 14px; line-height: 1.5; font-weight: 600; }
@media (max-width: 580px) {
    #ultimo-post-blog { padding: 14px; }
    #ultimo-post-blog .blog-destacado-tarjeta {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
        padding: 20px;
        border-radius: 18px;
    }
    #ultimo-post-blog h2 { font-size: 27px; }
    #ultimo-post-blog .lead { font-size: 17px; }
    #ultimo-post-blog .blog-destacado-etiqueta { font-size: 10px; margin-bottom: 16px; }
    #ultimo-post-blog .blog-destacado-actions { gap: 17px; margin-top: 24px; }
}