.elementor-6383 .elementor-element.elementor-element-92d8c20{--display:flex;--min-height:90vh;--justify-content:flex-end;}.elementor-6383 .elementor-element.elementor-element-92d8c20:not(.elementor-motion-effects-element-type-background), .elementor-6383 .elementor-element.elementor-element-92d8c20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://navakintelligence.com/wp-content/uploads/2026/09/norteamerica-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6383 .elementor-element.elementor-element-4b51897{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;}.elementor-6383 .elementor-element.elementor-element-1dbd52d{--display:flex;}.elementor-6383 .elementor-element.elementor-element-1dbd52d:not(.elementor-motion-effects-element-type-background), .elementor-6383 .elementor-element.elementor-element-1dbd52d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_box{background-color:#ffffff;text-align:left;border-style:solid;border-width:0px 0px 0px 0px;border-color:#dfdfdf;}.elementor-6383 .elementor-element.elementor-element-1ea3fee > .elementor-widget-container{margin:50px 0px 100px 0px;padding:0px 15px 0px 15px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks{grid-template-columns:repeat(3, 1fr);grid-gap:30px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_box,.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_content{transition:all 200ms ease-in-out;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_content{padding:0px 0px 0px 0px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_image img{height:100px;object-fit:cover;object-position:center center;padding:0px 0px 0px 0px;transition:all 200ms ease-in-out;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_box img{transform:scale(1);}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_box:hover img{transform:scale(1.1);}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue-grid-item-category a{background-color:#133453;color:#ffffff;font-size:8px;padding:2px 6px 2px 6px;border-radius:0px 0px 0px 0px;margin-right:5px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue-ct-separator{margin:0px 4px 0px 4px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_title,.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_title a{font-size:16px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_title{margin-top:0px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_title a{color:#000000;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue-grid-item-meta-data{color:#707070;margin-top:10px;gap:10px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue-grid-item-meta-data svg{fill:#707070;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_text{font-size:12px;margin-top:0px;color:#969696;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_box:hover .ue_post_blocks_text{color:#969696;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_link a{padding:0px 20px 0px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:10px;}.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks_link a:hover{background-color:#494949;}@media(max-width:1024px){.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-6383 .elementor-element.elementor-element-1ea3fee .ue_post_blocks{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for ucaddon_post_blocks, class: .elementor-element-1ea3fee */<style>
/* 1. Ocultar basura original (etiquetas viejas, botones, metas desordenadas) */
.ue_post_blocks_box .ue-badge, 
.ue_post_blocks_box .ue-post-badge,
.ue_post_blocks_box .ue-grid-item-category,
.ue_post_blocks_box .ue-grid-item-meta,
.ue_post_blocks_box .uc-btn,
.ue_post_blocks_box .ue-btn,
.ue_post_blocks_box .uc_post_blocks_button,
.ue_post_blocks_box .ue_post_blocks_button_wrapper,
.ue_post_blocks_box .ue-grid-item-button {
    display: none !important;
}

/* 2. Tarjeta principal: Limpia y clickeable */
.ue_post_blocks_box {
    grid-column: span 1 !important;
    cursor: pointer !important;
    background-color: transparent !important; 
    border: none !important;
    border-radius: 0 !important; /* REGLA NAVAK: Bordes rectos */
    transition: transform 0.3s ease !important;
    padding: 0 0 30px 0 !important; 
    position: relative;
    display: flex;
    flex-direction: column;
}
.ue_post_blocks_box:hover {
    transform: translateY(-5px);
}

/* 3. Imagen: 4:3 a sangre */
.ue_post_blocks_box img,
.ue_post_blocks_box .ue-grid-item-image,
.ue_post_blocks_box .ue_post_blocks_image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important; 
    object-fit: cover !important;
    border-radius: 0 !important; /* REGLA NAVAK: Bordes rectos */
    margin-bottom: 15px !important;
}

/* Quitar padding del contenido */
.ue_post_blocks_box .ue-grid-item-content,
.ue_post_blocks_box .ue_post_blocks_content {
    padding: 0 !important; 
    display: flex;
    flex-direction: column;
}

/* 4. NUEVA FILA DE METADATOS (Inyectada por JS) */
.navak-meta-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    color: #a0a0a0 !important;
    font-family: inherit;
    border-radius: 0 !important;
}
.navak-meta-row span {
    color: #a0a0a0 !important;
}
.navak-meta-cats {
    text-transform: capitalize;
}

