/* Estilos base para esta sección */
    .sc-news-container {
        font-family: 'Montserrat', sans-serif;
        color: #333;
        max-width: 1300px;
        margin: 0 auto;
        padding: 80px 5% 0;
    }

    /* 1. ENCABEZADO Y FILTROS */
    .news-page-header {
        text-align: center;
        margin-bottom: 50px;
        padding-top: 40px; /* Ajusta si tu header fijo tapa algo */
    }

    .nh-title {
        font-size: 2.5rem;
        font-weight: 900;
        color: #1e293b;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }

    /* FILTROS TIPO PÍLDORA (sc_nint Style) */
    .filters-row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 30px;
    }

    .filter-pill {
        background: transparent;
        border: 2px solid #e2e8f0;
        color: #64748b;
        padding: 10px 25px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex; align-items: center; gap: 8px;
    }

    .filter-pill:hover {
        border-color: #6200EA;
        color: #6200EA;
        transform: translateY(-2px);
    }

    .filter-pill.active {
        background: #6200EA;
        border-color: #6200EA;
        color: white;
        box-shadow: 0 5px 15px rgba(98,0,234,0.3);
    }

    /* 2. LAYOUT DE TARJETAS */
    .section-subtitle {
        font-size: 1.3rem;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 25px;
        display: flex; align-items: center; gap: 10px;
        border-left: 5px solid #6200EA;
        padding-left: 15px;
    }

    /* DESTACADOS (2 Grandes) */
    .featured-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        gap: 30px;
        margin-bottom: 80px;
    }

    /* GRILLA ESTÁNDAR */
    .standard-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 30px;
    }

    /* DISEÑO DE LA TARJETA */
    .n-card {
        background: white;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        transition: 0.3s;
        display: flex; flex-direction: column;
        position: relative;
        text-decoration: none;
        color: inherit;
        box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    }

    .n-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        border-color: #00E5FF; /* Borde Cyan al hover */
    }

    /* Imagen */
    .nc-img-wrap {
        width: 100%;
        height: 220px;
        overflow: hidden;
        position: relative;
    }
    
    /* En destacados la imagen es más alta */
    .featured-grid .nc-img-wrap { height: 350px; }

    .nc-img {
        width: 100%; height: 100%; object-fit: cover; transition: 0.5s;
    }
    .n-card:hover .nc-img { transform: scale(1.1); }

    /* Etiquetas de Color */
    .nc-tag {
        position: absolute; top: 15px; left: 15px;
        padding: 5px 12px; border-radius: 6px;
        font-size: 0.7rem; font-weight: 800; text-transform: uppercase; color: white;
        z-index: 2;
    }
    .tag-sports { background: #FF3D00; }
    .tag-mkt { background: #00E5FF; color: black; }
    .tag-tech { background: #6200EA; }
    .tag-corp { background: #334155; }

    /* Cuerpo de Texto */
    .nc-body { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; }
    
    .nc-date { font-size: 0.8rem; color: #94a3b8; font-weight: 600; margin-bottom: 8px; display: block; }
    
    .nc-title { 
        font-size: 1.15rem; font-weight: 800; color: #1e293b; margin-bottom: 12px; line-height: 1.4; 
    }
    .featured-grid .nc-title { font-size: 1.6rem; } /* Título grande en destacados */

    .nc-desc { font-size: 0.95rem; color: #64748b; line-height: 1.6; margin-bottom: 20px; flex-grow: 1; }

    .nc-cta {
        font-size: 0.85rem; font-weight: 700; color: #6200EA; text-transform: uppercase; 
        display: flex; align-items: center; gap: 5px; margin-top: auto;
    }
    .n-card:hover .nc-cta { color: #00E5FF; gap: 10px; }


    /* CLASE PARA OCULTAR (FILTRO) */
    .n-card.hidden { display: none; }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .featured-grid { grid-template-columns: 1fr; }
        .filters-row {overflow-x: auto; justify-content: flex-start; padding-bottom: 10px;}
        .filter-pill { white-space: nowrap; }
        .sc-news-container {
            padding: 20px 5% 0;
        }
    }
    @media (max-width: 768px) {
        .filters-row {
            justify-content: center;
        }
    }
    @media (max-width: 375px) {
           .n-card {
        background: white;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        transition: 0.3s;
        display: flex; flex-direction: column;
        position: relative;
        text-decoration: none;
        color: inherit;
        box-shadow: 0 5px 15px rgba(0,0,0,0.03);
        width: 100%;
        }
        .r-card {
            width: 90%;

        }
    }
     @media (max-width:270px) {
  
        .r-card {
            width: 100%;
            max-width: 250px;

        }
    }