/*
Theme Name: Enfold Child - Municipalidad Sierra Gorda
Description: Child Theme para Enfold optimizado para sitio web municipal con sistema de noticias personalizado
Author: Municipalidad de Sierra Gorda
Author URI: https://www.municipalidadsierragorda.cl
Template: enfold
Version: 1.0.0
Text Domain: enfold-child
*/

/* ===== IMPORTAR ESTILOS DEL TEMA PADRE ===== */
@import url("../enfold/style.css");

/* ===== VARIABLES CSS MUNICIPALIDAD ===== */
:root {
    --municipalidad-azul: #2c5aa0;
    --municipalidad-rojo: #e31e24;
    --municipalidad-gris: #666;
    --municipalidad-gris-claro: #f5f5f5;
    --sombra-card: 0 8px 25px rgba(0,0,0,0.1);
    --sombra-hover: 0 15px 35px rgba(0,0,0,0.15);
}

/* ===== PERSONALIZACIONES ENFOLD ===== */

/* Ocultar elementos innecesarios de Enfold en posts */
.single-post .entry-footer,
.single-post .av-share-box,
.single-post .avia-post-nav {
    display: none;
}

/* Ajustar contenedor principal */
.municipalidad-post-individual .entry-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Sobrescribir estilos de Enfold para nuestras noticias */
.municipalidad-noticias-principales .av-special-heading,
.municipalidad-noticias-archivo .av-special-heading {
    margin-bottom: 30px;
}

/* Remover línea de colores debajo del título */
.municipalidad-noticias-principales .noticias-title::after,
.municipalidad-noticias-archivo .noticias-archivo-title::after {
    display: none !important;
}

/* Ajustar espaciado para títulos de noticias */
.municipalidad-noticias-principales .noticia-content,
.municipalidad-noticias-archivo .noticia-content {
    padding-top: 40px !important;
}

.municipalidad-noticias-principales .noticia-titulo,
.municipalidad-noticias-archivo .noticia-titulo {
    margin-top: 25px !important;
}

/* Integración con Enfold Layout Builder */
.av-layout-grid-container .municipalidad-noticias-principales,
.av-layout-grid-container .municipalidad-noticias-archivo {
    width: 100%;
}

/* Ajustes para Enfold Color Sections */
.avia-section .municipalidad-noticias-principales {
    padding: 40px 0;
}

/* Enfold button compatibility */
.btn-ver-mas.avia-button {
    background: var(--municipalidad-azul) !important;
    border: none !important;
    color: white !important;
    padding: 15px 40px !important;
    border-radius: 30px !important;
}

/* Ajustar márgenes de Enfold */
.av-content-full .municipalidad-noticias-principales,
.av-content-full .municipalidad-noticias-archivo {
    margin: 0;
}

/* Responsive con Enfold */
@media only screen and (max-width: 767px) {
    .responsive #main .municipalidad-noticias-principales .container,
    .responsive #main .municipalidad-noticias-archivo .container {
        padding: 0 20px;
    }
    
    .responsive #main .municipalidad-noticias-principales,
    .responsive #main .municipalidad-noticias-archivo {
        padding: 20px 10px;
    }
}

/* Fixes específicos para Enfold */
.av-default-container .municipalidad-noticias-principales {
    max-width: 1310px;
}

/* Compatibilidad con Advanced Layout Builder */
.avia-builder-active .municipalidad-noticias-principales,
.avia-builder-active .municipalidad-noticias-archivo {
    margin: 0 auto;
}

/* Grid responsive corregido - SIN !important problemático */
.noticias-grid-archivo {
    display: grid;
    gap: 25px;
    position: static;
    height: auto;
    /* Grid responsive por defecto */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* Grid específico por atributo columnas */
.noticias-grid-archivo.columnas-auto {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.noticias-grid-archivo.columnas-2 {
    grid-template-columns: repeat(2, 1fr);
}

.noticias-grid-archivo.columnas-3 {
    grid-template-columns: repeat(3, 1fr);
}

.noticias-grid-archivo.columnas-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Responsive específico para móvil */
@media only screen and (max-width: 767px) {
    /* FORZAR 1 columna en móvil para TODOS los grids */
    .noticias-grid-archivo,
    .noticias-grid-archivo.columnas-auto,
    .noticias-grid-archivo.columnas-2,
    .noticias-grid-archivo.columnas-3,
    .noticias-grid-archivo.columnas-4 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Ajustar tarjetas para móvil */
    .noticia-card-archivo {
        margin-bottom: 20px;
    }
    
    /* Mejorar legibilidad en móvil */
    .noticia-titulo {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin: 20px 0 12px !important;
    }
    
    .noticia-resumen {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
    
    .noticia-content {
        padding: 35px 15px 15px !important;
        min-height: 120px !important;
    }
    
    .noticia-fecha {
        top: -25px !important;
        left: 15px !important;
        padding: 8px 12px !important;
        min-width: 60px !important;
    }
    
    .noticia-dia {
        font-size: 1.6rem !important;
    }
}

/* Tablet responsive */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .noticias-grid-archivo.columnas-4,
    .noticias-grid-archivo.columnas-auto {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .noticias-grid-archivo.columnas-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop responsive */
@media only screen and (min-width: 1025px) {
    .noticias-grid-archivo.columnas-auto {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Asegurar que las tarjetas no se deformen */
.noticias-grid-archivo .noticia-card-archivo {
    position: static;
    transform: none;
    width: 100%;
    min-width: 0;
}