/*
Theme Name: Newsport Personalizado
Theme URI: https://afthemes.com/products/newsport/
Author: AF themes
Author URI: https://afthemes.com
Description: Variante personalizada de Newsport para diferenciar un sitio de noticias del aspecto generico original. Mantiene CoverNews como tema padre y agrega una identidad editorial mas moderna.
See Demo: https://demo.afthemes.com/covernews/newsport/
Support: https://afthemes.com/supports/
Template: covernews
Version: 1.2.0
Requires PHP: 5.0
Tested up to: 6.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newsport-personalizado
Tags: news, blog, entertainment, one-column, two-columns, three-columns, four-columns, grid-layout, block-patterns, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-logo, custom-menu, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Newsport WordPress Theme, Copyright 2026 AF themes
Newsport is distributed under the terms of the GNU GPL v2 or later.
*/

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .main-navigation a,
body .font-family-1,
body .site-description,
body .trending-posts-line,
body .widget-title,
body .em-widget-subtitle,
body .grid-item-metadata .item-metadata,
body .af-navcontrols .slide-count,
body .figure-categories .cat-links,
body .nav-links a {
font-family: 'Archivo Narrow';
}


body .figure-categories .cat-links a.covernews-categories {
    background-color: #0c4e7b;
   
}

body .figure-categories .cat-links a.category-color-2 {
    background-color: #009688;
}

body .figure-categories .cat-links a.category-color-3 {
     background-color: #bb1919;
}


body .top-masthead {
    background: #0c4e7b;
}

body .top-masthead a:hover,
body .top-masthead a:visited,
body .top-masthead a:active{
    color: #fff;
}

body span.menu-description{
        background: #bb1919;
}

body .secondary-color,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .main-navigation,
body .em-post-format i,
body span.header-after:after,
body #secondary .widget-title span:after,
body .af-tabs.nav-tabs > li.active > a:after,
body .af-tabs.nav-tabs > li > a:hover:after,
body .exclusive-posts .exclusive-now,
body span.trending-no,
body .tagcloud a:hover{
        background: #0c4e7b;
}


body a:hover,
body a:focus,
body a:active,
body .figure-categories-2 .cat-links a
{
        color: #0c4e7b;
}

body #loader:after {
  border-left-color: #0c4e7b;
}

/* Portada moderna basada en la maqueta azul de El Diario Virtual. */
body.ndv-front-page {
    --ndv-blue: #155a86;
    --ndv-blue-dark: #123a56;
    --ndv-ink: #111111;
    --ndv-text: #1f2933;
    --ndv-muted: #67717f;
    --ndv-soft: #f3f4f6;
    --ndv-border: #e3e6ea;
    --ndv-deep: #0d2435;
    --ndv-light: #dcecf4;
    --ndv-width: 1180px;
    --ndv-radius: 14px;
    background: #fff;
    color: var(--ndv-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.45;
}

body.ndv-front-page a {
    color: inherit;
    text-decoration: none;
}

body.ndv-front-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.ndv-container {
    width: min(var(--ndv-width), calc(100% - 28px));
    margin-inline: auto;
}

.ndv-topbar {
    border-bottom: 1px solid var(--ndv-border);
    background: #fff;
    font-size: 13px;
}

.ndv-topbar__inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: var(--ndv-muted);
}

.ndv-topics {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
}

.ndv-topics strong {
    color: var(--ndv-ink);
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ndv-topics a {
    white-space: nowrap;
    background: var(--ndv-soft);
    padding: 5px 10px;
    border-radius: 999px;
    font-weight: 700;
    color: #294760;
    border: 1px solid #d8e4eb;
}

.ndv-top-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
    font-weight: 700;
}

.ndv-ad-link {
    color: var(--ndv-blue);
}

.ndv-masthead {
    padding: 22px 0 18px;
    border-bottom: 1px solid var(--ndv-border);
    background: radial-gradient(circle at 50% 0%, rgba(21, 90, 134, .08), transparent 32%), #fff;
}

.ndv-masthead__inner {
    display: grid;
    grid-template-columns: 220px 1fr 220px;
    align-items: center;
    gap: 18px;
}

.ndv-date {
    color: var(--ndv-muted);
    font-size: 13px;
    font-weight: 700;
}

.ndv-brand {
    text-align: center;
}

