/* Solo diferencias de ultimas_noticias; componentes compartidos en primera_plana.css. */


    @media (max-width: 1024px) {
        .periodico_h1 {
            font-size: 2rem;
        }
    }


    @media (max-width: 768px) {


        .periodico_h1 {
            font-size: 1.8rem;
        }
    }

    .periodico_cartas_secundarias {
        margin: 44px 0 28px;
        padding: 14px 0 0;
        position: relative;
    }


    .periodico_cartas_secundarias__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
        gap: 24px;
        align-items: stretch;
        margin: 0;
    }


    .periodico_cartas_secundarias__card {
        background: radial-gradient(circle at top right, rgba(0, 196, 180, 0.08), transparent 28%),
        linear-gradient(180deg, #fcfcfd 0%, #f6f7f9 100%);
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05),
        0 2px 8px rgba(0, 0, 0, 0.03);
        display: flex;
        flex-direction: column;
        min-height: 332px;
        height: 100%;
        position: relative;
        opacity: 1;
        transform: translateY(0) scale(1);
        transition: transform .34s cubic-bezier(.22, .61, .36, 1),
        box-shadow .34s cubic-bezier(.22, .61, .36, 1),
        border-color .28s ease,
        background .34s ease,
        filter .28s ease;
        will-change: transform, opacity;
        isolation: isolate;
    }


    .periodico_cartas_secundarias__card::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, .18),
                transparent 22%,
                transparent 78%,
                rgba(255, 255, 255, .06)
        );
        pointer-events: none;
        z-index: 0;
    }


    .periodico_cartas_secundarias__card::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(
                130deg,
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, .20) 48%,
                rgba(255, 255, 255, 0) 72%
        );
        transform: translateX(-120%);
        opacity: 0;
        transition: opacity .28s ease,
        transform .65s ease;
        pointer-events: none;
        z-index: 0;
    }


    .periodico_cartas_secundarias__card:hover {
        transform: translateY(-7px) scale(1.012);
        background: radial-gradient(circle at top right, rgba(0, 196, 180, 0.11), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        border-color: rgba(0, 123, 255, 0.16);
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08),
        0 8px 18px rgba(0, 123, 255, 0.08);
        filter: saturate(1.02);
    }


    .periodico_cartas_secundarias__card:hover::after {
        opacity: 1;
        transform: translateX(120%);
    }


    .periodico_cartas_secundarias__contenido {
        padding: 22px 22px 14px;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 14px;
        position: relative;
        z-index: 1;
    }


    .periodico_cartas_secundarias__tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        max-width: 100%;
        padding: 8px 16px;
        border-radius: 999px;
        background: linear-gradient(
                135deg,
                rgba(0, 123, 255, 0.14),
                rgba(0, 196, 180, 0.16)
        );
        color: var(--color-primario, #007bff);
        border: 1px solid rgba(0, 123, 255, 0.16);
        font-size: .84rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: background .28s ease,
        color .28s ease,
        border-color .28s ease,
        transform .28s ease;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
    }


    .periodico_cartas_secundarias__tag i {
        font-size: .92em;
        flex: 0 0 auto;
    }


    .periodico_cartas_secundarias__card:hover .periodico_cartas_secundarias__tag {
        background: linear-gradient(
                135deg,
                var(--color-primario, #007bff),
                var(--color-secundario, #00c4b4)
        );
        color: #fff;
        border-color: transparent;
        transform: translateY(-1px);
    }


    .periodico_cartas_secundarias__titulo {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-decoration: none;
        color: #191a1f;
        font-weight: 900;
        font-size: clamp(1.04rem, 1.15vw, 1.2rem);
        line-height: 1.48;
        min-height: calc(1.48em * 3);
        margin: 0;
        word-break: break-word;
        text-wrap: balance;
        transition: color .24s ease,
        transform .24s ease;
    }


    .periodico_cartas_secundarias__card:hover .periodico_cartas_secundarias__titulo {
        color: var(--color-primario, #007bff);
        transform: translateX(1px);
    }


    .periodico_cartas_secundarias__meta {
        margin: auto 0 0;
        padding-top: 12px;
        border-top: 1px dashed rgba(0, 0, 0, 0.10);
        display: flex;
        align-items: center;
        gap: 8px;
        color: #4c72c7;
        font-size: .92rem;
        font-weight: 600;
        line-height: 1.35;
        position: relative;
    }


    .periodico_cartas_secundarias__meta i {
        color: var(--color-secundario, #00c4b4);
        font-size: .95rem;
        flex: 0 0 auto;
    }


    .periodico_cartas_secundarias__footer {
        padding: 18px 22px 22px;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, .26),
                rgba(255, 255, 255, .72)
        );
        position: relative;
        z-index: 1;
    }


    .periodico_cartas_secundarias__boton {
        width: 100%;
        min-height: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(
                135deg,
                var(--color-primario, #007bff),
                var(--color-secundario, #00c4b4)
        );
        color: #fff;
        text-decoration: none;
        border-radius: 999px;
        font-size: .98rem;
        font-weight: 900;
        letter-spacing: .32px;
        box-shadow: 0 10px 18px rgba(0, 123, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, .25);
        position: relative;
        overflow: hidden;
        transition: transform .26s ease,
        box-shadow .26s ease,
        filter .26s ease;
    }


    .periodico_cartas_secundarias__boton:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 24px rgba(0, 123, 255, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, .25);
        filter: saturate(1.06);
    }


    .periodico_cartas_secundarias__boton:active {
        transform: translateY(0);
    }


    .periodico_cartas_secundarias__boton::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(
                120deg,
                transparent 18%,
                rgba(255, 255, 255, .22) 48%,
                transparent 78%
        );
        transform: translateX(-120%);
        transition: transform .65s ease;
    }


    .periodico_cartas_secundarias__boton:hover::before {
        transform: translateX(120%);
    }


    .periodico_cartas_secundarias__vacio {
        grid-column: 1 / -1;
        padding: 48px 22px;
        background: linear-gradient(180deg, #fbfbfc 0%, #f7f8fa 100%);
        border-radius: 16px;
        color: var(--color-texto-claro, #666);
        font-size: 1rem;
        font-weight: 600;
        border: 2px dashed var(--color-borde, #e0e0e0);
        text-align: center;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03);
    }


    .periodico_cartas_secundarias__vacio i {
        margin-right: 8px;
        color: var(--color-secundario, #00c4b4);
    }


    .periodico_cartas_secundarias__card--entrada {
        opacity: 0;
        transform: translateY(24px) scale(.982);
        animation: periodico_cartas_secundarias_aparecer .62s cubic-bezier(.22, .61, .36, 1) forwards;
        animation-delay: var(--periodico-cartas-delay, 0ms);
    }


    .periodico_cartas_secundarias__card--nueva {
        opacity: 0;
        transform: translateY(28px) scale(.978);
        animation: periodico_cartas_secundarias_aparecer_nueva .66s cubic-bezier(.22, .61, .36, 1) forwards;
        animation-delay: var(--periodico-cartas-delay, 0ms);
    }


    .periodico_cartas_secundarias__skeleton-card {
        pointer-events: none;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04),
        0 2px 6px rgba(0, 0, 0, 0.02);
    }


    .periodico_cartas_secundarias__skeleton-line,
    .periodico_cartas_secundarias__skeleton-icon {
        display: block;
        background: linear-gradient(90deg, #efefef 25%, #e2e2e2 50%, #efefef 75%);
        background-size: 220% 100%;
        animation: periodico_cartas_secundarias_skeleton 1.35s ease-in-out infinite;
    }


    .periodico_cartas_secundarias__skeleton-line {
        border-radius: 999px;
    }


    .periodico_cartas_secundarias__skeleton-tag {
        width: 144px;
        height: 34px;
        max-width: 62%;
    }


    .periodico_cartas_secundarias__skeleton-title {
        width: 100%;
        height: 18px;
        border-radius: 10px;
    }


    .periodico_cartas_secundarias__skeleton-title.short {
        width: 78%;
    }


    .periodico_cartas_secundarias__skeleton-meta {
        width: 126px;
        height: 14px;
        border-radius: 8px;
    }


    .periodico_cartas_secundarias__skeleton-boton {
        width: 100%;
        height: 50px;
        border-radius: 999px;
    }


    .periodico_cartas_secundarias__skeleton-icon {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        flex: 0 0 16px;
    }


    @keyframes periodico_cartas_secundarias_skeleton {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
    }


    @keyframes periodico_cartas_secundarias_aparecer {
        0% {
            opacity: 0;
            transform: translateY(24px) scale(.982);
            filter: blur(3px);
        }
        55% {
            opacity: 1;
            transform: translateY(-3px) scale(1.004);
            filter: blur(0);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }


    @keyframes periodico_cartas_secundarias_aparecer_nueva {
        0% {
            opacity: 0;
            transform: translateY(28px) scale(.978);
            filter: blur(4px);
        }
        52% {
            opacity: 1;
            transform: translateY(-4px) scale(1.006);
            filter: blur(0);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }


    @media (max-width: 1024px) {
        .periodico_cartas_secundarias__grid {
            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
            gap: 20px;
        }
    }


    @media (max-width: 768px) {
        .periodico_cartas_secundarias {
            margin: 34px 0 22px;
            padding-top: 8px;
        }

        .periodico_cartas_secundarias__grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .periodico_cartas_secundarias__card {
            min-height: 292px;
            border-radius: 16px;
        }

        .periodico_cartas_secundarias__contenido {
            padding: 18px 16px 12px;
            gap: 12px;
        }

        .periodico_cartas_secundarias__tag {
            font-size: .8rem;
            padding: 7px 14px;
        }

        .periodico_cartas_secundarias__titulo {
            font-size: 1rem;
            min-height: calc(1.48em * 3);
        }

        .periodico_cartas_secundarias__meta {
            font-size: .88rem;
        }

        .periodico_cartas_secundarias__footer {
            padding: 14px 16px 16px;
        }

        .periodico_cartas_secundarias__boton {
            height: 46px;
            min-height: 46px;
            font-size: .92rem;
        }

        .periodico_cartas_secundarias__skeleton-tag {
            width: 126px;
            height: 30px;
        }

        .periodico_cartas_secundarias__skeleton-title {
            height: 16px;
        }
    }


    @media (max-width: 480px) {
        .periodico_cartas_secundarias__card {
            min-height: auto;
        }

        .periodico_cartas_secundarias__tag {
            max-width: 100%;
        }

        .periodico_cartas_secundarias__titulo {
            -webkit-line-clamp: 3;
        }
    }


    @media (prefers-reduced-motion: reduce) {
        .periodico_cartas_secundarias__card,
        .periodico_cartas_secundarias__boton,
        .periodico_cartas_secundarias__skeleton-line,
        .periodico_cartas_secundarias__skeleton-icon,
        .periodico_cartas_secundarias__card--entrada,
        .periodico_cartas_secundarias__card--nueva {
            animation: none !important;
            transition: none !important;
            filter: none !important;
        }
    }