{"id":70,"date":"2025-11-21T16:14:20","date_gmt":"2025-11-21T21:14:20","guid":{"rendered":"https:\/\/newsletter.azclegal.com\/wordpress\/?page_id=70"},"modified":"2025-12-16T11:36:10","modified_gmt":"2025-12-16T16:36:10","slug":"inicio","status":"publish","type":"page","link":"https:\/\/newsletter.azclegal.com\/wordpress\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:50px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1533\" height=\"356\" class=\"wp-block-cover__image-background wp-image-38 size-large\" alt=\"\" src=\"https:\/\/newsletter.azclegal.com\/wordpress\/wp-content\/uploads\/2025\/11\/Diseno-sin-titulo-2-3-1536x864-1-e1763759636228.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/newsletter.azclegal.com\/wordpress\/wp-content\/uploads\/2025\/11\/Diseno-sin-titulo-2-3-1536x864-1-e1763759636228.jpg 1533w, https:\/\/newsletter.azclegal.com\/wordpress\/wp-content\/uploads\/2025\/11\/Diseno-sin-titulo-2-3-1536x864-1-e1763759636228-640x149.jpg 640w, https:\/\/newsletter.azclegal.com\/wordpress\/wp-content\/uploads\/2025\/11\/Diseno-sin-titulo-2-3-1536x864-1-e1763759636228-1280x297.jpg 1280w, https:\/\/newsletter.azclegal.com\/wordpress\/wp-content\/uploads\/2025\/11\/Diseno-sin-titulo-2-3-1536x864-1-e1763759636228-768x178.jpg 768w\" sizes=\"auto, (max-width: 1533px) 100vw, 1533px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-base-color has-text-color has-link-color wp-elements-3b5a0686db924be8dc91555efd8929e2 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-afc22aa2 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\"><\/div>\n\n\n\n<div style=\"height:90px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- CONTENEDOR PRINCIPAL PARA EL BLOG -->\n<div id=\"custom-blog-widget-api\">\n\n    <!-- Mensaje de carga -->\n    <p id=\"loading-message-api\">Cargando art\u00edculos&#8230;<\/p>\n\n    <h2 class=\"blog-grid-title\">\u00daltimas Noticias<\/h2>\n\n    <!-- Aqu\u00ed se insertar\u00e1 el post destacado -->\n    <div id=\"featured-post-container-api\"><\/div>\n\n    <!-- Aqu\u00ed se insertar\u00e1 la cuadr\u00edcula de posts -->\n    <div id=\"posts-grid-container-api\" class=\"posts-grid\"><\/div>\n\n<\/div>\n\n<!-- ================================= -->\n<!-- ESTILOS CSS -->\n<!-- ================================= -->\n<style>\n    \/* --- Variables y Estilos Globales --- *\/\n    :root {\n        --primary-color: #003a5d; \/* Azul oscuro *\/\n        --accent-color: #be1622; \/* Rojo *\/\n        --text-color: #353132; \/* Gris oscuro *\/\n        --border-color: #9d9d9c; \/* Gris claro *\/\n        --light-gray: #f4f4f4;\n        --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    }\n\n    #custom-blog-widget-api {\n        font-family: var(--font-family);\n        color: var(--text-color);\n        line-height: 1.6;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 15px;\n    }\n\n    #custom-blog-widget-api a {\n        color: var(--primary-color);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    #custom-blog-widget-api a:hover {\n        color: var(--accent-color);\n    }\n\n    #custom-blog-widget-api img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 8px;\n    }\n\n    #loading-message-api {\n        text-align: center;\n        font-size: 1.2em;\n        padding: 40px 0;\n    }\n\n    \/* --- Post Destacado (con imagen) --- *\/\n    .featured-post {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin-bottom: 50px;\n        border-bottom: 1px solid var(--border-color);\n        padding-bottom: 40px;\n        gap: 30px;\n    }\n\n    .featured-post-image {\n        flex: 1 1 45%;\n        min-width: 300px;\n    }\n\n    .featured-post-content {\n        flex: 1 1 45%;\n        min-width: 300px;\n    }\n\n    .featured-post-content h2 {\n        font-size: 2rem;\n        font-weight: 700;\n        margin: 10px 0;\n        line-height: 1.2;\n    }\n\n    .post-category {\n        font-size: 0.85rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--accent-color);\n    }\n\n    .post-date {\n        font-size: 0.9rem;\n        color: #777;\n        margin-bottom: 15px;\n    }\n\n    .read-more-button {\n        display: inline-block;\n        background-color: var(--accent-color);\n        color: #fff;\n        padding: 10px 25px;\n        border-radius: 5px;\n        font-weight: 600;\n        margin-top: 15px;\n        transition: background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .read-more-button:hover {\n        background-color: var(--primary-color);\n        color: #fff;\n    }\n\n    \/* --- Estilo para el nuevo t\u00edtulo --- *\/\n    .blog-grid-title {\n        text-align: left;\n        font-size: 1.8rem;\n        font-weight: 700;\n        margin-top: 20px;\n        margin-bottom: 30px;\n        color: var(--text-color);\n        border-bottom: 2px solid var(--accent-color);\n        padding-bottom: 10px;\n    }\n\n    \/* --- Grid de Posts (tarjetas sin imagen) --- *\/\n    .posts-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n    }\n\n    .post-card {\n        background-color: #fff;\n        border: 1px solid var(--border-color);\n        border-radius: 8px;\n        padding: 25px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .post-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    }\n\n    .post-card-content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .post-card-content h3 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin: 10px 0 15px;\n        line-height: 1.3;\n    }\n\n    .post-card .post-excerpt {\n        font-size: 0.95rem;\n        flex-grow: 1;\n    }\n\n    \/* --- Responsive Design --- *\/\n    @media (max-width: 768px) {\n        .featured-post {\n            flex-direction: column;\n        }\n        .featured-post-content h2 {\n            font-size: 1.8rem;\n        }\n        .posts-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<!-- ================================= -->\n<!-- L\u00d3GICA JAVASCRIPT (API REST) -->\n<!-- ================================= -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    const blogContainer = document.getElementById('custom-blog-widget-api');\n    const featuredContainer = document.getElementById('featured-post-container-api');\n    const gridContainer = document.getElementById('posts-grid-container-api');\n    const loadingMessage = document.getElementById('loading-message-api');\n\n    \/\/ URL de la API REST de WordPress para obtener posts.\n    \/\/ _embed=wp:featuredmedia,wp:term trae la imagen destacada y las categor\u00edas.\n    \/\/ per_page=7 indica cu\u00e1ntos posts quieres cargar.\n    const apiUrl = '\/wordpress\/wp-json\/wp\/v2\/posts?_embed=wp:featuredmedia,wp:term&per_page=7';\n\n    \/\/ Funci\u00f3n para crear el HTML del post destacado\n    function createFeaturedPostHTML(post) {\n        \/\/ Extraemos la imagen destacada de forma segura\n        const image = post._embedded['wp:featuredmedia'] ? post._embedded['wp:featuredmedia'][0].source_url : 'https:\/\/via.placeholder.com\/600x400.png?text=Sin+Imagen';\n        \/\/ Extraemos la primera categor\u00eda\n        const category = post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0] ? post._embedded['wp:term'][0][0].name : 'Sin categor\u00eda';\n        \n        return `\n            <article class=\"featured-post\">\n                <div class=\"featured-post-image\">\n                    <a href=\"${post.link}\">\n                        <img decoding=\"async\" src=\"${image}\" alt=\"${post.title.rendered.replace(\/&amp;\/g, '&#038;')}\">\n                    <\/a>\n                <\/div>\n                <div class=\"featured-post-content\">\n                    <div class=\"post-category\">${category}<\/div>\n                    <h2><a href=\"${post.link}\">${post.title.rendered}<\/a><\/h2>\n                    <p class=\"post-date\">${new Date(post.date).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric' })}<\/p>\n                    <div class=\"post-excerpt\">${post.excerpt.rendered}<\/div>\n                    <a href=\"${post.link}\" class=\"read-more-button\">Leer m\u00e1s<\/a>\n                <\/div>\n            <\/article>\n        `;\n    }\n\n    \/\/ Funci\u00f3n para crear el HTML de una tarjeta de post\n    function createPostCardHTML(post) {\n        \/\/ Extraemos la primera categor\u00eda\n        const category = post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0] ? post._embedded['wp:term'][0][0].name : 'Sin categor\u00eda';\n\n        return `\n            <article class=\"post-card\">\n                <div class=\"post-card-content\">\n                    <div class=\"post-category\">${category}<\/div>\n                    <h3><a href=\"${post.link}\">${post.title.rendered}<\/a><\/h3>\n                    <p class=\"post-date\">${new Date(post.date).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric' })}<\/p>\n                    <div class=\"post-excerpt\">${post.excerpt.rendered}<\/div>\n                <\/div>\n            <\/article>\n        `;\n    }\n\n    \/\/ Obtener los posts desde la API REST de WordPress\n    fetch(apiUrl)\n        .then(response => {\n            if (!response.ok) {\n                throw new Error('La red no respondi\u00f3 correctamente: ' + response.statusText);\n            }\n            return response.json();\n        })\n        .then(posts => {\n            loadingMessage.style.display = 'none'; \/\/ Ocultar mensaje de carga\n\n            if (posts.length === 0) {\n                blogContainer.innerHTML = '<p>No se encontraron art\u00edculos para mostrar.<\/p>';\n                return;\n            }\n\n            \/\/ El primer post es el destacado\n            const featuredPost = posts[0];\n            featuredContainer.innerHTML = createFeaturedPostHTML(featuredPost);\n\n            \/\/ El resto de posts van en la cuadr\u00edcula\n            const gridPosts = posts.slice(1);\n            gridPosts.forEach(post => {\n                gridContainer.innerHTML += createPostCardHTML(post);\n            });\n\n        })\n        .catch(error => {\n            console.error('Error al obtener los posts de la API REST:', error);\n            loadingMessage.textContent = 'Error al cargar los art\u00edculos desde la API. Revisa la consola para m\u00e1s detalles.';\n            loadingMessage.style.color = 'var(--accent-color)';\n        });\n});\n<\/script>\n\n\n\n<!-- CONTENEDOR PRINCIPAL PARA EL BLOG -->\n<div id=\"custom-blog-widget-api\">\n\n    <!-- Grid de categor\u00edas -->\n    <div class=\"parent\">\n        <!-- Derecho Laboral -->\n        <h2 class=\"category-title\" style=\"grid-column: span 2; grid-row: 1;\">Derecho Laboral<\/h2>\n        <div id=\"div1\" class=\"div1 featured-post-container\"><\/div>\n        <div id=\"div2\" class=\"div2 post-card-container\"><\/div>\n        <div id=\"div3\" class=\"div3 post-card-container\"><\/div>\n        \n        <!-- Derecho Comercial -->\n        <h2 class=\"category-title\" style=\"grid-column: 3; grid-column-end: 5; grid-row: 1;\">Derecho Comercial<\/h2>\n        <div id=\"div4\" class=\"div4 post-card-container\"><\/div>\n        <div id=\"div5\" class=\"div5 post-card-container\"><\/div>\n        <div id=\"div6\" class=\"div6 featured-post-container\"><\/div>\n        \n        <!-- Propiedad Intelectual -->\n        <h2 class=\"category-title\" style=\"grid-column: span 2; grid-row: 5;\">Propiedad Intelectual<\/h2>\n        <div id=\"div7\" class=\"div7 featured-post-container\"><\/div>\n        <div id=\"div8\" class=\"div8 post-card-container\"><\/div>\n        <div id=\"div9\" class=\"div9 post-card-container\"><\/div>\n        \n        <!-- Seguros -->\n        <h2 class=\"category-title\" style=\"grid-column: 3; grid-column-end: 5; grid-row: 5;\">Seguros<\/h2>\n        <div id=\"div10\" class=\"div10 post-card-container\"><\/div>\n        <div id=\"div11\" class=\"div11 post-card-container\"><\/div>\n        <div id=\"div12\" class=\"div12 featured-post-container\"><\/div>\n        \n        <!-- Novedades AZC -->\n        <h2 class=\"category-title\" style=\"grid-column: 1 \/ -1; grid-row: 9;\">Novedades AZC<\/h2>\n        <div id=\"div13\" class=\"div13 post-card-container\"><\/div>\n        <div id=\"div14\" class=\"div14 featured-post-container\"><\/div>\n    <\/div>\n<\/div>\n\n<!-- ================================= -->\n<!-- ESTILOS CSS -->\n<!-- ================================= -->\n<style>\n    \/* --- Variables y Estilos Globales --- *\/\n    :root {\n        --primary-color: #003a5d; \/* Azul oscuro *\/\n        --accent-color: #be1622; \/* Rojo *\/\n        --text-color: #353132; \/* Gris oscuro *\/\n        --border-color: #9d9d9c; \/* Gris claro *\/\n        --light-gray: #f4f4f4;\n        --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    }\n\n    #custom-blog-widget-api {\n        font-family: var(--font-family);\n        color: var(--text-color);\n        line-height: 1.6;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 15px;\n    }\n\n    #custom-blog-widget-api a {\n        color: var(--primary-color);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    #custom-blog-widget-api a:hover {\n        color: var(--accent-color);\n    }\n\n    #custom-blog-widget-api img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 8px;\n    }\n\n    #loading-message-api {\n        text-align: center;\n        font-size: 1.2em;\n        padding: 40px 0;\n    }\n\n    \/* --- Grid Layout --- *\/\n    .parent {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr); \/* Grid de 4 columnas para el dise\u00f1o interno *\/\n        gap: 20px;\n        margin-top: 20px; \/* <-- CAMBIO: A\u00f1adimos el margen superior aqu\u00ed *\/\n    }\n    \n    \/* T\u00edtulos de categor\u00eda *\/\n    .category-title {\n        text-align: left;\n        font-size: 1.8rem;\n        font-weight: 700;\n        \/* margin-top: 20px; <-- CAMBIO: Eliminamos el margen superior de aqu\u00ed *\/\n        margin-bottom: 10px;\n        color: var(--text-color);\n        border-bottom: 2px solid var(--accent-color);\n        padding-bottom: 10px;\n    }\n    \n    \/* Posicionamiento de los elementos *\/\n    \/* Grupo 1: Filas 1 a 4 *\/\n    .div1 { grid-column: span 2; grid-row: 2 \/ span 2; }\n    .div2 { grid-column: 1; grid-row: 4; }\n    .div3 { grid-column: 2; grid-row: 4; }\n    .div4 { grid-column: 3; grid-row: 2; }\n    .div5 { grid-column: 4; grid-row: 2; }\n    .div6 { grid-column: 3 \/ span 2; grid-row: 3 \/ span 2; }\n\n    \/* Grupo 2: Filas 5 a 8 *\/\n    .div7 { grid-column: span 2; grid-row: 6 \/ span 2; }\n    .div8 { grid-column: 1; grid-row: 8; }\n    .div9 { grid-column: 2; grid-row: 8; }\n    .div10 { grid-column: 3; grid-row: 6; }\n    .div11 { grid-column: 4; grid-row: 6; }\n    .div12 { grid-column: 3 \/ span 2; grid-row: 7 \/ span 2; }\n\n    \/* Grupo 3: Filas 9 en adelante *\/\n    .div13 { grid-column: 1; grid-row: 10; }\n    .div14 { grid-column: 2 \/ span 3; grid-row: 10; }\n\n    \/* --- Post Destacado (con imagen) --- *\/\n    .featured-post {\n        display: flex;\n        flex-direction: column; \/* Imagen arriba del contenido *\/\n        height: 100%;\n        border: 1px solid var(--border-color);\n        border-radius: 8px;\n        overflow: hidden;\n        background-color: #fff;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .featured-post:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    }\n\n    .featured-post-image {\n        width: 100%;\n        overflow: hidden;\n    }\n\n    .featured-post-image img {\n        width: 100%;\n        height: 200px;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n\n    .featured-post:hover .featured-post-image img {\n        transform: scale(1.05);\n    }\n\n    .featured-post-content {\n        padding: 20px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n\n    .featured-post-content h2 {\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin: 10px 0;\n        line-height: 1.2;\n    }\n\n    .post-category {\n        font-size: 0.85rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--accent-color);\n    }\n\n    .post-date {\n        font-size: 0.9rem;\n        color: #777;\n        margin-bottom: 15px;\n    }\n\n    .read-more-button {\n        display: inline-block;\n        background-color: var(--accent-color);\n        color: #fff;\n        padding: 10px 25px;\n        border-radius: 5px;\n        font-weight: 600;\n        margin-top: 15px;\n        transition: background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .read-more-button:hover {\n        background-color: var(--primary-color);\n        color: #fff;\n    }\n\n    \/* --- Tarjetas de Posts (sin imagen) --- *\/\n    .post-card {\n        background-color: #fff;\n        border: 1px solid var(--border-color);\n        border-radius: 8px;\n        padding: 20px;\n        height: 100%;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .post-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    }\n\n    .post-card-content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .post-card-content h3 {\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin: 10px 0 15px;\n        line-height: 1.3;\n    }\n\n    .post-card .post-excerpt {\n        font-size: 0.9rem;\n        flex-grow: 1;\n    }\n\n    \/* --- Responsive Design --- *\/\n    @media (max-width: 768px) {\n        .parent { \n            grid-template-columns: 1fr; \n            grid-template-rows: auto; \n        }\n        \n        .div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9, .div10, .div11, .div12, .div13, .div14 { \n            grid-column: 1 !important; \n            grid-row: auto !important; \n        }\n        \n        .category-title { \n            grid-column: 1 !important; \n            grid-row: auto !important; \n        }\n        \n        .featured-post-content h2 { \n            font-size: 1.3rem; \n        }\n    }\n<\/style>\n<!-- ================================= -->\n<!-- L\u00d3GICA JAVASCRIPT (API REST) - VERSI\u00d3N FINAL CON CONTADOR\n<!-- ================================= -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    const blogContainer = document.getElementById('custom-blog-widget-api');\n    const loadingMessage = document.getElementById('loading-message-api');\n\n    const categorySlugs = [\n        'derecho-laboral',\n        'derecho-comercial',\n        'propiedad-intelectual',\n        'seguros',\n        'novedades-azc'\n    ];\n\n    \/\/ --- INICIO DE LA L\u00d3GICA DEL CONTADOR ---\n    const totalCategories = categorySlugs.length;\n    let loadedCategories = 0;\n\n    function checkIfAllLoaded() {\n        loadedCategories++;\n        if (loadedCategories === totalCategories) {\n            console.log('Todas las categor\u00edas han terminado de cargar.');\n            loadingMessage.style.display = 'none';\n        }\n    }\n    \/\/ --- FIN DE LA L\u00d3GICA DEL CONTADOR ---\n\n    function createFeaturedPostHTML(post) {\n        let imageUrl = 'https:\/\/via.placeholder.com\/600x400.png\/CCCCCC\/FFFFFF?text=Imagen+no+disponible';\n        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0] && post._embedded['wp:featuredmedia'][0].source_url) {\n            imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n        }\n        \n        let categoryName = 'Sin categor\u00eda';\n        if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]) {\n            categoryName = post._embedded['wp:term'][0][0].name;\n        }\n        \n        const title = post.title && post.title.rendered ? post.title.rendered : 'Sin t\u00edtulo';\n        const excerpt = post.excerpt && post.excerpt.rendered ? post.excerpt.rendered : '';\n        const date = post.date ? new Date(post.date).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric' }) : '';\n        const link = post.link ? post.link : '#';\n        \n        return '<article class=\"featured-post\">' +\n            '<div class=\"featured-post-image\">' +\n                '<a href=\"' + link + '\">' +\n                    '<img decoding=\"async\" src=\"' + imageUrl + '\" alt=\"' + title.replace(\/&amp;\/g, '&#038;') + '\">' +\n                '<\/a>' +\n            '<\/div>' +\n            '<div class=\"featured-post-content\">' +\n                '<div class=\"post-category\">' + categoryName + '<\/div>' +\n                '<h2><a href=\"' + link + '\">' + title + '<\/a><\/h2>' +\n                '<p class=\"post-date\">' + date + '<\/p>' +\n                '<div class=\"post-excerpt\">' + excerpt + '<\/div>' +\n                '<a href=\"' + link + '\" class=\"read-more-button\">Leer m\u00e1s<\/a>' +\n            '<\/div>' +\n        '<\/article>';\n    }\n\n    function createPostCardHTML(post) {\n        let categoryName = 'Sin categor\u00eda';\n        if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]) {\n            categoryName = post._embedded['wp:term'][0][0].name;\n        }\n        \n        const title = post.title && post.title.rendered ? post.title.rendered : 'Sin t\u00edtulo';\n        const excerpt = post.excerpt && post.excerpt.rendered ? post.excerpt.rendered : '';\n        const date = post.date ? new Date(post.date).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric' }) : '';\n        const link = post.link ? post.link : '#';\n\n        return '<article class=\"post-card\">' +\n            '<div class=\"post-card-content\">' +\n                '<div class=\"post-category\">' + categoryName + '<\/div>' +\n                '<h3><a href=\"' + link + '\">' + title + '<\/a><\/h3>' +\n                '<p class=\"post-date\">' + date + '<\/p>' +\n                '<div class=\"post-excerpt\">' + excerpt + '<\/div>' +\n            '<\/div>' +\n        '<\/article>';\n    }\n\n    function loadCategoryPosts(categoryKey, categoryApiUrl) {\n        fetch(categoryApiUrl)\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Error al cargar la categor\u00eda \"' + categoryKey + '\": ' + response.statusText);\n                }\n                return response.json();\n            })\n            .then(posts => {\n                if (!posts || posts.length === 0) {\n                    console.log('No se encontraron posts para la categor\u00eda: ' + categoryKey);\n                    checkIfAllLoaded(); \/\/ Llamamos al contador incluso si no hay posts\n                    return; \n                }\n\n                switch(categoryKey) {\n                    case 'derecho-laboral':\n                        document.getElementById('div1').innerHTML = createFeaturedPostHTML(posts[0]);\n                        if (posts[1]) document.getElementById('div2').innerHTML = createPostCardHTML(posts[1]);\n                        if (posts[2]) document.getElementById('div3').innerHTML = createPostCardHTML(posts[2]);\n                        break;\n                    case 'derecho-comercial':\n                        if (posts[0]) document.getElementById('div4').innerHTML = createPostCardHTML(posts[0]);\n                        if (posts[1]) document.getElementById('div5').innerHTML = createPostCardHTML(posts[1]);\n                        if (posts[2]) document.getElementById('div6').innerHTML = createFeaturedPostHTML(posts[2]);\n                        break;\n                    case 'propiedad-intelectual':\n                        document.getElementById('div7').innerHTML = createFeaturedPostHTML(posts[0]);\n                        if (posts[1]) document.getElementById('div8').innerHTML = createPostCardHTML(posts[1]);\n                        if (posts[2]) document.getElementById('div9').innerHTML = createPostCardHTML(posts[2]);\n                        break;\n                    case 'seguros':\n                        if (posts[0]) document.getElementById('div10').innerHTML = createPostCardHTML(posts[0]);\n                        if (posts[1]) document.getElementById('div11').innerHTML = createPostCardHTML(posts[1]);\n                        if (posts[2]) document.getElementById('div12').innerHTML = createFeaturedPostHTML(posts[2]);\n                        break;\n                    case 'novedades-azc':\n                        if (posts[0]) document.getElementById('div13').innerHTML = createPostCardHTML(posts[0]);\n                        if (posts[1]) document.getElementById('div14').innerHTML = createFeaturedPostHTML(posts[1]);\n                        break;\n                }\n                \n                \/\/ Llamamos al contador despu\u00e9s de procesar los posts con \u00e9xito\n                checkIfAllLoaded();\n\n            })\n            .catch(error => {\n                console.error('Error al cargar posts para ' + categoryKey + ':', error);\n                \/\/ Llamamos al contador incluso si hay un error para que el proceso no se detenga\n                checkIfAllLoaded();\n            });\n    }\n\n    \/\/ --- INICIO DEL PROCESO ---\n    fetch('\/wordpress\/wp-json\/wp\/v2\/categories?per_page=100')\n        .then(response => {\n            if (!response.ok) {\n                throw new Error('Error al obtener la lista de categor\u00edas: ' + response.statusText);\n            }\n            return response.json();\n        })\n        .then(allCategories => {\n            const slugToIdMap = {};\n            allCategories.forEach(cat => {\n                slugToIdMap[cat.slug] = cat.id;\n            });\n\n            categorySlugs.forEach(slug => {\n                const categoryId = slugToIdMap[slug];\n                if (categoryId) {\n                    const perPage = (slug === 'novedades-azc') ? 2 : 3;\n                    const apiUrl = '\/wordpress\/wp-json\/wp\/v2\/posts?categories=' + categoryId + '&_embed=wp:featuredmedia,wp:term&per_page=' + perPage;\n                    loadCategoryPosts(slug, apiUrl);\n                } else {\n                    console.error('No se encontr\u00f3 el ID para el slug: \"' + slug + '\". Revisa que exista en WordPress.');\n                    \/\/ Si no se encuentra la categor\u00eda, la damos por \"cargada\" para no bloquear el mensaje\n                    checkIfAllLoaded();\n                }\n            });\n        })\n        .catch(error => {\n            console.error('Error general en el widget de blog:', error);\n            loadingMessage.textContent = 'Error al cargar los art\u00edculos. Revisa la consola para m\u00e1s detalles.';\n            loadingMessage.style.color = 'var(--accent-color)';\n            \/\/ En caso de error fatal, tambi\u00e9n ocultamos el mensaje para no dejarlo colgado\n            loadingMessage.style.display = 'none';\n        });\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cargando art\u00edculos&#8230; \u00daltimas Noticias Derecho Laboral Derecho Comercial Propiedad Intelectual Seguros Novedades AZC<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"hide","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":42,"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/pages\/70\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/newsletter.azclegal.com\/wordpress\/wp-json\/wp\/v2\/media?parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}