.ndv-brand__logo {
    display: inline-block;
    color: var(--ndv-blue);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 900;
    font-size: clamp(34px, 5vw, 58px);
    line-height: .9;
    letter-spacing: -.04em;
}

.ndv-brand__image {
    display: inline-block;
    max-width: 420px;
}

.ndv-brand__image img {
    max-height: 92px;
    width: auto;
    margin-inline: auto;
}

.ndv-brand__tagline {
    display: block;
    margin: 8px 0 0;
    color: var(--ndv-muted);
    font-size: 13px;
    font-weight: 650;
}

.ndv-header-ad {
    min-height: 70px;
    border: 1px dashed #8fb3c9;
    background: #f3f8fb;
    border-radius: 12px;
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--ndv-blue-dark);
    font-size: 12px;
    font-weight: 850;
    overflow: hidden;
}

.ndv-header-ad img,
.ndv-header-ad iframe {
    max-height: 70px;
}

.ndv-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--ndv-blue);
    border-bottom: 2px solid var(--ndv-deep);
}

.ndv-nav__inner {
    min-height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.ndv-menu {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.ndv-menu::-webkit-scrollbar {
    display: none;
}

.ndv-menu a {
    display: block;
    color: #fff;
    padding: 14px 11px;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
}

.ndv-menu a:hover,
.ndv-menu .current-menu-item > a,
.ndv-menu .current_page_item > a {
    color: #fff;
    border-bottom-color: #fff;
    background: rgba(255, 255, 255, .08);
}

.ndv-search-pill {
    min-width: 120px;
    height: 34px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #e7f3fb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
}

.ndv-flash {
    background: var(--ndv-deep);
    color: white;
    overflow: hidden;
}

.ndv-flash__inner {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.ndv-flash__label {
    background: #fff;
    color: var(--ndv-deep);
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
}

.ndv-flash__track {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #f3f8fb;
    font-weight: 700;
    font-size: 14px;
}

.ndv-billboard {
    margin: 18px 0 22px;
    min-height: 92px;
    border-radius: var(--ndv-radius);
    border: 1px dashed #9eb8ca;
    background: repeating-linear-gradient(-45deg, #f5f9fb, #f5f9fb 10px, #fff 10px, #fff 20px);
    color: var(--ndv-blue-dark);
    display: grid;
    place-items: center;
    text-align: center;
    font-weight: 950;
    letter-spacing: .02em;
}

.ndv-billboard small {
    display: block;
    margin-top: 4px;
    font-weight: 700;
}

.ndv-cover {
    padding: 0 0 26px;
    border-bottom: 1px solid var(--ndv-border);
}

.ndv-cover-grid {
    display: grid;
    grid-template-columns: 1.18fr .82fr 310px;
    gap: 22px;
    align-items: start;
}

.ndv-main-story {
    border-bottom: 4px solid var(--ndv-blue);
    padding-bottom: 16px;
}

.ndv-main-story__media img,
.ndv-img-placeholder {
    aspect-ratio: 16 / 9;
    border-radius: var(--ndv-radius);
    margin-bottom: 14px;
}

.ndv-img-placeholder {
    background: linear-gradient(135deg, var(--ndv-light), #fff);
    border: 1px solid var(--ndv-border);
}

.ndv-cat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--ndv-light);
    color: var(--ndv-blue-dark);
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ndv-cat::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ndv-blue);
}

.ndv-main-story h1,
.ndv-medium-story h2,
.ndv-medium-story h3,
.ndv-card h3,
.ndv-editorial-list h3,
.ndv-latest-item h3,
.ndv-video-card h3 {
    margin-top: 0;
}

.ndv-main-story h1 {
    margin: 8px 0 10px;
    color: var(--ndv-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(31px, 4.4vw, 52px);
    line-height: .98;
    letter-spacing: -.04em;
}

.ndv-summary {
    color: #4b5563;
    font-size: 17px;
    margin-bottom: 10px;
}

.ndv-meta {
    color: var(--ndv-muted);
    font-size: 12px;
    font-weight: 750;
}

.ndv-secondary {
    display: grid;
    gap: 16px;
}

.ndv-medium-story {
    display: grid;
    grid-template-columns: 148px 1fr;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ndv-border);
}

.ndv-medium-story:first-child {
    display: block;
}

.ndv-medium-story:first-child img {
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
}

.ndv-medium-story img {
    aspect-ratio: 4 / 3;
    border-radius: 12px;
}

.ndv-medium-story h2,
.ndv-medium-story h3 {
    margin: 5px 0 7px;
    color: var(--ndv-ink);
    line-height: 1.1;
    letter-spacing: -.02em;
    font-size: 19px;
}

.ndv-medium-story:first-child h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1;
}

.ndv-latest {
    border-left: 1px solid var(--ndv-border);
    padding-left: 20px;
}

.ndv-block-title,
.ndv-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.ndv-block-title {
    border-bottom: 3px solid var(--ndv-ink);
    padding-bottom: 8px;
    margin-bottom: 14px;
}

.ndv-block-title h2,
.ndv-section-head h2 {
    margin: 0;
    color: var(--ndv-ink);
    font-weight: 950;
    letter-spacing: -.03em;
}

.ndv-block-title h2 {
    font-size: 21px;
}

.ndv-block-title a,
.ndv-section-head a {
    color: var(--ndv-blue);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.ndv-latest-list {
    display: grid;
}

.ndv-latest-item {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--ndv-border);
}

.ndv-latest-item time {
    color: var(--ndv-blue);
    font-size: 12px;
    font-weight: 950;
}

.ndv-latest-item h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.23;
    letter-spacing: -.01em;
}

