/**
 * Informado — Portada V42 / 1.0.0-rc.9.0
 * Compact newspaper hierarchy for the Home.
 * Loaded after the existing Home layers so this file is the final visual owner.
 */

/* --------------------------------------------------------------------------
   Home header: tighter, calmer, more newspaper-like
   -------------------------------------------------------------------------- */
.home .site-header {
    border-top-width: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 7%);
}

.home .site-header__utility-inner {
    min-height: 1.8rem;
}

.home .site-header__date {
    font-size: .64rem;
    letter-spacing: .01em;
}

.home .site-header__masthead {
    min-height: 4.7rem;
}

.home .informado-brand,
.home .custom-logo-link {
    width: min(12.75rem, 40vw);
}

.home .site-header__icon-button {
    width: 2.65rem !important;
    height: 2.65rem !important;
    border: 0 !important;
    border-radius: .35rem !important;
    background: transparent;
    box-shadow: none !important;
}

.home .site-header__icon-button svg {
    width: 1.18rem;
    height: 1.18rem;
}

.home .site-nav__list {
    min-height: 3rem;
    gap: clamp(.9rem, 1.55vw, 1.55rem);
}

.home .site-nav__list a {
    min-height: 3rem;
    font-size: .76rem;
    font-weight: 760;
}

/* --------------------------------------------------------------------------
   Breaking + Ahora: useful information, not oversized chrome
   -------------------------------------------------------------------------- */
.home .informado-breaking-strip__inner {
    min-height: 2.55rem;
    gap: .68rem;
}

.home .informado-breaking-strip__label {
    min-height: 1.55rem;
    padding: .28rem .55rem;
    font-size: .59rem;
}

.home .informado-breaking-strip__time {
    font-size: .66rem;
}

.home .informado-breaking-strip__headline {
    font-size: .74rem;
}

.home .v29-now__inner {
    min-height: 2.7rem;
}

.home .v29-now__label {
    padding-inline: .95rem;
    font-size: .62rem;
}

.home .v29-now__track a {
    min-height: 2.7rem;
    max-width: min(31rem, 34vw);
    padding-inline: 1rem;
    font-size: .69rem;
}

/* --------------------------------------------------------------------------
   Global Home rhythm
   -------------------------------------------------------------------------- */
.informado-home-portada.site-main {
    padding: 2rem 0 5rem;
    background: #fff;
}

.portada-shell {
    max-width: 1440px;
}

