{"id":21,"date":"2025-11-09T14:05:10","date_gmt":"2025-11-09T13:05:10","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/fast-food-v1\/?page_id=21"},"modified":"2026-05-13T18:04:56","modified_gmt":"2026-05-13T16:04:56","slug":"home-fast-food-v1","status":"publish","type":"page","link":"https:\/\/ngncloud.gt\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fae7c0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6fae7c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-062df7d elementor-widget elementor-widget-html\" data-id=\"062df7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .elementor-section:has(#ngn-cloud-wrap),\r\n  .elementor-column:has(#ngn-cloud-wrap),\r\n  .elementor-widget-wrap:has(#ngn-cloud-wrap),\r\n  .elementor-widget:has(#ngn-cloud-wrap),\r\n  .elementor-widget-container:has(#ngn-cloud-wrap) {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  #ngn-cloud-wrap {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO \u2014 UN SOLO BLOQUE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  #ngn-cloud-wrap .cs-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 86vh;\r\n    min-height: 500px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* \u2500\u2500 Texto izquierda \u2500\u2500 *\/\r\n  #ngn-cloud-wrap .cs-left {\r\n    position: relative;\r\n    z-index: 3;\r\n    flex: 0 0 50%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 0 2% 0 12%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(48px, 6vw, 88px);\r\n    font-weight: 800;\r\n    color: #050505;\r\n    line-height: 0.95;\r\n    letter-spacing: -3px;\r\n    margin: 0 0 18px 0;\r\n    text-transform: uppercase;\r\n    transition: opacity 0.45s ease, transform 0.45s ease;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-subtitle {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: rgba(5,5,5,0.55);\r\n    line-height: 1.7;\r\n    margin: 0 0 34px 0;\r\n    max-width: 380px;\r\n    transition: opacity 0.45s ease 0.08s, transform 0.45s ease 0.08s;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-btns {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    transition: opacity 0.45s ease 0.16s, transform 0.45s ease 0.16s;\r\n  }\r\n\r\n  \/* Animaci\u00f3n salida *\/\r\n  #ngn-cloud-wrap .cs-left.out .cs-title,\r\n  #ngn-cloud-wrap .cs-left.out .cs-subtitle,\r\n  #ngn-cloud-wrap .cs-left.out .cs-btns {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-btn-primary {\r\n    background: #050505;\r\n    color: #ffffff;\r\n    padding: 13px 28px;\r\n    border-radius: 100px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: background 0.2s, transform 0.2s;\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n  }\r\n  #ngn-cloud-wrap .cs-btn-primary:hover {\r\n    background: #333;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-btn-outline {\r\n    border: 1.5px solid rgba(5,5,5,0.3);\r\n    color: #050505;\r\n    padding: 13px 28px;\r\n    border-radius: 100px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: border-color 0.2s, background 0.2s;\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n  }\r\n  #ngn-cloud-wrap .cs-btn-outline:hover {\r\n    border-color: #050505;\r\n    background: rgba(5,5,5,0.05);\r\n  }\r\n\r\n  \/* \u2500\u2500 Imagen derecha \u2500\u2500 *\/\r\n  #ngn-cloud-wrap .cs-right {\r\n    flex: 0 0 50%;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-img {\r\n    position: absolute;\r\n    \/* Imagen m\u00e1s peque\u00f1a \u2014 no ocupa todo el espacio *\/\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 95%;\r\n    height: 95%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    display: block;\r\n    opacity: 0;\r\n    transition: opacity 0.7s ease;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-img.visible { opacity: 1; }\r\n\r\n  \/* \u2500\u2500 Barra de progreso \u2500\u2500 *\/\r\n  #ngn-cloud-wrap .cs-progress-bar {\r\n    position: absolute;\r\n    bottom: 22px;\r\n    right: 6%;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    width: 260px;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-prog-num {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: rgba(5,5,5,0.3);\r\n    white-space: nowrap;\r\n  }\r\n  #ngn-cloud-wrap .cs-prog-num.active {\r\n    color: rgba(5,5,5,0.85);\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-progress-track {\r\n    flex: 1;\r\n    height: 1.5px;\r\n    background: rgba(5,5,5,0.12);\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #ngn-cloud-wrap .cs-progress-fill {\r\n    height: 100%;\r\n    background: #050505;\r\n    border-radius: 2px;\r\n    width: 0%;\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    \/* En m\u00f3vil: volver al flujo normal sin el truco 100vw *\/\r\n    #ngn-cloud-wrap {\r\n      width: 100% !important;\r\n      left: 0 !important;\r\n      margin-left: 0 !important;\r\n      position: relative !important;\r\n    }\r\n    #ngn-cloud-wrap .cs-hero {\r\n      flex-direction: column;\r\n      height: auto;\r\n      min-height: 100svh;\r\n    }\r\n    #ngn-cloud-wrap .cs-left {\r\n      flex: none;\r\n      padding: 48px 7% 28px;\r\n      justify-content: flex-start;\r\n    }\r\n    #ngn-cloud-wrap .cs-right {\r\n      flex: 1;\r\n      min-height: 280px;\r\n    }\r\n    #ngn-cloud-wrap .cs-img {\r\n      width: 90%;\r\n      height: 90%;\r\n    }\r\n    #ngn-cloud-wrap .cs-progress-bar {\r\n      bottom: 16px;\r\n      right: 50%;\r\n      transform: translateX(50%);\r\n      width: 55%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #ngn-cloud-wrap {\r\n      width: 100% !important;\r\n      left: 0 !important;\r\n      margin-left: 0 !important;\r\n    }\r\n    #ngn-cloud-wrap .cs-title { font-size: 36px; letter-spacing: -1px; }\r\n    #ngn-cloud-wrap .cs-subtitle { font-size: 14px; max-width: 100%; }\r\n    #ngn-cloud-wrap .cs-btns { flex-direction: column; max-width: 200px; }\r\n    #ngn-cloud-wrap .cs-btn-primary,\r\n    #ngn-cloud-wrap .cs-btn-outline { text-align: center; }\r\n    #ngn-cloud-wrap .cs-progress-bar { width: 78%; }\r\n    #ngn-cloud-wrap .cs-left { padding: 40px 6% 24px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ngn-cloud-wrap\">\r\n  <div class=\"cs-hero\">\r\n\r\n    <!-- Texto izquierda -->\r\n    <div class=\"cs-left\" id=\"csLeft\">\r\n      <h1 class=\"cs-title\" id=\"csTitle\">REACH<br>THE<br>CLOUD<\/h1>\r\n      <p class=\"cs-subtitle\" id=\"csSubtitle\">Mejora la eficiencia de tu empresa mediante soluciones escalables y seguras de computaci\u00f3n operativa en la nube.<\/p>\r\n      <div class=\"cs-btns\">\r\n        <a href=\"#\" class=\"cs-btn-primary\">Descubrir m\u00e1s<\/a>\r\n        <a href=\"#\" class=\"cs-btn-outline\">Sobre nosotros<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Imagen derecha -->\r\n    <div class=\"cs-right\">\r\n      <img decoding=\"async\" class=\"cs-img visible\" id=\"csImg0\"\r\n        src=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-6-may-2026-12_13_58.png\"\r\n        alt=\"Cloud Infrastructure\">\r\n      <img decoding=\"async\" class=\"cs-img\" id=\"csImg1\"\r\n        src=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-6-may-2026-12_04_17.png\"\r\n        alt=\"Cloud Solutions\">\r\n    <\/div>\r\n\r\n    <!-- Barra de progreso -->\r\n    <div class=\"cs-progress-bar\">\r\n      <span class=\"cs-prog-num active\" id=\"csNumCur\">01<\/span>\r\n      <div class=\"cs-progress-track\">\r\n        <div class=\"cs-progress-fill\" id=\"csFill\"><\/div>\r\n      <\/div>\r\n      <span class=\"cs-prog-num\" id=\"csNumTot\">02<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var DURATION = 6000;\r\n  var current  = 0;\r\n  var total    = 2;\r\n  var rafId    = null;\r\n  var timer    = null;\r\n  var startTs  = null;\r\n\r\n  var slides = [\r\n    {\r\n      title:    'REACH<br>THE<br>CLOUD',\r\n      subtitle: 'Mejora la eficiencia de tu empresa mediante soluciones escalables y seguras de computaci\u00f3n operativa en la nube.',\r\n      imgId:    'csImg0'\r\n    },\r\n    {\r\n      title:    'REACH<br>THE<br>CLOUD',\r\n      subtitle: 'Facilita la gesti\u00f3n de datos y aplicaciones con herramientas avanzadas de inteligencia artificial y big data.',\r\n      imgId:    'csImg1'\r\n    }\r\n  ];\r\n\r\n  var left    = document.getElementById('csLeft');\r\n  var titleEl = document.getElementById('csTitle');\r\n  var subEl   = document.getElementById('csSubtitle');\r\n  var fill    = document.getElementById('csFill');\r\n  var numCur  = document.getElementById('csNumCur');\r\n  var numTot  = document.getElementById('csNumTot');\r\n  var imgs    = slides.map(function(s) { return document.getElementById(s.imgId); });\r\n\r\n  function pad(n) { return (n < 10 ? '0' : '') + n; }\r\n\r\n  function animFill() {\r\n    if (rafId) cancelAnimationFrame(rafId);\r\n    fill.style.width = '0%';\r\n    startTs = performance.now();\r\n    function tick(now) {\r\n      var pct = Math.min(((now - startTs) \/ DURATION) * 100, 100);\r\n      fill.style.width = pct + '%';\r\n      if (pct < 100) rafId = requestAnimationFrame(tick);\r\n    }\r\n    rafId = requestAnimationFrame(tick);\r\n  }\r\n\r\n  function goTo(idx) {\r\n    var next = ((idx % total) + total) % total;\r\n    left.classList.add('out');\r\n\r\n    setTimeout(function() {\r\n      imgs[current].classList.remove('visible');\r\n      imgs[next].classList.add('visible');\r\n      titleEl.innerHTML = slides[next].title;\r\n      subEl.textContent = slides[next].subtitle;\r\n      current = next;\r\n      numCur.textContent = pad(current + 1);\r\n      left.classList.remove('out');\r\n    }, 420);\r\n\r\n    animFill();\r\n    clearTimeout(timer);\r\n    timer = setTimeout(function() { goTo(current + 1); }, DURATION);\r\n  }\r\n\r\n  numCur.textContent = pad(1);\r\n  numTot.textContent = pad(total);\r\n  animFill();\r\n  timer = setTimeout(function() { goTo(1); }, DURATION);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1fb5dd60 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"1fb5dd60\" data-element_type=\"section\" data-e-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-4d4a6321\" data-id=\"4d4a6321\" data-element_type=\"column\" data-e-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-3d06f413 elementor-widget elementor-widget-heading\" data-id=\"3d06f413\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Servicios Innovadores, confiables y seguros<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80f6ff1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"80f6ff1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbcdcb7 elementor-widget elementor-widget-html\" data-id=\"dbcdcb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #ngn-cards {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 48px 32px;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  #ngn-cards .nc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Card flip container \u2500\u2500 *\/\r\n  #ngn-cards .nc-card {\r\n    height: 240px;\r\n    perspective: 1000px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #ngn-cards .nc-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  \/* Hover en desktop *\/\r\n  @media (hover: hover) {\r\n    #ngn-cards .nc-card:hover .nc-card-inner {\r\n      transform: rotateY(180deg);\r\n    }\r\n  }\r\n\r\n  \/* Flip activo por JS en touch *\/\r\n  #ngn-cards .nc-card.flipped .nc-card-inner {\r\n    transform: rotateY(180deg);\r\n  }\r\n\r\n  \/* \u2500\u2500 Frente y reverso \u2500\u2500 *\/\r\n  #ngn-cards .nc-front,\r\n  #ngn-cards .nc-back {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 14px;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n    padding: 22px 20px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* FRENTE \u2014 blanco *\/\r\n  #ngn-cards .nc-front {\r\n    background: #ffffff;\r\n    border: 1px solid #e8e8e8;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.06);\r\n    justify-content: flex-end;\r\n    gap: 12px;\r\n  }\r\n\r\n  #ngn-cards .nc-front img {\r\n    width: 56px;\r\n    height: 56px;\r\n    object-fit: contain;\r\n    display: block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #ngn-cards .nc-front-title {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    line-height: 1.35;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* REVERSO \u2014 rojo *\/\r\n  #ngn-cards .nc-back {\r\n    background: #BE2132;\r\n    transform: rotateY(180deg);\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  #ngn-cards .nc-back-title {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n  }\r\n\r\n  #ngn-cards .nc-back-desc {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: rgba(255,255,255,0.88);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (\u2264 900px) \u2014 2 columnas\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 900px) {\r\n    #ngn-cards {\r\n      padding: 40px 20px;\r\n    }\r\n    #ngn-cards .nc-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 14px;\r\n    }\r\n    #ngn-cards .nc-card {\r\n      height: 220px;\r\n    }\r\n    #ngn-cards .nc-front img {\r\n      width: 52px;\r\n      height: 52px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     M\u00d3VIL (\u2264 600px) \u2014 2 columnas compactas\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 600px) {\r\n    #ngn-cards {\r\n      padding: 32px 16px;\r\n    }\r\n    #ngn-cards .nc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n    #ngn-cards .nc-card {\r\n      height: 200px;\r\n    }\r\n    #ngn-cards .nc-front {\r\n      padding: 20px 20px;\r\n      gap: 12px;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n    }\r\n    #ngn-cards .nc-front img {\r\n      width: 56px;\r\n      height: 56px;\r\n      flex-shrink: 0;\r\n    }\r\n    #ngn-cards .nc-front-title {\r\n      font-size: 14px;\r\n      line-height: 1.3;\r\n    }\r\n    #ngn-cards .nc-back {\r\n      padding: 20px 20px;\r\n      gap: 10px;\r\n      justify-content: center;\r\n    }\r\n    #ngn-cards .nc-back-title {\r\n      font-size: 14px;\r\n    }\r\n    #ngn-cards .nc-back-desc {\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ngn-cards\">\r\n  <div class=\"nc-grid\" id=\"ncGrid\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var cards = [\r\n    {\r\n      title: 'Elastic Cloud Server (ECS)',\r\n      desc:  'Despliega aplicaciones y cargas de trabajo de forma flexible utilizando recursos de c\u00f3mputo seguros.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/database_17905619.gif'\r\n    },\r\n    {\r\n      title: 'Cloud Backup and Recovery (CBR)',\r\n      desc:  'Permite crear f\u00e1cilmente copias de respaldo de servidores, discos y sistemas de archivos nativos de la nube, as\u00ed como de entornos virtuales locales VMware.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/clouds_6455024-1.gif'\r\n    },\r\n    {\r\n      title: 'Elastic IP (EIP)',\r\n      desc:  'Habilita la comunicaci\u00f3n entre los recursos en la nube e Internet. Asignando direcciones IP p\u00fablicas est\u00e1ticas y anchos de banda escalables.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/data-sync_19004046.gif'\r\n    },\r\n    {\r\n      title: 'Object Storage Service (OBS)',\r\n      desc:  'Almacenamiento en la nube, f\u00e1cil de usar para guardar pr\u00e1cticamente cualquier volumen de datos no estructurados en todo tipo de formato.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/dedicated-server_15713164.gif'\r\n    },\r\n    {\r\n      title: 'Optical Character Recognition (OCR)',\r\n      desc:  'Reconoce caracteres impresos y manuscritos, y los convierte autom\u00e1ticamente en texto editable.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/exchange_17110644.gif'\r\n    },\r\n    {\r\n      title: 'Content Delivery Network (CDN)',\r\n      desc:  'Acelera notablemente los tiempos de carga de sitios web, los flujos de video de alta calidad y los tiempos de descarga de archivos.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/cloud-computing_18830553-1.gif'\r\n    },\r\n    {\r\n      title: 'Cloud Container Engine (CCE)',\r\n      desc:  'Un servicio de Kubernetes totalmente alojado para que pueda construir, ejecutar y escalar aplicaciones contenerizadas.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/cloud_15591459.gif'\r\n    },\r\n    {\r\n      title: 'RDS for MySQL',\r\n      desc:  'Base de datos relacionada totalmente gestionada y compatible con MySQL, que es f\u00e1cil de configurar, ejecutar y escalar.',\r\n      img:   'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/dolphin_8718532.gif'\r\n    }\r\n  ];\r\n\r\n  var grid = document.getElementById('ncGrid');\r\n  var isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);\r\n\r\n  cards.forEach(function(c) {\r\n    var card = document.createElement('div');\r\n    card.className = 'nc-card';\r\n\r\n    card.innerHTML =\r\n      '<div class=\"nc-card-inner\">' +\r\n        '<div class=\"nc-front\">' +\r\n          '<img decoding=\"async\" src=\"' + c.img + '\" alt=\"' + c.title + '\" loading=\"lazy\">' +\r\n          '<p class=\"nc-front-title\">' + c.title + '<\/p>' +\r\n        '<\/div>' +\r\n        '<div class=\"nc-back\">' +\r\n          '<p class=\"nc-back-title\">' + c.title + '<\/p>' +\r\n          '<p class=\"nc-back-desc\">' + c.desc + '<\/p>' +\r\n        '<\/div>' +\r\n      '<\/div>';\r\n\r\n    \/\/ Touch: tap para voltear, segundo tap para volver\r\n    if (isTouchDevice) {\r\n      card.addEventListener('touchend', function(e) {\r\n        e.preventDefault();\r\n        \/\/ Voltear esta, cerrar las dem\u00e1s\r\n        var isFlipped = this.classList.contains('flipped');\r\n        document.querySelectorAll('.nc-card.flipped').forEach(function(el) {\r\n          el.classList.remove('flipped');\r\n        });\r\n        if (!isFlipped) this.classList.add('flipped');\r\n      }, { passive: false });\r\n    }\r\n\r\n    grid.appendChild(card);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-9fbe1f6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9fbe1f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-946c8dc elementor-widget elementor-widget-html\" data-id=\"946c8dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .elementor-section:has(#ngn-cloud-section),\r\n  .elementor-column:has(#ngn-cloud-section),\r\n  .elementor-widget-wrap:has(#ngn-cloud-section),\r\n  .elementor-widget:has(#ngn-cloud-section),\r\n  .elementor-widget-container:has(#ngn-cloud-section) {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  #ngn-cloud-section {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 72px 7%;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    gap: 48px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500 Texto izquierda \u2500\u2500 *\/\r\n  #ngn-cloud-section .ncs-text {\r\n    flex: 0 0 45%;\r\n    max-width: 45%;\r\n  }\r\n\r\n  #ngn-cloud-section .ncs-title {\r\n    font-size: clamp(32px, 4vw, 56px);\r\n    font-weight: 900;\r\n    color: #111111;\r\n    line-height: 1.1;\r\n    letter-spacing: -1.5px;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  #ngn-cloud-section .ncs-desc {\r\n    font-size: clamp(14px, 1.3vw, 16px);\r\n    font-weight: 400;\r\n    color: rgba(5,5,5,0.6);\r\n    line-height: 1.75;\r\n    margin: 0;\r\n    max-width: 480px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Imagen derecha con animaci\u00f3n \u2500\u2500 *\/\r\n  #ngn-cloud-section .ncs-img-wrap {\r\n    flex: 0 0 50%;\r\n    max-width: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Glow de fondo detr\u00e1s de la imagen *\/\r\n  #ngn-cloud-section .ncs-img-wrap::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 75%;\r\n    height: 75%;\r\n    background: radial-gradient(ellipse, rgba(190,33,50,0.08) 0%, rgba(255,140,100,0.06) 50%, transparent 75%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    animation: glowPulse 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes glowPulse {\r\n    0%, 100% { transform: scale(1); opacity: 0.6; }\r\n    50%       { transform: scale(1.15); opacity: 1; }\r\n  }\r\n\r\n  #ngn-cloud-section .ncs-img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 520px;\r\n    height: auto;\r\n    display: block;\r\n    animation: floatImg 5s ease-in-out infinite;\r\n    filter: drop-shadow(0 24px 48px rgba(190,33,50,0.15)) drop-shadow(0 8px 20px rgba(0,0,0,0.08));\r\n  }\r\n\r\n  @keyframes floatImg {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    25%       { transform: translateY(-14px) rotate(0.5deg); }\r\n    50%       { transform: translateY(-20px) rotate(0deg); }\r\n    75%       { transform: translateY(-10px) rotate(-0.5deg); }\r\n  }\r\n\r\n  \/* Part\u00edculas decorativas *\/\r\n  #ngn-cloud-section .ncs-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: #BE2132;\r\n    z-index: 2;\r\n    animation: particleFloat 6s ease-in-out infinite;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  #ngn-cloud-section .ncs-particle:nth-child(1) {\r\n    width: 10px; height: 10px;\r\n    top: 12%; right: 8%;\r\n    animation-delay: 0s;\r\n    background: #f97316;\r\n  }\r\n  #ngn-cloud-section .ncs-particle:nth-child(2) {\r\n    width: 7px; height: 7px;\r\n    top: 20%; right: 22%;\r\n    animation-delay: 1s;\r\n    background: #BE2132;\r\n  }\r\n  #ngn-cloud-section .ncs-particle:nth-child(3) {\r\n    width: 12px; height: 12px;\r\n    top: 8%; right: 35%;\r\n    animation-delay: 2s;\r\n    background: #94a3b8;\r\n  }\r\n  #ngn-cloud-section .ncs-particle:nth-child(4) {\r\n    width: 8px; height: 8px;\r\n    bottom: 18%; right: 10%;\r\n    animation-delay: 0.5s;\r\n    background: #f97316;\r\n  }\r\n  #ngn-cloud-section .ncs-particle:nth-child(5) {\r\n    width: 6px; height: 6px;\r\n    bottom: 25%; right: 28%;\r\n    animation-delay: 1.5s;\r\n    background: #BE2132;\r\n  }\r\n\r\n  @keyframes particleFloat {\r\n    0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; }\r\n    50%       { transform: translateY(-18px) scale(1.2); opacity: 1; }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    #ngn-cloud-section {\r\n      flex-direction: column;\r\n      padding: 56px 7%;\r\n      gap: 36px;\r\n      text-align: center;\r\n    }\r\n    #ngn-cloud-section .ncs-text {\r\n      flex: none;\r\n      max-width: 100%;\r\n    }\r\n    #ngn-cloud-section .ncs-desc { margin: 0 auto; }\r\n    #ngn-cloud-section .ncs-img-wrap {\r\n      flex: none;\r\n      max-width: 80%;\r\n      width: 80%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #ngn-cloud-section { padding: 48px 6%; gap: 28px; }\r\n    #ngn-cloud-section .ncs-title { font-size: 30px; letter-spacing: -0.5px; }\r\n    #ngn-cloud-section .ncs-desc { font-size: 14px; }\r\n    #ngn-cloud-section .ncs-img-wrap { max-width: 100%; width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ngn-cloud-section\">\r\n\r\n  <!-- Texto izquierda -->\r\n  <div class=\"ncs-text\">\r\n    <h2 class=\"ncs-title\">Experimenta los alcances que brinda la nube<\/h2>\r\n    <p class=\"ncs-desc\">Permite crear f\u00e1cilmente copias de respaldo de servidores, discos y sistemas de archivos nativos de la nube, as\u00ed como de entornos virtuales locales VMware.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Imagen derecha con animaci\u00f3n -->\r\n  <div class=\"ncs-img-wrap\">\r\n    <span class=\"ncs-particle\"><\/span>\r\n    <span class=\"ncs-particle\"><\/span>\r\n    <span class=\"ncs-particle\"><\/span>\r\n    <span class=\"ncs-particle\"><\/span>\r\n    <span class=\"ncs-particle\"><\/span>\r\n    <img decoding=\"async\" class=\"ncs-img\"\r\n      src=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/rossy6371_data_cloud_3d_with_white_backgound_for_modern_websi_1d2e4c3b-98b0-4725-b2cd-77b01d9046be_0-2-min-Picsart-BackgroundRemover.png\"\r\n      alt=\"Cloud 3D\">\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8de2f74 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8de2f74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fdb4ca elementor-widget elementor-widget-html\" data-id=\"2fdb4ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .elementor-section:has(#ngn-porq),\r\n  .elementor-column:has(#ngn-porq),\r\n  .elementor-widget-wrap:has(#ngn-porq),\r\n  .elementor-widget:has(#ngn-porq),\r\n  .elementor-widget-container:has(#ngn-porq) {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  #ngn-porq {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 90px 7%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* \u2500\u2500 Fondo decorativo \u2500\u2500 *\/\r\n  #ngn-porq::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    right: -10%;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(190,33,50,0.08) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #ngn-porq::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -20%;\r\n    left: -5%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(30,80,180,0.06) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Grid layout *\/\r\n  #ngn-porq .pq-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 64px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Lado izquierdo \u2500\u2500 *\/\r\n  #ngn-porq .pq-left {\r\n    flex: 0 0 50%;\r\n    max-width: 50%;\r\n  }\r\n\r\n  \/* Logo *\/\r\n  #ngn-porq .pq-logo {\r\n    height: 48px;\r\n    width: auto;\r\n    display: block;\r\n    margin-bottom: 28px;\r\n    filter: none;\r\n  }\r\n\r\n  \/* T\u00edtulo *\/\r\n  #ngn-porq .pq-title {\r\n    font-size: clamp(44px, 5vw, 72px);\r\n    font-weight: 900;\r\n    color: #111111;\r\n    line-height: 1.0;\r\n    letter-spacing: -2px;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  #ngn-porq .pq-title-accent {\r\n    color: #BE2132;\r\n    display: block;\r\n  }\r\n\r\n  #ngn-porq .pq-subtitle {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: rgba(5,5,5,0.4);\r\n    margin: 0 0 48px 0;\r\n  }\r\n\r\n  \/* Items *\/\r\n  #ngn-porq .pq-items {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n  }\r\n\r\n  #ngn-porq .pq-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 18px 0;\r\n    border-bottom: 1px solid rgba(5,5,5,0.08);\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n  }\r\n\r\n  #ngn-porq .pq-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  #ngn-porq .pq-item:hover {\r\n    padding-left: 8px;\r\n  }\r\n\r\n  #ngn-porq .pq-check {\r\n    flex-shrink: 0;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: rgba(190,33,50,0.15);\r\n    border: 1.5px solid #BE2132;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 1px;\r\n    transition: background 0.3s, transform 0.3s;\r\n  }\r\n\r\n  #ngn-porq .pq-item:hover .pq-check {\r\n    background: #BE2132;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  #ngn-porq .pq-check svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    stroke: #BE2132;\r\n    fill: none;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: stroke 0.3s;\r\n  }\r\n\r\n  #ngn-porq .pq-item:hover .pq-check svg {\r\n    stroke: #ffffff;\r\n  }\r\n\r\n  #ngn-porq .pq-item-text {\r\n    flex: 1;\r\n  }\r\n\r\n  #ngn-porq .pq-item-title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    margin: 0 0 4px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  #ngn-porq .pq-item-desc {\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgba(5,5,5,0.55);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Lado derecho \u2014 imagen \u2500\u2500 *\/\r\n  #ngn-porq .pq-right {\r\n    flex: 1;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n  }\r\n\r\n  \/* Anillo decorativo giratorio *\/\r\n  #ngn-porq .pq-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(190,33,50,0.2);\r\n    animation: ringRotate linear infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #ngn-porq .pq-ring-1 {\r\n    width: 380px; height: 380px;\r\n    animation-duration: 20s;\r\n    border-style: dashed;\r\n  }\r\n\r\n  #ngn-porq .pq-ring-2 {\r\n    width: 280px; height: 280px;\r\n    animation-duration: 14s;\r\n    animation-direction: reverse;\r\n    border-color: rgba(30,80,180,0.2);\r\n  }\r\n\r\n  @keyframes ringRotate {\r\n    from { transform: rotate(0deg); }\r\n    to   { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* Punto en el anillo *\/\r\n  #ngn-porq .pq-ring-dot {\r\n    position: absolute;\r\n    top: -4px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: #BE2132;\r\n    box-shadow: 0 0 10px #BE2132;\r\n  }\r\n\r\n  \/* Imagen principal *\/\r\n  #ngn-porq .pq-img {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 85%;\r\n    max-width: 420px;\r\n    height: auto;\r\n    display: block;\r\n    animation: imgFloat 5s ease-in-out infinite;\r\n    filter: drop-shadow(0 24px 60px rgba(190,33,50,0.3));\r\n  }\r\n\r\n  @keyframes imgFloat {\r\n    0%,100% { transform: translateY(0px); }\r\n    50%      { transform: translateY(-16px); }\r\n  }\r\n\r\n  \/* Etiqueta flotante *\/\r\n  #ngn-porq .pq-badge {\r\n    position: absolute;\r\n    bottom: 20%;\r\n    left: -10%;\r\n    background: rgba(5,5,5,0.04);\r\n    border: 1px solid rgba(5,5,5,0.1);\r\n    backdrop-filter: blur(12px);\r\n    border-radius: 12px;\r\n    padding: 12px 18px;\r\n    z-index: 4;\r\n    animation: badgeFloat 5s ease-in-out infinite 0.5s;\r\n  }\r\n\r\n  @keyframes badgeFloat {\r\n    0%,100% { transform: translateY(0px); }\r\n    50%      { transform: translateY(-10px); }\r\n  }\r\n\r\n  #ngn-porq .pq-badge-num {\r\n    font-size: 26px;\r\n    font-weight: 900;\r\n    color: #BE2132;\r\n    line-height: 1;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  #ngn-porq .pq-badge-label {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: rgba(5,5,5,0.55);\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    #ngn-porq {\r\n      padding: 64px 6%;\r\n    }\r\n    #ngn-porq .pq-inner {\r\n      flex-direction: column-reverse;\r\n      gap: 40px;\r\n    }\r\n    #ngn-porq .pq-left {\r\n      flex: none;\r\n      max-width: 100%;\r\n    }\r\n    #ngn-porq .pq-right {\r\n      min-height: 280px;\r\n      width: 100%;\r\n    }\r\n    #ngn-porq .pq-ring-1 { width: 280px; height: 280px; }\r\n    #ngn-porq .pq-ring-2 { width: 200px; height: 200px; }\r\n    #ngn-porq .pq-img { width: 70%; }\r\n    #ngn-porq .pq-badge { left: 0; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #ngn-porq { padding: 48px 5%; }\r\n    #ngn-porq .pq-title { font-size: 38px; letter-spacing: -1px; }\r\n    #ngn-porq .pq-item { padding: 14px 0; }\r\n    #ngn-porq .pq-item-title { font-size: 13px; }\r\n    #ngn-porq .pq-item-desc { font-size: 12px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ngn-porq\">\r\n  <div class=\"pq-inner\">\r\n\r\n    <!-- Izquierda: texto -->\r\n    <div class=\"pq-left\">\r\n      <img decoding=\"async\" class=\"pq-logo\"\r\n        src=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2025\/12\/logo-NG.webp\"\r\n        alt=\"NGCloud Logo\">\r\n\r\n      <h2 class=\"pq-title\">\r\n        Por qu\u00e9<br>\r\n        <span class=\"pq-title-accent\">NGCloud?<\/span>\r\n      <\/h2>\r\n      <p class=\"pq-subtitle\">Tu socio estrat\u00e9gico en la nube<\/p>\r\n\r\n      <div class=\"pq-items\">\r\n\r\n        <div class=\"pq-item\">\r\n          <div class=\"pq-check\">\r\n            <svg viewBox=\"0 0 14 14\"><polyline points=\"2,7 5.5,10.5 12,3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pq-item-text\">\r\n            <p class=\"pq-item-title\">Asesoramiento estrat\u00e9gico<\/p>\r\n            <p class=\"pq-item-desc\">Como socio, proporcionamos asesoramiento estrat\u00e9gico para ayudar a identificar las mejores soluciones en la nube para su empresa.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pq-item\">\r\n          <div class=\"pq-check\">\r\n            <svg viewBox=\"0 0 14 14\"><polyline points=\"2,7 5.5,10.5 12,3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pq-item-text\">\r\n            <p class=\"pq-item-title\">Implementaci\u00f3n sin problemas<\/p>\r\n            <p class=\"pq-item-desc\">Nos encargamos de la implementaci\u00f3n y migraci\u00f3n a la nube de manera eficiente y sin problemas, minimizando el tiempo de inactividad y riesgos.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pq-item\">\r\n          <div class=\"pq-check\">\r\n            <svg viewBox=\"0 0 14 14\"><polyline points=\"2,7 5.5,10.5 12,3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pq-item-text\">\r\n            <p class=\"pq-item-title\">Gesti\u00f3n y Optimizaci\u00f3n<\/p>\r\n            <p class=\"pq-item-desc\">Gestionamos y optimizamos sus entornos en la nube para garantizar un rendimiento \u00f3ptimo y una eficiencia continua.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pq-item\">\r\n          <div class=\"pq-check\">\r\n            <svg viewBox=\"0 0 14 14\"><polyline points=\"2,7 5.5,10.5 12,3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pq-item-text\">\r\n            <p class=\"pq-item-title\">Soporte en 4 niveles<\/p>\r\n            <p class=\"pq-item-desc\">Socio (Guatemala), regional C&C (Centro Am\u00e9rica & Caribe), M\u00e9xico y HQ (expertos en China).<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pq-item\">\r\n          <div class=\"pq-check\">\r\n            <svg viewBox=\"0 0 14 14\"><polyline points=\"2,7 5.5,10.5 12,3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pq-item-text\">\r\n            <p class=\"pq-item-title\">Relaci\u00f3n a largo plazo<\/p>\r\n            <p class=\"pq-item-desc\">Nos comprometemos a establecer una relaci\u00f3n duradera, brind\u00e1ndole el apoyo y la orientaci\u00f3n que necesita en su viaje hacia la nube.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Derecha: imagen animada -->\r\n    <div class=\"pq-right\">\r\n      <div class=\"pq-ring pq-ring-1\"><div class=\"pq-ring-dot\"><\/div><\/div>\r\n      <div class=\"pq-ring pq-ring-2\"><div class=\"pq-ring-dot\" style=\"background:#3b6ff5;box-shadow:0 0 10px #3b6ff5\"><\/div><\/div>\r\n      <img decoding=\"async\" class=\"pq-img\"\r\n        src=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/3D-Abstract-Illustration-of-Unveiling-Cloud-Computing-Technology-Infrastructure-and-Digital-Network-Data-Computing-Stock-Photo-Picsart-BackgroundRemover.png\"\r\n        alt=\"Cloud Computing 3D\">\r\n      <div class=\"pq-badge\">\r\n        <div class=\"pq-badge-num\">4<\/div>\r\n        <div class=\"pq-badge-label\">Niveles de<br>soporte<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a13b71 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7a13b71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t\n\t\t\t<img class=\"e-image-base e-9089a5a-2323551\" \n\t\t\t\t\tdata-interaction-id=\"9089a5a\" \n\t\t \n\t\t \n\t\t\t\t\t\t\t\t\tid=\"1402\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-768x107.jpg\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"768\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"107\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-768x107.jpg 768w, https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-300x42.jpg 300w, https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-1024x143.jpg 1024w, https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-1536x214.jpg 1536w, https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/sellos-2048x285.jpg 2048w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b040102 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b040102\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cc9a150 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"cc9a150\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5ee4e5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b5ee4e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea8367e elementor-widget elementor-widget-heading\" data-id=\"ea8367e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nuestros Clientes <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08eeb2b elementor-widget elementor-widget-html\" data-id=\"08eeb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #liqui-carousel {\r\n    width: 100%;\r\n    background: #fff;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #liqui-carousel .lq-track-outer {\r\n    overflow: hidden;\r\n    cursor: grab;\r\n    width: 100%;\r\n  }\r\n\r\n  #liqui-carousel .lq-track-outer:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  #liqui-carousel .lq-track {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    will-change: transform;\r\n  }\r\n\r\n  #liqui-carousel .lq-slide {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    padding: 21px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #liqui-carousel .lq-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n    pointer-events: none;\r\n    -webkit-user-drag: none;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #liqui-carousel .lq-slide {\r\n      padding: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"liqui-carousel\">\r\n  <div class=\"lq-track-outer\" id=\"lqTrackOuter\">\r\n    <div class=\"lq-track\" id=\"lqTrack\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var logos = [\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Inversiones-Kalo.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Milesimo.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Palma-Sur.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Sopesa.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Honda.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/Tikindustrias.jpg',\r\n    'https:\/\/ngncloud.gt\/wp-content\/uploads\/2026\/05\/El-Pilar.jpg'\r\n  ];\r\n\r\n  var track    = document.getElementById('lqTrack');\r\n  var outer    = document.getElementById('lqTrackOuter');\r\n  var isMobile = window.innerWidth <= 768;\r\n\r\n  var visibleCount = isMobile ? 3 : 7;\r\n  var viewW   = outer.offsetWidth || window.innerWidth;\r\n  var slideW  = Math.floor(viewW \/ visibleCount);\r\n  var imgSize = slideW - (21 * 2);\r\n\r\n  var allLogos = logos.concat(logos).concat(logos);\r\n\r\n  allLogos.forEach(function(src) {\r\n    var slide = document.createElement('div');\r\n    slide.className  = 'lq-slide';\r\n    slide.style.width  = slideW + 'px';\r\n    slide.style.height = slideW + 'px';\r\n\r\n    var img = document.createElement('img');\r\n    img.src          = src;\r\n    img.alt          = '';\r\n    img.draggable    = false;\r\n    img.style.width  = imgSize + 'px';\r\n    img.style.height = imgSize + 'px';\r\n    slide.appendChild(img);\r\n    track.appendChild(slide);\r\n  });\r\n\r\n  var totalSingle = logos.length * slideW;\r\n  var offset  = totalSingle;\r\n  var pxPerMs = slideW \/ 5000;\r\n  var lastTime = null;\r\n  var isDown  = false;\r\n  var startX  = 0;\r\n\r\n  function clamp() {\r\n    if (offset >= totalSingle * 2) offset -= totalSingle;\r\n    if (offset < totalSingle)      offset += totalSingle;\r\n  }\r\n\r\n  function animate(ts) {\r\n    if (lastTime !== null && !isDown) {\r\n      var delta = ts - lastTime;\r\n      offset += pxPerMs * delta;\r\n      clamp();\r\n    }\r\n    lastTime = ts;\r\n    track.style.transform = 'translateX(-' + offset + 'px)';\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  requestAnimationFrame(animate);\r\n\r\n  outer.addEventListener('mousedown', function(e) {\r\n    isDown = true; startX = e.clientX; e.preventDefault();\r\n  });\r\n  window.addEventListener('mousemove', function(e) {\r\n    if (!isDown) return;\r\n    offset += (startX - e.clientX) * 0.18;\r\n    clamp(); startX = e.clientX;\r\n  });\r\n  window.addEventListener('mouseup', function() { isDown = false; lastTime = null; });\r\n\r\n  outer.addEventListener('touchstart', function(e) {\r\n    isDown = true; startX = e.touches[0].clientX;\r\n  }, { passive: true });\r\n  window.addEventListener('touchmove', function(e) {\r\n    if (!isDown) return;\r\n    offset += (startX - e.touches[0].clientX) * 0.18;\r\n    clamp(); startX = e.touches[0].clientX;\r\n  }, { passive: true });\r\n  window.addEventListener('touchend', function() { isDown = false; lastTime = null; });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>REACHTHECLOUD Mejora la eficiencia de tu empresa mediante soluciones escalables y seguras de computaci\u00f3n operativa en la nube. Descubrir m\u00e1s Sobre nosotros 01 02 Servicios Innovadores, confiables y seguros Experimenta los alcances que brinda la nube Permite crear f\u00e1cilmente copias de respaldo de servidores, discos y sistemas de archivos nativos de la nube, as\u00ed como de entornos virtuales locales VMware. Por qu\u00e9 NGCloud? Tu socio estrat\u00e9gico en la nube Asesoramiento estrat\u00e9gico Como socio, proporcionamos asesoramiento estrat\u00e9gico para ayudar a identificar las mejores soluciones en la nube para su empresa. Implementaci\u00f3n sin problemas Nos encargamos de la implementaci\u00f3n y migraci\u00f3n a la nube de manera eficiente y sin problemas, minimizando el tiempo de inactividad y riesgos. Gesti\u00f3n y Optimizaci\u00f3n Gestionamos y optimizamos sus entornos en la nube para garantizar un rendimiento \u00f3ptimo y una eficiencia continua. Soporte en 4 niveles Socio (Guatemala), regional C&#038;C (Centro Am\u00e9rica &#038; Caribe), M\u00e9xico y HQ (expertos en China). Relaci\u00f3n a largo plazo Nos comprometemos a establecer una relaci\u00f3n duradera, brind\u00e1ndole el apoyo y la orientaci\u00f3n que necesita en su viaje hacia la nube. 4 Niveles desoporte Nuestros Clientes<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":98,"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1590,"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/1590"}],"wp:attachment":[{"href":"https:\/\/ngncloud.gt\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}