.ndv-newsletter {
    margin-top: 16px;
    background: var(--ndv-deep);
    color: white;
    border-radius: var(--ndv-radius);
    padding: 18px;
}

.ndv-newsletter h3 {
    margin: 0 0 8px;
    font-size: 18px;
    letter-spacing: -.02em;
}

.ndv-newsletter p {
    margin: 0 0 12px;
    color: #d1dbe3;
    font-size: 13px;
}

.ndv-newsletter a {
    display: inline-flex;
    background: var(--ndv-blue);
    color: white;
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 900;
}

.ndv-section {
    padding: 28px 0;
    border-bottom: 1px solid var(--ndv-border);
}

.ndv-section-head {
    margin-bottom: 18px;
}

.ndv-section-head h2 {
    font-size: 28px;
    position: relative;
}

.ndv-section-head h2::after {
    content: "";
    display: block;
    width: 58px;
    height: 4px;
    background: var(--ndv-blue);
    margin-top: 7px;
    border-radius: 999px;
}

.ndv-cards-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ndv-card {
    border-top: 1px solid var(--ndv-border);
    padding-top: 12px;
}

.ndv-card img {
    border-radius: 12px;
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
}

.ndv-card h3 {
    margin: 6px 0 7px;
    font-size: 18px;
    line-height: 1.12;
    color: var(--ndv-ink);
    letter-spacing: -.02em;
}

.ndv-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.ndv-editorial-list {
    display: grid;
    gap: 14px;
}

.ndv-editorial-list article {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 13px;
    border-bottom: 1px solid var(--ndv-border);
    padding-bottom: 14px;
}

.ndv-editorial-list img {
    border-radius: 12px;
    aspect-ratio: 4 / 3;
}

.ndv-editorial-list h3 {
    margin: 5px 0;
    font-size: 18px;
    line-height: 1.12;
    color: var(--ndv-ink);
    letter-spacing: -.02em;
}

.ndv-videos {
    background: var(--ndv-deep);
    color: #fff;
    padding: 30px 0;
}

.ndv-videos .ndv-section-head h2 {
    color: #fff;
}

.ndv-videos .ndv-section-head a {
    color: #dbeaf5;
}

.ndv-video-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 18px;
}

.ndv-video-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--ndv-radius);
    background: #222;
    min-height: 220px;
}

.ndv-video-card img,
.ndv-video-card .ndv-img-placeholder {
    height: 100%;
    min-height: 220px;
    margin: 0;
    opacity: .74;
    transition: .2s ease;
}

.ndv-video-card:hover img {
    transform: scale(1.03);
    opacity: .9;
}

.ndv-play {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ndv-blue);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
}

.ndv-play::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #fff;
}

.ndv-video-card h3 {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    margin: 0;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
}

.ndv-video-card h3 a {
    color: #fff;
}

.ndv-video-card:first-child h3 {
    font-size: 30px;
}

.ndv-footer {
    background: #f5f6f7;
    padding: 32px 0;
    color: #4b5563;
}

.ndv-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr;
    gap: 24px;
}

.ndv-footer h3 {
    color: var(--ndv-ink);
    margin: 0 0 8px;
}

.ndv-footer p {
    margin: 0;
}

