/**
 * Override CSS - Noticias Listado - Villa del Totoral
 * 
 * Ajusta los tamaños de fuente para la vista de noticias en villatotoral.
 * El template usa html { font-size: 62.5% } (1rem = 10px)
 * 
 * Ubicación: /templates/villatotoral/assets/css/views/noticias-listado.css
 */

/* ========================================
   TÍTULO DE SECCIÓN
   ======================================== */

#noticias .titulo-seccion,
#noticia_ampliada .titulo-seccion {
    font-size: 2.8rem; /* 28px - antes 1.7rem (17px) */
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 1.5rem;
}

/* ========================================
   CARDS DE NOTICIAS EN LISTADO
   ======================================== */

#noticias .noticia-card .card-title {
    font-size: 1.8rem; /* 18px - antes 1rem (10px) */
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin-bottom: 1rem;
}

#noticias .noticia-card .card-text {
    font-size: 1.4rem; /* 14px - texto del resumen */
    color: #666;
    line-height: 1.6;
}

#noticias .noticia-card .fecha-noticia {
    font-size: 1.3rem; /* 13px */
    color: #888;
}

/* ========================================
   BOTÓN LEER MÁS
   ======================================== */

#noticias .btn-leer-mas,
#noticia_ampliada .btn-leer-mas {
    background: transparent;
    border: 2px solid var(--color-primary);
    padding: 0.8rem 2rem; /* Aumentado padding */
    border-radius: 3rem; /* Igual que otros botones del template */
    color: var(--color-primary);
    font-size: 1.2rem; /* 14px - antes 0.8rem (8px) */
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    transition: all 0.3s ease;
}

#noticias .btn-leer-mas:hover,
#noticias .btn-leer-mas:focus,
#noticia_ampliada .btn-leer-mas:hover,
#noticia_ampliada .btn-leer-mas:focus {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    text-decoration: none;
}

/* ========================================
   NOTICIA AMPLIADA
   ======================================== */
.compartir-redes span{
    font-size: 1.2rem;
}

#noticia_ampliada .fecha-noticia-ampliada {
    font-size: 1.5rem; /* 15px - antes 0.95rem (9.5px) */
    color: #888;
}

#noticia_ampliada .titulo-noticia-ampliada {
    font-size: 3.2rem; /* 32px - antes 2.25rem (22.5px) */
    font-weight: 700;
    line-height: 1.3;
    color: #222;
    margin-bottom: 2rem;
}

#noticia_ampliada .resumen-noticia {
    font-size: 1.8rem; /* 18px - antes 1.15rem (11.5px) */
    color: #555;
    font-style: italic;
    max-width: 800px;
    margin-bottom: 2rem;
}

#noticia_ampliada .desarrollo-noticia {
    font-size: 1.6rem; /* 16px - antes 1.05rem (10.5px) */
    line-height: 1.8;
    color: #333;
    max-width: 800px;
}

#noticia_ampliada .desarrollo-noticia p {
    margin-bottom: 2rem;
}

/* ========================================
   SIDEBAR ÚLTIMAS NOTICIAS
   ======================================== */

#noticia_ampliada .sidebar-titulo {
    background: var(--color-primary);
    color: white;
    padding: 1.5rem 2rem;
    font-size: 1.6rem; /* 16px - antes 1rem (10px) */
    font-weight: 600;
}

#noticia_ampliada .sidebar-noticia-titulo {
    font-size: 1.4rem; /* 14px - antes 1rem (10px) */
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
    line-height: 1.4;
}

#noticia_ampliada .sidebar-noticia-fecha {
    font-size: 1.2rem; /* 12px - antes 0.75rem (7.5px) */
    color: #888;
}

/* ========================================
   PAGINACIÓN
   ======================================== */

.pagination .page-link {
    font-size: 1.4rem; /* 14px */
    padding: 0.8rem 1.2rem;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    #noticias .titulo-seccion,
    #noticia_ampliada .titulo-seccion {
        font-size: 2.4rem; /* 24px */
    }
    
    #noticia_ampliada .titulo-noticia-ampliada {
        font-size: 2.6rem; /* 26px */
    }
    
    #noticias .noticia-card .card-title {
        font-size: 1.6rem; /* 16px */
    }
    
    #noticia_ampliada .sidebar-noticia-titulo {
        font-size: 1.3rem; /* 13px */
    }
    
    /* Override compartir redes para Villa del Totoral */
    .compartir-redes span {
        font-size: 1.2rem !important; /* 12px - antes 0.8rem (8px) en general */
    }
}