{"id":1275,"date":"2026-08-24T17:20:24","date_gmt":"2026-08-24T17:20:24","guid":{"rendered":"https:\/\/calidadsg.com\/fcalidadsg\/?page_id=1275"},"modified":"2026-08-24T17:54:29","modified_gmt":"2026-08-24T17:54:29","slug":"blog","status":"publish","type":"page","link":"https:\/\/calidadsg.com\/fcalidadsg\/en\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1275\" class=\"elementor elementor-1275\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-175d9b8c elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"175d9b8c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62e2cc72\" data-id=\"62e2cc72\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51164a56 elementor-widget elementor-widget-text-editor\" data-id=\"51164a56\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section class=\"snu-blog-header\"><span class=\"blog-tag\">Blog Oficial<\/span><h1>Sistemas de gesti\u00f3n en la nueva generaci\u00f3n<\/h1><p>Mantente al d\u00eda con las \u00faltimas tendencias en <strong>ISO 9001<\/strong>, <strong>ISO 14001<\/strong>, <strong>ISO 45001<\/strong>, <strong>ISO 27001<\/strong>, automatizaci\u00f3n de procesos, inteligencia artificial y las novedades de <strong>SNU Quality<\/strong>.<\/p><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c56c46f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c56c46f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24b22128\" data-id=\"24b22128\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30f33b31 elementor-widget elementor-widget-heading\" data-id=\"30f33b31\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SNU Quality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b0215b elementor-widget elementor-widget-heading\" data-id=\"63b0215b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Innovaci\u00f3n y sistemas de gesti\u00f3n <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c84d24b e-flex e-con-boxed e-con e-parent\" data-id=\"c84d24b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90cc841 elementor-widget elementor-widget-html\" data-id=\"90cc841\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. El contenedor donde aparecer\u00e1n los art\u00edculos -->\r\n<div id=\"entradas-blog-snu\" class=\"contenedor-blog\">\r\n  <p>Cargando art\u00edculos...<\/p>\r\n<\/div>\r\n\r\n<!-- 2. Los estilos (CSS) unificados y corregidos -->\r\n<style>\r\n  .contenedor-blog {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 20px;\r\n    font-family: Arial, sans-serif;\r\n  }\r\n  \r\n  \/* Tarjeta general *\/\r\n  .articulo-snu {\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    background: #fff;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n    overflow: hidden;\r\n    display: flex;          \/* Para igualar la altura de todas las tarjetas *\/\r\n    flex-direction: column; \r\n    height: 100%;           \r\n  }\r\n\r\n  \/* Contenedor del enlace de la imagen (Fuerza el tama\u00f1o estricto) *\/\r\n  .articulo-snu > a {\r\n    display: block;\r\n    width: 100%;\r\n    height: 220px; \/* Altura fija para todas las im\u00e1genes *\/\r\n    overflow: hidden; \/* Corta el sobrante *\/\r\n    flex-shrink: 0; \/* Evita que la imagen se encoja si hay mucho texto *\/\r\n  }\r\n\r\n  \/* La imagen per se *\/\r\n  .imagen-articulo {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* Recorta la imagen a los lados para llenar la caja *\/\r\n    object-position: center; \/* Centra el recorte *\/\r\n    display: block;\r\n    border-bottom: 1px solid #eee;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Contenedor del texto *\/\r\n  .contenido-articulo {\r\n    padding: 20px;\r\n    display: flex;          \r\n    flex-direction: column; \r\n    flex-grow: 1; \/* Empuja el contenido para llenar el espacio sobrante hacia abajo *\/\r\n  }\r\n  \r\n  .contenido-articulo h3 {\r\n    margin-top: 0;\r\n    font-size: 1.2rem;\r\n  }\r\n  \r\n  .contenido-articulo h3 a {\r\n    text-decoration: none;\r\n    color: #046bd2;\r\n  }\r\n  \r\n  .contenido-articulo h3 a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  \r\n  .contenido-articulo p {\r\n    color: #555;\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n    margin-bottom: 0;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. El motor (JavaScript) conectado a la API REST de WordPress -->\r\n<script>\r\n  \/\/ API apuntando a tu dominio, limitando a 4 posts, de la categor\u00eda 53 y pidiendo las im\u00e1genes (_embed)\r\n  const apiUrl = 'https:\/\/softwaresnu.com\/wp-json\/wp\/v2\/posts?categories=53&per_page=4&_embed';\r\n\r\n  fetch(apiUrl)\r\n    .then(respuesta => respuesta.json())\r\n    .then(posts => {\r\n      const contenedor = document.getElementById('entradas-blog-snu');\r\n      let html = '';\r\n      \r\n      posts.forEach(post => {\r\n        \/\/ Extraemos los datos nativos de WordPress\r\n        const titulo = post.title.rendered;\r\n        const enlace = post.link;\r\n        const extracto = post.excerpt.rendered; \/\/ El resumen ya viene con etiquetas <p>\r\n        \r\n        \/\/ Buscamos la imagen destacada dentro de los datos \"_embedded\"\r\n        let urlImagen = 'https:\/\/via.placeholder.com\/600x400?text=Sin+Imagen';\r\n        if (post._embedded && post._embedded['wp:featuredmedia']) {\r\n          urlImagen = post._embedded['wp:featuredmedia'][0].source_url;\r\n        }\r\n\r\n        \/\/ Armamos el HTML de cada tarjeta\r\n        html += `\r\n          <div class=\"articulo-snu\">\r\n            <a href=\"${enlace}\" target=\"_blank\">\r\n                <img decoding=\"async\" src=\"${urlImagen}\" alt=\"${titulo}\" class=\"imagen-articulo\">\r\n            <\/a>\r\n            <div class=\"contenido-articulo\">\r\n                <h3><a href=\"${enlace}\" target=\"_blank\">${titulo}<\/a><\/h3>\r\n                ${extracto}\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      });\r\n      \r\n      contenedor.innerHTML = html;\r\n    })\r\n    .catch(error => {\r\n      document.getElementById('entradas-blog-snu').innerHTML = '<p>Error al cargar los art\u00edculos del blog.<\/p>';\r\n      console.error(\"Error conectando a la API:\", error);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Blog Oficial Sistemas de gesti\u00f3n en la nueva generaci\u00f3n Mantente al d\u00eda con las \u00faltimas tendencias en ISO 9001, ISO 14001, ISO 45001, ISO 27001, automatizaci\u00f3n de procesos, inteligencia artificial y las novedades de SNU Quality. SNU Quality Innovaci\u00f3n y sistemas de gesti\u00f3n Cargando art\u00edculos&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-1275","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/pages\/1275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/comments?post=1275"}],"version-history":[{"count":0,"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/pages\/1275\/revisions"}],"wp:attachment":[{"href":"https:\/\/calidadsg.com\/fcalidadsg\/en\/wp-json\/wp\/v2\/media?parent=1275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}