.ndv-footer a {
    display: block;
    margin: 6px 0;
    font-weight: 750;
    color: var(--ndv-blue-dark);
}

.ndv-mobile-bottom {
    display: none;
}

@media (max-width: 1050px) {
    .ndv-masthead__inner,
    .ndv-cover-grid {
        grid-template-columns: 1fr;
    }

    .ndv-masthead__inner {
        text-align: center;
    }

    .ndv-date {
        order: 2;
    }

    .ndv-header-ad {
        order: 3;
        max-width: 540px;
        width: 100%;
        margin-inline: auto;
    }

    .ndv-latest {
        border-left: 0;
        padding-left: 0;
    }

    .ndv-latest-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 18px;
    }

    .ndv-cards-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 720px) {
    .ndv-topbar__inner {
        min-height: 36px;
    }

    .ndv-top-actions {
        display: none;
    }

    .ndv-topics {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .ndv-topics::-webkit-scrollbar {
        display: none;
    }

    .ndv-masthead {
        padding: 16px 0 12px;
    }

    .ndv-brand__logo {
        font-size: 40px;
    }

    .ndv-header-ad {
        min-height: 54px;
    }

    .ndv-nav__inner {
        min-height: 46px;
    }

    .ndv-search-pill {
        display: none;
    }

    .ndv-menu a {
        padding: 12px 9px;
        font-size: 12px;
    }

    .ndv-flash__inner {
        min-height: 38px;
    }

    .ndv-flash__track {
        font-size: 13px;
    }

    .ndv-billboard {
        min-height: 64px;
        margin: 12px 0 16px;
    }

    .ndv-cover {
        padding-bottom: 18px;
    }

    .ndv-main-story h1 {
        font-size: 34px;
    }

    .ndv-summary {
        font-size: 15px;
    }

    .ndv-medium-story,
    .ndv-editorial-list article {
        grid-template-columns: 112px 1fr;
    }

    .ndv-medium-story:first-child {
        display: grid;
    }

    .ndv-medium-story:first-child img {
        aspect-ratio: 4 / 3;
        margin-bottom: 0;
    }

    .ndv-medium-story:first-child h2,
    .ndv-medium-story h2,
    .ndv-medium-story h3 {
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-size: 17px;
        line-height: 1.13;
    }

    .ndv-latest-list,
    .ndv-cards-4,
    .ndv-two-columns,
    .ndv-video-grid,
    .ndv-footer-grid {
        grid-template-columns: 1fr;
    }

    .ndv-newsletter {
        display: none;
    }

    .ndv-section {
        padding: 22px 0;
    }

    .ndv-section-head h2 {
        font-size: 24px;
    }

    .ndv-card {
        display: grid;
        grid-template-columns: 118px 1fr;
        gap: 12px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--ndv-border);
    }

    .ndv-card img {
        aspect-ratio: 4 / 3;
        margin: 0;
    }

    .ndv-card h3 {
        font-size: 17px;
    }

    .ndv-videos {
        padding-bottom: 72px;
    }

    .ndv-footer {
        padding-bottom: 84px;
    }

    .ndv-video-card,
    .ndv-video-card img,
    .ndv-video-card .ndv-img-placeholder {
        min-height: 190px;
    }

    .ndv-video-card:first-child h3,
    .ndv-video-card h3 {
        font-size: 22px;
    }

    .ndv-mobile-bottom {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 80;
        background: #fff;
        border-top: 1px solid var(--ndv-border);
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .09);
    }

    .ndv-mobile-bottom a {
        padding: 8px 4px;
        text-align: center;
        font-size: 11px;
        color: #3b4652;
        font-weight: 900;
    }

    .ndv-mobile-bottom strong {
        display: block;
        color: var(--ndv-blue);
        font-size: 11px;
        line-height: 1.1;
        text-transform: uppercase;
    }
}

/* Personalizacion editorial: mas contraste, menos apariencia de plantilla generica. */
:root {
    --nd-primary: #123047;
    --nd-accent: #d62828;
    --nd-gold: #f2b705;
    --nd-ink: #111827;
    --nd-muted: #6b7280;
    --nd-surface: #f5f7fa;
    --nd-border: rgba(17, 24, 39, 0.12);
}