.informado-home-portada .informado-story-card__title {
    text-wrap: pretty;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.informado-home-portada .informado-story-meta {
    gap: .35rem;
    margin-bottom: .4rem;
    font-size: .61rem;
    line-height: 1.25;
}

.informado-home-portada .informado-story-card__summary {
    color: #555;
}

/* --------------------------------------------------------------------------
   Opening: left briefs / clear lead / Most Read rail
   -------------------------------------------------------------------------- */
.portada-opening {
    display: grid;
    grid-template-columns: minmax(13rem, .68fr) minmax(0, 1.48fr) minmax(17rem, .72fr);
    gap: clamp(1.35rem, 2.4vw, 2.5rem);
    align-items: start;
}

.portada-opening__left,
.portada-opening__center,
.portada-opening__rail {
    min-width: 0;
}

.portada-opening__left {
    display: grid;
    gap: 1rem;
}

.portada-left-story {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.portada-left-story:last-child {
    border-bottom: 0;
}

.portada-left-story .informado-story-card__media {
    margin-bottom: .65rem;
    aspect-ratio: 16 / 9;
    border-radius: .35rem;
}

.portada-left-story .informado-story-card__title {
    max-width: 26ch;
    margin: 0;
    font-size: clamp(1rem, 1.15vw, 1.16rem);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.portada-lead .informado-story-card__media {
    margin-bottom: .85rem;
    aspect-ratio: 16 / 10;
    border-radius: .45rem;
}

.portada-lead .informado-story-card__title {
    max-width: 23ch;
    margin: 0;
    font-size: clamp(2rem, 2.65vw, 2.8rem);
    line-height: .99;
    letter-spacing: -.048em;
}

.portada-lead .informado-story-card__summary {
    max-width: 62ch;
    margin-top: .65rem;
    font-size: .88rem;
    line-height: 1.47;
}

.portada-followups {
    margin-top: 1.1rem;
    border-top: 2px solid #111;
}

.portada-followups .informado-story-card--horizontal {
    grid-template-columns: 7.4rem minmax(0, 1fr);
    gap: .9rem;
    padding: .9rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.portada-followups .informado-story-card__media {
    aspect-ratio: 4 / 3;
    border-radius: .3rem;
}

.portada-followups .informado-story-card__title {
    max-width: 38ch;
    font-size: 1rem;
    line-height: 1.08;
    letter-spacing: -.02em;
}

.portada-opening__rail {
    border-left: 1px solid #e2e2e2;
    padding-left: clamp(1rem, 1.7vw, 1.6rem);
}

.portada-opening__rail .informado-most-read {
    padding: 0;
    border: 0;
    background: transparent;
}

.portada-opening__rail .informado-mini-heading {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin: 0 0 .55rem;
    padding: 0 0 .65rem;
    border-bottom: 2px solid #111;
}

.portada-opening__rail .informado-mini-heading h2 {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -.035em;
}

.portada-opening__rail .informado-mini-heading::after {
    content: "//";
    color: var(--informado-color-red);
    font-size: 1.15rem;
    font-weight: 900;
}

.portada-opening__rail .informado-most-read__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: portada-rank;
}

.portada-opening__rail .informado-most-read__item {
    counter-increment: portada-rank;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) 3.55rem;
    gap: .65rem;
    align-items: center;
    padding: .78rem 0;
    border-bottom: 1px solid #e6e6e6;
}

.portada-opening__rail .informado-most-read__item::before {
    content: counter(portada-rank);
    width: 2.05rem;
    height: 2.05rem;
    display: grid;
    place-items: center;
    border-radius: .65rem;
    background: var(--informado-color-red);
    color: #fff;
    font-family: var(--informado-font-display);
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;
}

.portada-opening__rail .informado-most-read__link {
    min-width: 0;
    color: #111;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.portada-opening__rail .informado-most-read__thumb {
    width: 3.55rem;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: .35rem;
    background: #eee;
}

.portada-opening__rail .informado-most-read__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portada-opening__rail .informado-most-read__item--no-thumb {
    grid-template-columns: 2.25rem minmax(0, 1fr);
}

.portada-opening__rail .informado-component-empty {
    margin: 0;
    padding: .9rem 0;
    color: #666;
    font-size: .78rem;
    line-height: 1.45;
}

.portada-rail-latest .informado-mini-heading {
    display: flex;
    align-items: baseline;
    gap: .45rem;
}

.portada-rail-latest .informado-mini-heading::after {
    content: "//";
    color: var(--informado-color-red);
    font-size: 1.15rem;
    font-weight: 900;
}

.portada-rail-latest__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: portada-latest-rank;
}

.portada-rail-latest__list li {
    counter-increment: portada-latest-rank;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
    padding: .78rem 0;
    border-bottom: 1px solid #e6e6e6;
}

.portada-rail-latest__list li::before {
    content: counter(portada-latest-rank);
    width: 2.05rem;
    height: 2.05rem;
    display: grid;
    place-items: center;
    border-radius: .65rem;
    background: #111;
    color: #fff;
    font-family: var(--informado-font-display);
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1;
}

.portada-rail-latest__list a {
    color: #111;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.portada-rail-latest__list a:hover,
.portada-rail-latest__list a:focus-visible {
    color: var(--informado-color-red);
}

.portada-opening__ad {
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   Latest row
   -------------------------------------------------------------------------- */
.portada-latest {
    margin-top: 2.8rem;
    padding-top: .8rem;
    border-top: 2px solid #111;
}

.portada-section-head {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    margin-bottom: 1rem;
}

.portada-section-head h2 {
    margin: 0;
    font-size: clamp(1.55rem, 2vw, 2rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.portada-section-head span {
    color: var(--informado-color-red);
    font-size: 1.25rem;
    font-weight: 900;
}

.portada-latest__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 1.9vw, 1.6rem);
}

.portada-latest__grid .informado-story-card__media {
    margin-bottom: .65rem;
    aspect-ratio: 16 / 10;
    border-radius: .32rem;
}

.portada-latest__grid .informado-story-card__title {
    max-width: 27ch;
    font-size: clamp(1.02rem, 1.25vw, 1.2rem);
    line-height: 1.07;
    letter-spacing: -.025em;
}

/* --------------------------------------------------------------------------
   Existing lower modules: keep functionality, tighten the editorial scale
   -------------------------------------------------------------------------- */
.informado-home-portada .v29-section,
.informado-home-portada .v29-primary-sections {
    margin-top: 3.4rem;
}

.informado-home-portada .v29-primary-sections {
    gap: 3.5rem;
}

.informado-home-portada .v29-heading {
    margin-bottom: 1rem;
    padding-top: .7rem;
}

.informado-home-portada .v29-heading__eyebrow {
    font-size: .6rem;
}

.informado-home-portada .v29-heading h2 {
    font-size: clamp(1.65rem, 2.25vw, 2.25rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.informado-home-portada .v29-national__lead .informado-story-card__title,
.informado-home-portada .v29-tech-grid__lead .informado-story-card__title {
    max-width: 24ch;
    font-size: clamp(1.75rem, 2.35vw, 2.35rem);
    line-height: .99;
}

.informado-home-portada .v29-economy__features .informado-story-card__title {
    font-size: clamp(1.35rem, 1.75vw, 1.65rem);
    line-height: 1.02;
}

.informado-home-portada .v29-national__rail .informado-story-card__title,
.informado-home-portada .v29-economy__rail .informado-story-card__title,
.informado-home-portada .v29-tech-grid__cards .informado-story-card__title,
.informado-home-portada .v29-discover-card__briefs .informado-story-card__title {
    font-size: .96rem;
    line-height: 1.1;
}

.informado-home-portada .v29-discover__grid {
    gap: 1.4rem;
}

.informado-home-portada .v29-discover-card__header h3 {
    font-size: 1.35rem;
}

.informado-home-portada .v29-discover-card__lead .informado-story-card__title {
    font-size: 1.12rem;
    line-height: 1.06;
}

.informado-home-portada .v29-endgame {
    grid-template-columns: minmax(0, 1.72fr) minmax(17rem, .58fr);
    gap: clamp(2rem, 3.5vw, 3.5rem);
    margin-top: 3.8rem;
}

.informado-home-portada .v29-feed__featured .informado-story-card__title {
    font-size: clamp(1.02rem, 1.25vw, 1.2rem);
    line-height: 1.06;
}

.informado-home-portada .v29-feed__row .informado-story-card--horizontal {
    grid-template-columns: minmax(10rem, 13.5rem) minmax(0, 1fr);
    padding: 1rem 0;
}

.informado-home-portada .v29-feed__row .informado-story-card__title {
    max-width: 37ch;
    font-size: clamp(1.15rem, 1.55vw, 1.45rem);
    line-height: 1.04;
}

.informado-home-portada .v29-feed__row .informado-story-card__summary {
    font-size: .8rem;
}

.informado-home-portada .v29-sidebar {
    top: 1rem;
}

.informado-home-portada .v29-sidebar > section,
.informado-home-portada .v29-sidebar > nav,
.informado-home-portada .v29-sidebar > .informado-ad-slot {
    padding: 1rem;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 72rem) {
    .portada-opening {
        grid-template-columns: minmax(12rem, .6fr) minmax(0, 1.4fr) minmax(15.5rem, .62fr);
        gap: 1.4rem;
    }

    .portada-opening__rail .informado-most-read__item {
        grid-template-columns: 2.15rem minmax(0, 1fr);
    }

    .portada-opening__rail .informado-most-read__thumb {
        display: none;
    }

    .portada-latest__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 63.99rem) {
    .home .site-header__masthead {
        min-height: 4.3rem;
    }

    .portada-opening {
        grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .65fr);
    }

    .portada-opening__left {
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        padding-top: 1.1rem;
        border-top: 1px solid #ddd;
    }

    .portada-opening__center {
        grid-column: 1;
        grid-row: 1;
    }

    .portada-opening__rail {
        grid-column: 2;
        grid-row: 1;
    }

    .portada-left-story {
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media (max-width: 47.99rem) {
    .informado-home-portada.site-main {
        padding-top: 1rem;
    }

    .home .site-header__utility-inner {
        min-height: 1.65rem;
    }

    .home .site-header__masthead {
        min-height: 4rem;
    }

    .home .informado-brand,
    .home .custom-logo-link {
        width: min(10.8rem, 48vw);
    }

    .home .site-nav__list {
        justify-content: flex-start;
        min-height: 2.8rem;
    }

    .home .site-nav__list a {
        min-height: 2.8rem;
        font-size: .72rem;
    }

    .home .informado-breaking-strip__inner {
        min-height: 2.4rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .home .informado-breaking-strip__time {
        display: none;
    }

    .home .informado-breaking-strip__headline {
        font-size: .7rem;
    }

    .portada-opening {
        display: flex;
        flex-direction: column;
        gap: 1.4rem;
    }

    .portada-opening__center {
        order: 1;
        width: 100%;
    }

    .portada-opening__left {
        order: 2;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 1rem;
    }

    .portada-opening__left .portada-left-story:nth-child(n+3) {
        display: none;
    }

    .portada-opening__rail {
        order: 3;
        width: 100%;
        padding: 1rem 0 0;
        border-top: 2px solid #111;
        border-left: 0;
    }

    .portada-lead .informado-story-card__media {
        aspect-ratio: 16 / 10;
    }

    .portada-lead .informado-story-card__title {
        max-width: 100%;
        font-size: clamp(1.7rem, 7vw, 2.15rem);
        line-height: 1.02;
    }

    .portada-lead .informado-story-card__summary {
        font-size: .84rem;
    }

    .portada-followups .informado-story-card--horizontal {
        grid-template-columns: 6.7rem minmax(0, 1fr);
    }

    .portada-opening__rail .informado-most-read__item {
        grid-template-columns: 2.15rem minmax(0, 1fr) 3.4rem;
    }

    .portada-opening__rail .informado-most-read__thumb {
        display: block;
        width: 3.4rem;
    }

    .portada-latest {
        margin-top: 2.2rem;
    }

    .portada-latest__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.15rem .85rem;
    }

    .portada-latest__grid .informado-story-card__title {
        font-size: 1rem;
    }

    .informado-home-portada .v29-section,
    .informado-home-portada .v29-primary-sections {
        margin-top: 2.8rem;
    }

    .informado-home-portada .v29-primary-sections {
        gap: 2.8rem;
    }

    .informado-home-portada .v29-heading h2 {
        font-size: 1.65rem;
    }

    .informado-home-portada .v29-national__lead .informado-story-card__title,
    .informado-home-portada .v29-tech-grid__lead .informado-story-card__title {
        font-size: 1.75rem;
    }

    .informado-home-portada .v29-endgame {
        margin-top: 3rem;
    }
}

@media (max-width: 29rem) {
    .portada-opening__left {
        grid-template-columns: minmax(0, 1fr);
    }

    .portada-opening__left .portada-left-story:nth-child(2) {
        display: none;
    }

    .portada-opening__rail .informado-most-read__item {
        grid-template-columns: 2.05rem minmax(0, 1fr);
    }

    .portada-opening__rail .informado-most-read__thumb {
        display: none;
    }

    .portada-latest__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}