/* 5. Título: Forzado a mostrarse, mayúsculas y blanco */
.ue_post_blocks_box h3, 
.ue_post_blocks_box .ue-grid-item-title,
.ue_post_blocks_box .ue_post_blocks_title {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    border-radius: 0 !important;
    display: block !important; 
}

/* 6. Extracto / Resumen: Forzado a mostrarse */
.ue_post_blocks_box p,
.ue_post_blocks_box .ue-grid-item-excerpt,
.ue_post_blocks_box .ue_post_blocks_excerpt {
    color: #d1d1d1 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    display: block !important;
}

/* 7. Lógica Ver Más */
.ue_post_blocks_box:nth-child(n+7) { display: none; }
.ue_post_blocks_box.post-revelado { display: flex !important; animation: fadeInUp 0.5s ease forwards; }

.contenedor-btn-galeria { text-align: center; margin-top: 40px; margin-bottom: 20px; width: 100%; }
.btn-ver-mas-texto { color: #ffffff !important; font-size: 16px; text-decoration: none !important; position: relative; cursor: pointer; padding-bottom: 4px; display: inline-block; transition: text-shadow 0.3s ease; border-radius: 0 !important; }
.btn-ver-mas-texto::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #ffffff; transform-origin: center; transform: scaleX(1); transition: transform 0.3s ease, height 0.3s ease; }
.btn-ver-mas-texto:hover { text-shadow: 0 0 10px rgba(255,255,255, 0.4); }
.btn-ver-mas-texto:hover::after { transform: scaleX(1.4); height: 2px; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
</style>

<!-- Estructura del botón Ver Más -->
<div class="contenedor-btn-galeria" id="zona-btn-galeria">
    <a id="btn-revelar-galeria" class="btn-ver-mas-texto">Ver más</a>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    var btn = document.getElementById("btn-revelar-galeria");
    var contenedorBtn = document.getElementById("zona-btn-galeria");
    
    setTimeout(function() {
        var posts = document.querySelectorAll(".ue_post_blocks_box");
        
        if(posts.length <= 6) {
            if(contenedorBtn) contenedorBtn.style.display = "none";
        }
        
        posts.forEach(function(post, index) {
            
            // --- INYECCIÓN DE LA FILA DE DATOS (Fecha, Temas, 4 min) ---
            if(!post.querySelector('.navak-meta-row')) {
                // Sacamos las etiquetas reales del post ignorando "nuevo"
                let catArray = [];
                const etiquetas = post.querySelectorAll('.ue-grid-item-category a, .ue-grid-item-category span, .ue-badge');
                etiquetas.forEach(tag => {
                    let txt = tag.textContent.trim();
                    if(txt && txt.toLowerCase() !== 'nuevo') {
                        catArray.push(txt);
                    }
                });
                let catText = catArray.length > 0 ? catArray.join(', ') : 'General';
                
                // Buscamos si el plugin imprime la fecha en algún lado. Si no, usamos la de hoy como salvavidas.
                let dateSpan = post.querySelector('.ue-post-date, .ue-grid-item-date');
                let dateText = dateSpan ? dateSpan.textContent.trim() : new Date().toLocaleDateString('es-ES');

                // Creamos la fila idéntica a tu foto
                let metaRow = document.createElement('div');
                metaRow.className = 'navak-meta-row';
                metaRow.innerHTML = `
                    <span class="navak-meta-date">${dateText}</span>
                    <span class="navak-meta-cats">${catText}</span>
                    <span class="navak-meta-read">4 min de lectura</span>
                `;
                
                // La encajamos justo encima del título
                let contentBox = post.querySelector('.ue-grid-item-content, .ue_post_blocks_content');
                let titleElement = post.querySelector('h3, .ue_post_blocks_title, .ue-grid-item-title');
                
                if (contentBox && titleElement) {
                    contentBox.insertBefore(metaRow, titleElement);
                }
            }

            // --- HACER CLICKABLE ---
            post.addEventListener('click', function(e) {
                if(e.target.tagName.toLowerCase() === 'a') return; 
                var enlace = this.querySelector('a');
                if(enlace && enlace.href) {
                    window.location.href = enlace.href;
                }
            });

            // --- BOTÓN VER MÁS ---
            if(btn && index >= 6) {
                btn.addEventListener("click", function(eventoClick) {
                    eventoClick.preventDefault();
                    post.classList.add("post-revelado");
                    contenedorBtn.style.opacity = "0";
                    setTimeout(function(){ contenedorBtn.style.display = "none"; }, 300);
                });
            }
        });
    }, 500);
});
</script>/* End custom CSS */