body {
    background: var(--nd-surface);
    color: var(--nd-ink);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .main-navigation a,
body .font-family-1,
body .site-description,
body .trending-posts-line,
body .widget-title,
body .em-widget-subtitle,
body .grid-item-metadata .item-metadata,
body .af-navcontrols .slide-count,
body .figure-categories .cat-links,
body .nav-links a {
    font-family: 'Archivo Narrow', Arial, sans-serif;
    letter-spacing: 0;
}

body .top-masthead {
    background: var(--nd-ink);
    border-bottom: 3px solid var(--nd-gold);
}

body .main-navigation,
body .secondary-color,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .exclusive-posts .exclusive-now,
body span.trending-no,
body span.header-after:after,
body #secondary .widget-title span:after,
body .af-tabs.nav-tabs > li.active > a:after,
body .af-tabs.nav-tabs > li > a:hover:after,
body .tagcloud a:hover {
    background: var(--nd-primary);
}

body .main-navigation {
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
}

body .main-navigation ul li a {
    text-transform: uppercase;
    font-weight: 700;
}

body .main-navigation ul li a:hover,
body .main-navigation ul li.current-menu-item > a {
    color: var(--nd-gold);
}

body .site-branding .site-title,
body .site-branding .site-title a {
    color: var(--nd-primary);
    font-weight: 700;
}

body .site-description {
    color: var(--nd-muted);
}

body .figure-categories .cat-links a.covernews-categories,
body .figure-categories .cat-links a.category-color-2,
body .figure-categories .cat-links a.category-color-3,
body span.menu-description {
    background-color: var(--nd-accent);
}

body a:hover,
body a:focus,
body a:active,
body .figure-categories-2 .cat-links a {
    color: var(--nd-accent);
}

body .af-main-banner,
body .banner-trending-posts-wrapper,
body .main-banner-slider,
body .covernews_tabbed_posts_widget,
body .widget,
body article.post,
body .site-content .search-form,
body .comments-area {
    border-radius: 0;
}

body .af-main-banner,
body .banner-trending-posts-wrapper,
body .covernews_tabbed_posts_widget,
body #secondary .widget,
body article.post {
    background: #fff;
    border: 1px solid var(--nd-border);
    box-shadow: 0 16px 35px rgba(17, 24, 39, 0.08);
}

body .read-title h3,
body .post-title,
body .entry-title {
    line-height: 1.08;
}

body .read-title h3 a,
body .post-title a,
body .entry-title a {
    color: var(--nd-ink);
}

body .read-title h3 a:hover,
body .post-title a:hover,
body .entry-title a:hover {
    color: var(--nd-accent);
}

body .grid-item-metadata,
body .entry-meta,
body .item-metadata,
body .posted-on,
body .byline {
    color: var(--nd-muted);
    font-size: 13px;
}

body .af-tabs.nav-tabs > li > a {
    color: var(--nd-ink);
    font-weight: 700;
}

body .widget-title span,
body .header-after {
    color: var(--nd-primary);
    text-transform: uppercase;
}

body .site-footer {
    background: var(--nd-ink);
    border-top: 5px solid var(--nd-accent);
}

body .site-footer,
body .site-footer a,
body .site-footer .widget-title span {
    color: #fff;
}

body .site-footer a:hover {
    color: var(--nd-gold);
}

/* Cambio estructural: portada tipo mesa editorial, no el layout generico original. */
body.home .af-main-banner.default-section-slider,
body.blog .af-main-banner.default-section-slider {
    padding: 20px;
}

body.home .af-main-banner .for-main-row,
body.blog .af-main-banner .for-main-row {
    display: flex;
    align-items: stretch;
    gap: 22px;
}

body.home .af-main-banner .main-story-wrapper,
body.blog .af-main-banner .main-story-wrapper,
body.home .af-main-banner .af-main-banner-editors-picks,
body.blog .af-main-banner .af-main-banner-editors-picks {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

body.home .af-main-banner .main-story-wrapper,
body.blog .af-main-banner .main-story-wrapper {
    order: 2;
    width: 58%;
}

body.home .af-main-banner .af-main-banner-editors-picks,
body.blog .af-main-banner .af-main-banner-editors-picks {
    order: 1;
    width: 42%;
    border-left: 5px solid var(--nd-accent);
    padding-left: 18px;
}

body.home .af-main-banner .main-slider-wrapper,
body.blog .af-main-banner .main-slider-wrapper {
    min-height: 100%;
}

body.home .af-main-banner .main-slider .slick-item,
body.blog .af-main-banner .main-slider .slick-item {
    overflow: hidden;
}

body.home .slider-figcaption,
body.blog .slider-figcaption {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0), rgba(17, 24, 39, 0.92));
    padding: 34px 28px 26px;
}

body.home .slide-title,
body.blog .slide-title {
    font-size: 38px;
}

body.home .af-main-banner-editors-picks .featured-posts-grid > .row,
body.blog .af-main-banner-editors-picks .featured-posts-grid > .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

body.home .af-main-banner-editors-picks .odd-grid,
body.blog .af-main-banner-editors-picks .odd-grid {
    float: none;
    width: 100%;
    padding: 0;
}

body.home .af-main-banner-editors-picks .spotlight-post,
body.blog .af-main-banner-editors-picks .spotlight-post {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    min-height: 108px;
    padding: 13px 0;
    border-bottom: 1px solid var(--nd-border);
}

body.home .af-main-banner-editors-picks .odd-grid:last-child .spotlight-post,
body.blog .af-main-banner-editors-picks .odd-grid:last-child .spotlight-post {
    border-bottom: 0;
}

body.home .af-main-banner-editors-picks .featured-article,
body.blog .af-main-banner-editors-picks .featured-article {
    margin: 0;
}

body.home .af-main-banner-editors-picks .featured-article img,
body.blog .af-main-banner-editors-picks .featured-article img {
    aspect-ratio: 4 / 3;
    height: auto;
    object-fit: cover;
}

body.home .af-main-banner-editors-picks .cate-fig,
body.blog .af-main-banner-editors-picks .cate-fig {
    align-self: center;
}

body.home .af-main-banner-editors-picks .article-title-2,
body.blog .af-main-banner-editors-picks .article-title-2 {
    font-size: 20px;
    margin-top: 4px;
}

/* La publicidad/widgets dejan de estar a la derecha en paginas internas. */
body:not(.home):not(.blog) .site-content .row {
    display: flex;
    align-items: flex-start;
}

body:not(.home):not(.blog) #secondary {
    order: 1;
    float: none;
}

body:not(.home):not(.blog) #primary {
    order: 2;
    float: none;
}

body:not(.home):not(.blog) #secondary .widget {
    border-left: 5px solid var(--nd-gold);
}

body:not(.home):not(.blog) article.post,
body:not(.home):not(.blog) article.page {
    padding: 24px;
    border-top: 5px solid var(--nd-primary);
}

/* Las categorias se sienten como etiquetas editoriales, no chips genericos. */
body .figure-categories.figure-categories-bg {
    position: relative;
    z-index: 2;
}

body .figure-categories .cat-links a,
body .figure-categories .cat-links a.covernews-categories {
    border-radius: 0;
    font-size: 11px;
    letter-spacing: 0;
    padding: 5px 9px;
    text-transform: uppercase;
}

body .af-main-banner-featured-posts.grid-layout {
    margin-top: 26px;
    padding: 0 20px 24px;
}

body .af-main-banner-featured-posts.grid-layout .header-after1 {
    border-top: 3px solid var(--nd-ink);
    padding-top: 14px;
}

@media (max-width: 767px) {
    body .site-branding .site-title {
        font-size: 34px;
        line-height: 1;
    }

    body .main-navigation ul li a {
        font-size: 14px;
    }

    body .af-main-banner,
    body .banner-trending-posts-wrapper,
    body #secondary .widget,
    body article.post {
        box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
    }

    body.home .af-main-banner .for-main-row,
    body.blog .af-main-banner .for-main-row,
    body:not(.home):not(.blog) .site-content .row {
        display: block;
    }

    body.home .af-main-banner .main-story-wrapper,
    body.blog .af-main-banner .main-story-wrapper,
    body.home .af-main-banner .af-main-banner-editors-picks,
    body.blog .af-main-banner .af-main-banner-editors-picks {
        width: 100%;
    }

    body.home .af-main-banner .af-main-banner-editors-picks,
    body.blog .af-main-banner .af-main-banner-editors-picks {
        border-left: 0;
        border-top: 5px solid var(--nd-accent);
        margin-top: 18px;
        padding-left: 0;
        padding-top: 14px;
    }

    body.home .slide-title,
    body.blog .slide-title {
        font-size: 29px;
    }

    body.home .af-main-banner-editors-picks .spotlight-post,
    body.blog .af-main-banner-editors-picks .spotlight-post {
        grid-template-columns: 96px minmax(0, 1fr);
    }
}