{"id":521,"date":"2026-07-13T02:04:14","date_gmt":"2026-07-13T02:04:14","guid":{"rendered":"https:\/\/gigiolaps.com\/?page_id=521"},"modified":"2026-10-01T17:40:56","modified_gmt":"2026-10-01T17:40:56","slug":"elementor-521","status":"publish","type":"page","link":"https:\/\/gigiolaps.com\/","title":{"rendered":"Elementor #521"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"521\" class=\"elementor elementor-521\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b03f49f e-flex e-con-boxed e-con e-parent\" data-id=\"b03f49f\" 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-074f03e elementor-widget elementor-widget-html\" data-id=\"074f03e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #site-header, .site-header { display: none !important; }\n  .e-con:has(#video-portada),\n  .elementor-section:has(#video-portada),\n  .elementor-widget-html:has(#video-portada),\n  .elementor-widget-container:has(#video-portada) {\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n\n  html.gl-bloqueado, html.gl-bloqueado body {\n    overflow: hidden !important;\n    height: 100% !important;\n  }\n\n  \/* Esconde el boton flotante de WhatsApp SOLO en la pantalla de bienvenida.\n     Al darle \"Inicio\", vuelve a aparecer en el resto de la pagina. *\/\n  html.gl-bloqueado #video-portada { z-index: 2147483646; }\n  html.gl-bloqueado body > [class*=\"whatsapp\" i],\n  html.gl-bloqueado body > [id*=\"whatsapp\" i],\n  html.gl-bloqueado body > [class*=\"joinchat\" i],\n  html.gl-bloqueado body > [class*=\"qlwapp\" i],\n  html.gl-bloqueado body > [id*=\"qlwapp\" i],\n  html.gl-bloqueado body > [class*=\"ht-ctc\" i],\n  html.gl-bloqueado body > [id*=\"ht-ctc\" i],\n  html.gl-bloqueado body > [class*=\"wa__\" i],\n  html.gl-bloqueado body > [class*=\"wa-\" i],\n  html.gl-bloqueado body > [class*=\"chaty\" i],\n  html.gl-bloqueado body > [id*=\"chaty\" i],\n  html.gl-bloqueado body > [class*=\"wh-widget\" i],\n  html.gl-bloqueado body > [id*=\"wh-widget\" i] {\n    display: none !important;\n  }\n\n  #video-portada {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    height: 100vh;\n    min-height: 480px;\n    overflow: hidden;\n    background: #000;\n  }\n  #video-portada video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  #video-portada a.btn-inicio {\n    position: absolute;\n    left: 50%;\n    bottom: 60px;\n    transform: translateX(-50%);\n    padding: 14px 40px;\n    border-radius: 40px;\n    background: rgba(20, 30, 70, 0.55);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    color: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 22px;\n    text-decoration: none;\n    backdrop-filter: blur(6px);\n    transition: background 0.25s ease;\n  }\n  #video-portada a.btn-inicio:hover {\n    background: rgba(0, 179, 240, 0.6);\n  }\n<\/style>\n\n<section id=\"video-portada\">\n  <video id=\"video-portada-vid\" autoplay muted loop playsinline preload=\"auto\">\n    <source src=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/Video-2025-3.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <a class=\"btn-inicio\" id=\"video-portada-btn\" href=\"#inicio\">Inicio<\/a>\n<\/section>\n\n<script>\n(function () {\n  var sec = document.getElementById('video-portada');\n  var v = document.getElementById('video-portada-vid');\n  var btn = document.getElementById('video-portada-btn');\n  if (!sec || !v) return;\n  var html = document.documentElement;\n\n  \/\/ VELOCIDAD: 1500 = segundo y medio. Numero mas alto = mas lento.\n  var DURACION = 1500;\n\n  function altoBarra() {\n    var barra = document.getElementById('wpadminbar');\n    return barra ? barra.offsetHeight : 0;\n  }\n\n  \/\/ Sube el video para que no quede hueco arriba\n  function pegarArriba() {\n    sec.style.marginTop = '0px';\n    var arriba = sec.getBoundingClientRect().top + window.scrollY - altoBarra();\n    if (arriba > 0) sec.style.marginTop = (-arriba) + 'px';\n  }\n  pegarArriba();\n  window.addEventListener('load', pegarArriba);\n  window.addEventListener('resize', pegarArriba);\n\n  \/\/ Bloquea la pagina hasta que le den a \"Inicio\"\n  if (!window.location.hash) {\n    html.classList.add('gl-bloqueado');\n    window.scrollTo(0, 0);\n  }\n\n  \/\/ Movimiento lento y suave (empieza despacio y llega frenando)\n  function suave(t) {\n    if (t >= 0.5) return 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n    return 4 * t * t * t;\n  }\n  var animando = 0;\n  function bajarLento(destinoY) {\n    animando = animando + 1;\n    var miTurno = animando;\n    html.style.scrollBehavior = 'auto';\n    var inicioY = window.scrollY;\n    var distancia = destinoY - inicioY;\n    var t0 = null;\n    function paso(ahora) {\n      if (miTurno !== animando) return;\n      if (t0 === null) t0 = ahora;\n      var avance = Math.min((ahora - t0) \/ DURACION, 1);\n      window.scrollTo(0, inicioY + distancia * suave(avance));\n      if (avance >= 1) {\n        html.style.scrollBehavior = '';\n      } else {\n        requestAnimationFrame(paso);\n      }\n    }\n    requestAnimationFrame(paso);\n  }\n\n  function irA(destino) {\n    html.classList.remove('gl-bloqueado');\n    var y = destino\n      ? destino.getBoundingClientRect().top + window.scrollY\n      : sec.getBoundingClientRect().bottom + window.scrollY;\n    bajarLento(y - altoBarra());\n  }\n\n  \/\/ Boton \"Inicio\"\n  if (btn) {\n    btn.addEventListener('click', function (e) {\n      e.preventDefault();\n      irA(document.getElementById('inicio'));\n    });\n  }\n\n  \/\/ Los demas botones que llevan a una seccion de la pagina\n  \/\/ (Fotos, Venta de IC, Cursos, Videos, Contacto, Especial...)\n  document.addEventListener('click', function (e) {\n    if (!e.target.closest) return;\n    var a = e.target.closest('a');\n    if (!a) return;\n    if (a === btn) return;\n    var href = a.getAttribute('href') || '';\n    if (href.charAt(0) !== '#') return;\n    if (href.length === 1) return;\n    var destino = document.getElementById(href.slice(1));\n    if (!destino) return;\n    e.preventDefault();\n    e.stopPropagation();\n    irA(destino);\n  }, true);\n\n  \/\/ Hace que el video arranque solo\n  v.muted = true;\n  function arrancar() {\n    var p = v.play();\n    if (p) {\n      if (p.catch) p.catch(function () {});\n    }\n  }\n  arrancar();\n  v.addEventListener('loadeddata', arrancar);\n  document.addEventListener('click', arrancar, { once: true });\n  document.addEventListener('touchstart', arrancar, { once: true });\n})();\n<\/script>\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-5598777 e-flex e-con-boxed e-con e-parent\" data-id=\"5598777\" 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-30d5e59 elementor-widget elementor-widget-html\" data-id=\"30d5e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Playfair+Display:wght@600;700&display=swap');\n  #inicio {\n    position: relative;\n    background: transparent;\n    height: calc(100vh - 2.5cm);\n    max-height: calc(100vh - 2.5cm);\n    overflow: hidden;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 6vw;\n    font-family: Arial, Helvetica, sans-serif;\n    box-sizing: border-box;\n  }\n  #inicio .inicio-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 100%;\n    text-align: center;\n  }\n  #inicio .inicio-logo {\n    display: inline-block;\n    width: clamp(260px, 34vw, 520px);\n    height: auto;\n    margin: 0 0 18px;\n    transform: translateY(-1.5cm);\n    filter: drop-shadow(0 0 10px rgba(255,255,255,0.6)) drop-shadow(0 0 20px rgba(255,255,255,0.4)) drop-shadow(0 6px 12px rgba(0,0,0,0.25));\n  }\n  #inicio p {\n    font-family: 'Montserrat', Arial, Helvetica, sans-serif;\n    font-weight: 500;\n    color: #00B3F0;\n    font-size: 22px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    line-height: 1.5;\n    margin: 0 0 30px;\n    text-shadow: 0 10px 24px rgba(0,0,0,0.45), 0 3px 8px rgba(0,0,0,0.35);\n    white-space: nowrap;\n  }\n  #inicio .inicio-callout {\n    position: absolute;\n    left: 50%;\n    bottom: 150px;\n    transform: translateX(-50%);\n    z-index: 2;\n    color: #ffffff;\n    font-weight: 700;\n    font-size: 17px;\n    text-align: center;\n    width: 90%;\n    max-width: 640px;\n    line-height: 1.4;\n    white-space: normal;\n  }\n  #inicio .inicio-botones {\n    position: absolute;\n    left: 50%;\n    bottom: 98px;\n    transform: translateX(-50%);\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 6px;\n    flex-wrap: nowrap;\n    width: max-content;\n    max-width: 96vw;\n  }\n  #inicio .btn {\n    background: rgba(255,255,255,0.12);\n    color: #ffffff;\n    border: 1px solid rgba(255,255,255,0.35);\n    padding: 11px 13px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.3px;\n    text-decoration: none;\n    white-space: nowrap;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 4px 20px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.3);\n    transition: background 0.3s ease, transform 0.2s ease;\n  }\n  #inicio .btn:hover {\n    background: rgba(255,255,255,0.22);\n    border-color: #ffffff;\n    box-shadow: 0 0 0 2px #ffffff, 0 4px 20px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.3);\n  }\n\n  @media (max-width: 700px) {\n    #inicio { justify-content: center; padding: 0 24px; }\n    #inicio .inicio-content { text-align: center; max-width: 100%; }\n    #inicio p { font-size: 15px; white-space: normal; }\n    #inicio .inicio-botones {\n      justify-content: center;\n      gap: 4px;\n      max-width: 98vw;\n    }\n    #inicio .btn {\n      padding: 7px 7px;\n      font-size: 9.5px;\n    }\n  }\n\n  #gigiolaps-bg-fixed {\n    position: fixed;\n    top: 0; left: 0;\n    width: 100vw; height: 100vh;\n    z-index: -2;\n    overflow: hidden;\n  }\n  #gigiolaps-bg-fixed .bg-slide {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity 1.8s ease-in-out;\n    animation: gigiolaps-kenburns 16s ease-in-out infinite alternate;\n  }\n  #gigiolaps-bg-fixed .bg-slide.active { opacity: 0.9; }\n  @keyframes gigiolaps-kenburns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.12); }\n  }\n  #gigiolaps-bg-fixed .bg-overlay {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.75) 100%);\n  }\n<\/style>\n\n<section id=\"inicio\">\n  <div class=\"inicio-content\">\n    <img decoding=\"async\" class=\"inicio-logo\" src=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/GIGIOLAPSpdf-2.png\" alt=\"Gigiolaps\">\n    <p>Reparaci\u00f3n de computadoras port\u00e1tiles multimarca y Apple.<\/p>\n  <\/div>\n  <p class=\"inicio-callout\">Antes de comprar una laptop nueva, podemos hacer un diagn\u00f3stico gratuito. Puede que tu equipo a\u00fan tenga soluci\u00f3n.<\/p>\n  <div class=\"inicio-botones\">\n    <a class=\"btn\" href=\"#redes\">Redes sociales<\/a>\n    <a class=\"btn\" href=\"#ventas-ic\">Venta de IC<\/a>\n    <a class=\"btn\" href=\"#cursos\">Cursos<\/a>\n    <a class=\"btn\" href=\"#videos\">Videos<\/a>\n    <a class=\"btn\" href=\"#contacto\">Contacto<\/a>\n    <a class=\"btn\" href=\"#especial\">Especial<\/a>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var existente = document.getElementById('gigiolaps-bg-fixed');\n  if (existente) existente.remove();\n\n  var fotos = [\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/CI-scaled.jpg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/CI2-scaled.jpg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/CI3-scaled.jpg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/CI4-scaled.jpg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/IMG_0105-1-scaled.jpeg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/vishnu-mohanan-pfR18JNEMv8-unsplash-1-scaled.jpg',\n    'https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/1-scaled.jpg'\n  ];\n\n  var wrap = document.createElement('div');\n  wrap.id = 'gigiolaps-bg-fixed';\n\n  fotos.forEach(function(url, i) {\n    var slide = document.createElement('div');\n    slide.className = 'bg-slide' + (i === 0 ? ' active' : '');\n    slide.style.backgroundImage = \"url('\" + url + \"')\";\n    wrap.appendChild(slide);\n  });\n\n  var overlay = document.createElement('div');\n  overlay.className = 'bg-overlay';\n  wrap.appendChild(overlay);\n\n  document.body.insertBefore(wrap, document.body.firstChild);\n\n  var slides = wrap.querySelectorAll('.bg-slide');\n  var idx = 0;\n  setInterval(function() {\n    slides[idx].classList.remove('active');\n    idx = (idx + 1) % slides.length;\n    slides[idx].classList.add('active');\n  }, 10000);\n})();\n<\/script>\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-09cc091 e-flex e-con-boxed e-con e-parent\" data-id=\"09cc091\" 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-a6076c1 elementor-widget elementor-widget-html\" data-id=\"a6076c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BLOQUE 5 - VENTA DE IC\n     Va como QUINTO (ultimo) widget HTML.\n\n     Catalogo de ejemplo (placeholder) listo para llenar con tus\n     productos reales. Cada producto es un bloque <div class=\"producto\">.\n\n     COMO EDITAR CADA TARJETA:\n       - Cambia el texto entre <h3>...<\/h3>  -> nombre del IC\n       - Cambia el texto entre <p class=\"specs\">...<\/p> -> descripcion corta\n       - Cambia el texto entre <span class=\"precio\">...<\/span> -> precio\n       - Si tienes foto del producto, reemplaza el <div class=\"icono\">...<\/div>\n         completo por: <img decoding=\"async\" src=\"URL_DE_TU_FOTO\" alt=\"nombre\">\n       - Para agregar mas productos, copia un bloque <div class=\"producto\">\n         completo y pega otro, cambiando los datos.\n     ============================================================ -->\n\n<style>\n  #ventas-ic {\n    background: rgba(255,255,255,0.8);\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n  }\n  #ventas-ic h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.28), 0 4px 8px rgba(0,0,0,0.12);\n  }\n  #ventas-ic p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 10px;\n  }\n  #ventas-ic .aviso {\n    color: #999;\n    font-size: 13px;\n    margin-bottom: 30px;\n  }\n  #ventas-ic .buscador {\n    width: 100%;\n    max-width: 420px;\n    margin: 10px 0 34px;\n  }\n  #ventas-ic .buscador input {\n    width: 100%;\n    padding: 14px 20px;\n    border: 2px solid #eee;\n    border-radius: 30px;\n    font-size: 15px;\n    font-family: Arial, Helvetica, sans-serif;\n    outline: none;\n    box-sizing: border-box;\n    background: #fff;\n    box-shadow: 0 16px 30px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.06);\n    transition: border-color 0.25s ease, box-shadow 0.25s ease;\n  }\n  #ventas-ic .buscador input:focus {\n    box-shadow: 0 20px 38px rgba(0,0,0,0.18), 0 6px 10px rgba(0,0,0,0.08);\n  }\n  #ventas-ic .buscador input:focus {\n    border-color: #00B3F0;\n  }\n  #ventas-ic .sin-resultados {\n    display: none;\n    color: #999;\n    font-size: 15px;\n    margin-top: 10px;\n  }\n  #ventas-ic .catalogo {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n    gap: 20px;\n    max-width: 1100px;\n    width: 100%;\n  }\n  #ventas-ic .producto {\n    background: #fff;\n    border: 1px solid #f2f2f2;\n    border-radius: 12px;\n    padding: 24px 20px;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    text-align: center;\n    cursor: pointer;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  #ventas-ic .producto:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 28px 46px rgba(0,0,0,0.2), 0 8px 16px rgba(0,0,0,0.1);\n  }\n  #ventas-ic .icono {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: #e8f8ff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #ventas-ic .icono svg { width: 32px; height: 32px; }\n  #ventas-ic .producto h3 {\n    color: #1c1c1e;\n    font-size: 17px;\n    margin: 0 0 8px;\n  }\n  #ventas-ic .producto p.specs {\n    color: #777;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 14px;\n    min-height: 42px;\n  }\n  #ventas-ic .producto .precio {\n    display: block;\n    color: #00B3F0;\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 2px;\n  }\n  #ventas-ic .producto .precio-dist {\n    display: block;\n    color: #999;\n    font-size: 13px;\n    margin-bottom: 14px;\n  }\n  #ventas-ic .producto button.btn-agregar {\n    display: inline-block;\n    background: #00B3F0;\n    color: #fff;\n    border: 1px solid transparent;\n    cursor: pointer;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    font-family: Arial, Helvetica, sans-serif;\n    padding: 10px 22px;\n    border-radius: 24px;\n    transition: background 0.25s ease, box-shadow 0.25s ease;\n  }\n  #ventas-ic .producto button.btn-agregar:hover {\n    background: #0090c2;\n    box-shadow: 0 0 0 2px #000000;\n  }\n  #ventas-ic .producto button.btn-agregar.agregado { background: #2ecc71; }\n\n  \/* ---------- Carrito ---------- *\/\n  #gigiolaps-carrito-btn {\n    position: fixed;\n    right: 20px;\n    bottom: 110px;\n    z-index: 9500;\n    background: #00B3F0;\n    color: #fff;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.25);\n    display: none;\n    align-items: center;\n    justify-content: center;\n  }\n  #gigiolaps-carrito-btn.visible { display: flex; }\n  #gigiolaps-carrito-btn svg { width: 26px; height: 26px; }\n  #gigiolaps-carrito-badge {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    background: #ff3b30;\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    min-width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 0 5px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  #gigiolaps-carrito-fondo {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.5);\n    z-index: 9600;\n    display: none;\n  }\n  #gigiolaps-carrito-panel {\n    position: fixed;\n    top: 0;\n    right: -360px;\n    width: 340px;\n    max-width: 85vw;\n    height: 100%;\n    background: #fff;\n    z-index: 9700;\n    box-shadow: -6px 0 20px rgba(0,0,0,0.2);\n    transition: right 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    font-family: Arial, Helvetica, sans-serif;\n    text-align: left;\n  }\n  #gigiolaps-carrito-panel.abierto { right: 0; }\n  #gigiolaps-carrito-header {\n    padding: 20px;\n    border-bottom: 1px solid #eee;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  #gigiolaps-carrito-header h3 { margin: 0; color: #1c1c1e; font-size: 18px; }\n  #gigiolaps-carrito-cerrar {\n    background: none; border: none; font-size: 22px; cursor: pointer; color: #999; line-height: 1;\n  }\n  #gigiolaps-carrito-items {\n    flex: 1;\n    overflow-y: auto;\n    padding: 10px 20px;\n  }\n  #gigiolaps-carrito-vacio {\n    color: #999;\n    font-size: 14px;\n    text-align: center;\n    margin-top: 30px;\n  }\n  .carrito-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 12px 0;\n    border-bottom: 1px solid #f2f2f2;\n  }\n  .carrito-item .ci-nombre { font-size: 14px; color: #1c1c1e; font-weight: 600; flex: 1; }\n  .carrito-item .ci-precio { font-size: 13px; color: #00B3F0; font-weight: 700; }\n  .carrito-item .ci-qty { display: flex; align-items: center; gap: 6px; }\n  .carrito-item .ci-qty button {\n    width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ddd; background: #fff;\n    cursor: pointer; font-size: 14px; line-height: 1; color: #1c1c1e;\n  }\n  .carrito-item .ci-quitar { background: none; border: none; color: #ff3b30; font-size: 12px; cursor: pointer; margin-left: 6px; }\n  #gigiolaps-carrito-footer {\n    padding: 18px 20px;\n    border-top: 1px solid #eee;\n  }\n  #gigiolaps-codigo-dist-bloque { margin-bottom: 16px; }\n  #gigiolaps-codigo-dist-form {\n    display: flex;\n    gap: 8px;\n  }\n  #gigiolaps-codigo-dist-input {\n    flex: 1;\n    padding: 10px 12px;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    font-size: 13px;\n    font-family: Arial, Helvetica, sans-serif;\n    outline: none;\n    box-sizing: border-box;\n  }\n  #gigiolaps-codigo-dist-input:focus { border-color: #00B3F0; }\n  #gigiolaps-codigo-dist-aplicar {\n    background: #1c1c1e;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    padding: 0 16px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  #gigiolaps-codigo-dist-msg {\n    font-size: 12px;\n    margin: 8px 0 0;\n  }\n  #gigiolaps-codigo-dist-msg.ok { color: #2ecc71; }\n  #gigiolaps-codigo-dist-msg.error { color: #ff3b30; }\n  #gigiolaps-codigo-dist-bloque.activado #gigiolaps-codigo-dist-form { display: none; }\n  #gigiolaps-carrito-total {\n    display: flex;\n    justify-content: space-between;\n    font-size: 16px;\n    font-weight: 700;\n    color: #1c1c1e;\n    margin-bottom: 14px;\n  }\n  #gigiolaps-carrito-enviar {\n    display: block;\n    width: 100%;\n    text-align: center;\n    background: #25D366;\n    color: #fff;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 15px;\n    padding: 13px;\n    border-radius: 26px;\n    box-sizing: border-box;\n  }\n  #gigiolaps-carrito-enviar.deshabilitado {\n    background: #ccc;\n    pointer-events: none;\n  }\n  #gigiolaps-carrito-o {\n    text-align: center;\n    color: #999;\n    font-size: 12px;\n    margin: 10px 0;\n  }\n  #paypal-button-container-carrito {\n    margin-top: 4px;\n  }\n  #paypal-button-container-carrito.deshabilitado {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  \/* ---------- Modal de detalle del IC ---------- *\/\n  #gigiolaps-detalle-fondo {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.65);\n    z-index: 9800;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n  #gigiolaps-detalle-fondo.abierto {\n    display: flex;\n  }\n  #gigiolaps-detalle-caja {\n    background: #fff;\n    border-radius: 14px;\n    max-width: 560px;\n    width: 100%;\n    max-height: 88vh;\n    overflow-y: auto;\n    padding: 30px;\n    box-sizing: border-box;\n    text-align: left;\n    font-family: Arial, Helvetica, sans-serif;\n    position: relative;\n  }\n  #gigiolaps-detalle-cerrar {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: #f2f2f2;\n    border: none;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    color: #555;\n  }\n  #gigiolaps-detalle-nombre {\n    color: #1c1c1e;\n    font-size: 24px;\n    margin: 0 0 6px;\n    padding-right: 30px;\n  }\n  #gigiolaps-detalle-specs {\n    color: #777;\n    font-size: 15px;\n    margin: 0 0 14px;\n  }\n  #gigiolaps-detalle-precios {\n    margin-bottom: 20px;\n  }\n  #gigiolaps-detalle-precios .precio {\n    display: block;\n    color: #00B3F0;\n    font-size: 22px;\n    font-weight: 700;\n  }\n  #gigiolaps-detalle-precios .precio-dist {\n    display: block;\n    color: #999;\n    font-size: 14px;\n  }\n  #gigiolaps-detalle-foto {\n    width: 100%;\n    height: 180px;\n    object-fit: cover;\n    border-radius: 10px;\n    margin-bottom: 20px;\n    display: none;\n  }\n  #gigiolaps-detalle-datasheet-titulo {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1c1c1e;\n    margin: 0 0 10px;\n  }\n  #gigiolaps-detalle-datasheet-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #f2f2f2;\n    color: #1c1c1e;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    padding: 12px 18px;\n    border-radius: 10px;\n    display: none;\n  }\n  #gigiolaps-detalle-datasheet-btn:hover { background: #e6e6e6; }\n  #gigiolaps-detalle-datasheet-vacio {\n    background: #f7f7f8;\n    border-radius: 10px;\n    padding: 30px 20px;\n    text-align: center;\n    color: #999;\n    font-size: 14px;\n  }\n  #gigiolaps-detalle-agregar {\n    display: block;\n    width: 100%;\n    margin-top: 22px;\n    background: #00B3F0;\n    color: #fff;\n    border: none;\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 13px;\n    border-radius: 26px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  #gigiolaps-detalle-agregar:hover { background: #0090c2; }\n\n<\/style>\n\n<section id=\"ventas-ic\">\n  <h2>Venta de circuitos integrados<\/h2>\n  <p class=\"intro\">Cat\u00e1logo de IC disponibles para reparaci\u00f3n a nivel de componente.<\/p>\n  <!-- Para agregar mas productos, copia un bloque <div class=\"producto\"> completo (como los dos de abajo) y pega otro cambiando los datos. -->\n  <p class=\"aviso\"><\/p>\n\n  <div class=\"buscador\">\n    <input type=\"text\" id=\"gigiolaps-buscar-ic\" placeholder=\"Busca tu IC, ej: BQ24780S\">\n  <\/div>\n  <p class=\"sin-resultados\" id=\"gigiolaps-sin-resultados\">No se encontr\u00f3 ese IC. Escr\u00edbenos para consultar disponibilidad.<\/p>\n\n  <div class=\"catalogo\">\n\n    <div class=\"producto\" data-datasheet=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/bq24780s.pdf\" data-foto=\"\">\n      <!-- Cuando me pases la foto de este IC, cambia el div.icono de abajo por:\n           <img decoding=\"async\" src=\"URL_DE_TU_FOTO\" alt=\"BQ24780S\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:16px;\">\n           Y pon esa misma URL en data-foto=\"\" de arriba.\n           Cuando tengas el datasheet (PDF), subelo a WordPress y pon su URL en data-datasheet=\"\" de arriba. -->\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1\"\/><path d=\"M9 2v4M12 2v4M15 2v4M9 18v4M12 18v4M15 18v4M2 9h4M2 12h4M2 15h4M18 9h4M18 12h4M18 15h4\"\/><\/svg>\n      <\/div>\n      <h3>BQ24780S<\/h3>\n      <p class=\"specs\">Controlador de carga de bater\u00eda<\/p>\n      <span class=\"precio\">$250 MXN<\/span>\n      <span class=\"precio-dist\">Distribuidor: $200 MXN<\/span>\n      <button class=\"btn-agregar\" data-nombre=\"BQ24780S\" data-precio=\"250\" data-precio-dist=\"200\">Agregar al carrito<\/button>\n    <\/div>\n\n    <div class=\"producto\" data-datasheet=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/ISL88738.pdf\" data-foto=\"\">\n      <!-- Cuando me pases la foto de este IC, cambia el div.icono de abajo por:\n           <img decoding=\"async\" src=\"URL_DE_TU_FOTO\" alt=\"Intersil 88738H\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:16px;\">\n           Y pon esa misma URL en data-foto=\"\" de arriba.\n           Cuando tengas el datasheet (PDF), subelo a WordPress y pon su URL en data-datasheet=\"\" de arriba. -->\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1\"\/><path d=\"M9 2v4M12 2v4M15 2v4M9 18v4M12 18v4M15 18v4M2 9h4M2 12h4M2 15h4M18 9h4M18 12h4M18 15h4\"\/><\/svg>\n      <\/div>\n      <h3>Intersil 88738H<\/h3>\n      <p class=\"specs\">Controlador de carga de bater\u00eda<\/p>\n      <span class=\"precio\">$250 MXN<\/span>\n      <span class=\"precio-dist\">Distribuidor: $200 MXN<\/span>\n      <button class=\"btn-agregar\" data-nombre=\"Intersil 88738H\" data-precio=\"250\" data-precio-dist=\"200\">Agregar al carrito<\/button>\n    <\/div>\n\n    <div class=\"producto\" data-datasheet=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/BQ24738H.pdf\" data-foto=\"\">\n      <!-- Cuando me pases la foto de este IC, cambia el div.icono de abajo por:\n           <img decoding=\"async\" src=\"URL_DE_TU_FOTO\" alt=\"BQ24738H\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:16px;\">\n           Y pon esa misma URL en data-foto=\"\" de arriba.\n           Cuando tengas el datasheet (PDF), subelo a WordPress y pon su URL en data-datasheet=\"\" de arriba. -->\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1\"\/><path d=\"M9 2v4M12 2v4M15 2v4M9 18v4M12 18v4M15 18v4M2 9h4M2 12h4M2 15h4M18 9h4M18 12h4M18 15h4\"\/><\/svg>\n      <\/div>\n      <h3>BQ24738H<\/h3>\n      <p class=\"specs\">Controlador de carga de bater\u00eda<\/p>\n      <span class=\"precio\">$250 MXN<\/span>\n      <span class=\"precio-dist\">Distribuidor: $200 MXN<\/span>\n      <button class=\"btn-agregar\" data-nombre=\"BQ24738H\" data-precio=\"250\" data-precio-dist=\"200\">Agregar al carrito<\/button>\n    <\/div>\n\n    <div class=\"producto\" data-datasheet=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/bq24735.pdf\" data-foto=\"\">\n      <!-- Cuando me pases la foto de este IC, cambia el div.icono de abajo por:\n           <img decoding=\"async\" src=\"URL_DE_TU_FOTO\" alt=\"BQ24735\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:16px;\">\n           Y pon esa misma URL en data-foto=\"\" de arriba.\n           Cuando tengas el datasheet (PDF), subelo a WordPress y pon su URL en data-datasheet=\"\" de arriba. -->\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1\"\/><path d=\"M9 2v4M12 2v4M15 2v4M9 18v4M12 18v4M15 18v4M2 9h4M2 12h4M2 15h4M18 9h4M18 12h4M18 15h4\"\/><\/svg>\n      <\/div>\n      <h3>BQ24735<\/h3>\n      <p class=\"specs\">Controlador de carga de bater\u00eda<\/p>\n      <span class=\"precio\">$250 MXN<\/span>\n      <span class=\"precio-dist\">Distribuidor: $200 MXN<\/span>\n      <button class=\"btn-agregar\" data-nombre=\"BQ24735\" data-precio=\"250\" data-precio-dist=\"200\">Agregar al carrito<\/button>\n    <\/div>\n\n    <!-- Para agregar mas productos, copia un bloque <div class=\"producto\"> completo (como los de arriba) y pega otro cambiando los datos. -->\n\n  <\/div>\n<\/section>\n\n<!-- Modal de detalle del IC (se abre al hacer clic en una tarjeta) -->\n<div id=\"gigiolaps-detalle-fondo\">\n  <div id=\"gigiolaps-detalle-caja\">\n    <button id=\"gigiolaps-detalle-cerrar\">&times;<\/button>\n    <img decoding=\"async\" id=\"gigiolaps-detalle-foto\" src=\"\" alt=\"\">\n    <h3 id=\"gigiolaps-detalle-nombre\"><\/h3>\n    <p id=\"gigiolaps-detalle-specs\"><\/p>\n    <div id=\"gigiolaps-detalle-precios\">\n      <span class=\"precio\" id=\"gigiolaps-detalle-precio-publico\"><\/span>\n      <span class=\"precio-dist\" id=\"gigiolaps-detalle-precio-dist\"><\/span>\n    <\/div>\n    <p id=\"gigiolaps-detalle-datasheet-titulo\">Datasheet<\/p>\n    <a id=\"gigiolaps-detalle-datasheet-btn\" href=\"\" target=\"_blank\" rel=\"noopener\">\ud83d\udcc4 Ver datasheet (PDF)<\/a>\n    <p id=\"gigiolaps-detalle-datasheet-vacio\">Datasheet pr\u00f3ximamente. Escr\u00edbenos si lo necesitas para este IC.<\/p>\n    <button id=\"gigiolaps-detalle-agregar\">Agregar al carrito<\/button>\n  <\/div>\n<\/div>\n\n\n<!-- Boton flotante del carrito -->\n<button id=\"gigiolaps-carrito-btn\">\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"19\" cy=\"21\" r=\"1\"\/><path d=\"M2.5 3h2l2.6 12.2a2 2 0 0 0 2 1.6h8.4a2 2 0 0 0 2-1.6L21 7H6\"\/><\/svg>\n  <span id=\"gigiolaps-carrito-badge\">0<\/span>\n<\/button>\n\n<!-- Panel del carrito -->\n<div id=\"gigiolaps-carrito-fondo\"><\/div>\n<div id=\"gigiolaps-carrito-panel\">\n  <div id=\"gigiolaps-carrito-header\">\n    <h3>Tu pedido<\/h3>\n    <button id=\"gigiolaps-carrito-cerrar\">&times;<\/button>\n  <\/div>\n  <div id=\"gigiolaps-carrito-items\">\n    <p id=\"gigiolaps-carrito-vacio\">A\u00fan no has agregado nada.<\/p>\n  <\/div>\n  <div id=\"gigiolaps-carrito-footer\">\n    <div id=\"gigiolaps-codigo-dist-bloque\">\n      <div id=\"gigiolaps-codigo-dist-form\">\n        <input type=\"text\" id=\"gigiolaps-codigo-dist-input\" placeholder=\"C\u00f3digo de distribuidor\">\n        <button id=\"gigiolaps-codigo-dist-aplicar\">Aplicar<\/button>\n      <\/div>\n      <p id=\"gigiolaps-codigo-dist-msg\"><\/p>\n    <\/div>\n    <div id=\"gigiolaps-carrito-total\">\n      <span>Total<\/span>\n      <span id=\"gigiolaps-carrito-total-valor\">$0 MXN<\/span>\n    <\/div>\n    <a id=\"gigiolaps-carrito-enviar\" class=\"deshabilitado\" href=\"#\" target=\"_blank\">Enviar pedido por WhatsApp<\/a>\n    <p id=\"gigiolaps-carrito-o\">o paga en l\u00ednea<\/p>\n    <div id=\"paypal-button-container-carrito\" class=\"deshabilitado\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var input = document.getElementById('gigiolaps-buscar-ic');\n  var sinResultados = document.getElementById('gigiolaps-sin-resultados');\n  var productos = document.querySelectorAll('#ventas-ic .producto:not([data-oculto])');\n\n  input.addEventListener('keyup', function() {\n    var texto = input.value.trim().toLowerCase();\n    var visibles = 0;\n\n    productos.forEach(function(card) {\n      var nombre = card.querySelector('h3').textContent.toLowerCase();\n      if (texto === '' || nombre.indexOf(texto) !== -1) {\n        card.style.display = '';\n        visibles++;\n      } else {\n        card.style.display = 'none';\n      }\n    });\n\n    sinResultados.style.display = (visibles === 0) ? 'block' : 'none';\n  });\n})();\n<\/script>\n\n<script>\n\/\/ ---------- Carrito de Venta de IC ----------\n\/\/ El numero de WhatsApp de Gigiolaps esta aqui abajo. Si algun dia cambia,\n\/\/ solo edita estos 12 digitos (52 = Mexico + tu numero a 10 digitos).\nvar GIGIOLAPS_WHATSAPP = '525541068627';\n\n\/\/ Codigo secreto para desbloquear precio de distribuidor. Para cambiarlo,\n\/\/ solo edita el texto entre comillas (no importan mayusculas\/minusculas\n\/\/ ni espacios de mas, los ignora al comparar).\nvar GIGIOLAPS_CODIGO_DISTRIBUIDOR = 'SOY ALUMNO';\n\nvar gigiolapsCarrito = [];\nvar gigiolapsModoDistribuidor = false;\nvar gigiolapsCarritoTotalActual = 0;\nvar gigiolapsPedidoPagado = false;\n\nfunction gigiolapsAgregarCarrito(boton) {\n  var nombre = boton.getAttribute('data-nombre');\n  var precio = parseFloat(boton.getAttribute('data-precio'));\n  var precioDist = parseFloat(boton.getAttribute('data-precio-dist'));\n\n  var existente = gigiolapsCarrito.find(function(item) { return item.nombre === nombre; });\n  if (existente) {\n    existente.cantidad++;\n  } else {\n    gigiolapsCarrito.push({ nombre: nombre, precio: precio, precioDist: precioDist, cantidad: 1 });\n  }\n\n  gigiolapsRenderCarrito();\n\n  var textoOriginal = boton.textContent;\n  boton.textContent = 'Agregado \\u2713';\n  boton.classList.add('agregado');\n  setTimeout(function() {\n    boton.textContent = textoOriginal;\n    boton.classList.remove('agregado');\n  }, 1000);\n\n  gigiolapsAbrirCarrito();\n}\n\nfunction gigiolapsCambiarCantidad(nombre, delta) {\n  var item = gigiolapsCarrito.find(function(i) { return i.nombre === nombre; });\n  if (!item) return;\n  item.cantidad += delta;\n  if (item.cantidad <= 0) {\n    gigiolapsCarrito = gigiolapsCarrito.filter(function(i) { return i.nombre !== nombre; });\n  }\n  gigiolapsRenderCarrito();\n}\n\nfunction gigiolapsQuitarDelCarrito(nombre) {\n  gigiolapsCarrito = gigiolapsCarrito.filter(function(i) { return i.nombre !== nombre; });\n  gigiolapsRenderCarrito();\n}\n\nfunction gigiolapsAplicarCodigo() {\n  var input = document.getElementById('gigiolaps-codigo-dist-input');\n  var msg = document.getElementById('gigiolaps-codigo-dist-msg');\n  var bloque = document.getElementById('gigiolaps-codigo-dist-bloque');\n\n  var escrito = input.value.trim().toLowerCase();\n  var correcto = GIGIOLAPS_CODIGO_DISTRIBUIDOR.trim().toLowerCase();\n\n  if (escrito === correcto) {\n    gigiolapsModoDistribuidor = true;\n    bloque.classList.add('activado');\n    msg.textContent = '\\u2713 Precio de distribuidor activado';\n    msg.className = 'ok';\n    gigiolapsRenderCarrito();\n  } else {\n    msg.textContent = 'C\u00f3digo incorrecto';\n    msg.className = 'error';\n  }\n}\n\nfunction gigiolapsPrecioActivo(item) {\n  return gigiolapsModoDistribuidor ? item.precioDist : item.precio;\n}\n\nfunction gigiolapsRenderCarrito() {\n  var cont = document.getElementById('gigiolaps-carrito-items');\n  var vacio = document.getElementById('gigiolaps-carrito-vacio');\n  var badge = document.getElementById('gigiolaps-carrito-badge');\n  var totalValor = document.getElementById('gigiolaps-carrito-total-valor');\n  var btnEnviar = document.getElementById('gigiolaps-carrito-enviar');\n  var btnCarrito = document.getElementById('gigiolaps-carrito-btn');\n\n  \/\/ El icono del carrito solo se muestra si ya agregaste algo\n  if (gigiolapsCarrito.length > 0) {\n    btnCarrito.classList.add('visible');\n  } else {\n    btnCarrito.classList.remove('visible');\n  }\n\n  cont.innerHTML = '';\n\n  var totalItems = 0;\n  var totalPrecio = 0;\n\n  if (gigiolapsCarrito.length === 0) {\n    cont.appendChild(vacio);\n  } else {\n    gigiolapsCarrito.forEach(function(item) {\n      var precioUnit = gigiolapsPrecioActivo(item);\n      totalItems += item.cantidad;\n      totalPrecio += item.cantidad * precioUnit;\n\n      var div = document.createElement('div');\n      div.className = 'carrito-item';\n\n      var infoDiv = document.createElement('div');\n      var nombreDiv = document.createElement('div');\n      nombreDiv.className = 'ci-nombre';\n      nombreDiv.textContent = item.nombre;\n      var precioDiv = document.createElement('div');\n      precioDiv.className = 'ci-precio';\n      precioDiv.textContent = '$' + (precioUnit * item.cantidad) + ' MXN' + (gigiolapsModoDistribuidor ? ' (distribuidor)' : '');\n      infoDiv.appendChild(nombreDiv);\n      infoDiv.appendChild(precioDiv);\n\n      var qtyDiv = document.createElement('div');\n      qtyDiv.className = 'ci-qty';\n\n      var btnMenos = document.createElement('button');\n      btnMenos.textContent = '-';\n      btnMenos.setAttribute('data-accion', 'menos');\n      btnMenos.setAttribute('data-item', item.nombre);\n\n      var span = document.createElement('span');\n      span.textContent = item.cantidad;\n\n      var btnMas = document.createElement('button');\n      btnMas.textContent = '+';\n      btnMas.setAttribute('data-accion', 'mas');\n      btnMas.setAttribute('data-item', item.nombre);\n\n      var btnQuitar = document.createElement('button');\n      btnQuitar.className = 'ci-quitar';\n      btnQuitar.textContent = 'Quitar';\n      btnQuitar.setAttribute('data-accion', 'quitar');\n      btnQuitar.setAttribute('data-item', item.nombre);\n\n      qtyDiv.appendChild(btnMenos);\n      qtyDiv.appendChild(span);\n      qtyDiv.appendChild(btnMas);\n      qtyDiv.appendChild(btnQuitar);\n\n      div.appendChild(infoDiv);\n      div.appendChild(qtyDiv);\n      cont.appendChild(div);\n    });\n  }\n\n  badge.textContent = totalItems;\n  badge.style.display = totalItems > 0 ? 'flex' : 'none';\n  totalValor.textContent = '$' + totalPrecio + ' MXN';\n\n  \/\/ Guardado global para que el boton de PayPal sepa cuanto cobrar\n  \/\/ en el momento exacto en que le den clic (siempre el total actual).\n  gigiolapsCarritoTotalActual = totalPrecio;\n\n  var paypalCarrito = document.getElementById('paypal-button-container-carrito');\n\n  if (gigiolapsCarrito.length === 0) {\n    btnEnviar.classList.add('deshabilitado');\n    btnEnviar.removeAttribute('href');\n    btnEnviar.textContent = 'Enviar pedido por WhatsApp';\n    if (paypalCarrito) paypalCarrito.classList.add('deshabilitado');\n  } else {\n    var mensaje = 'Hola Gigiolaps, ' + (gigiolapsPedidoPagado ? 'ya pagu\u00e9 con PayPal mi pedido' : 'quiero pedir') + (gigiolapsModoDistribuidor ? ' (precio distribuidor)' : '') + ':%0A';\n    gigiolapsCarrito.forEach(function(item) {\n      var precioUnit = gigiolapsPrecioActivo(item);\n      mensaje += '- ' + item.nombre + ' x' + item.cantidad + ' ($' + (precioUnit * item.cantidad) + ' MXN)%0A';\n    });\n    mensaje += 'Total: $' + totalPrecio + ' MXN';\n    btnEnviar.href = 'https:\/\/wa.me\/' + GIGIOLAPS_WHATSAPP + '?text=' + mensaje;\n\n    if (gigiolapsPedidoPagado) {\n      btnEnviar.classList.remove('deshabilitado');\n      btnEnviar.textContent = 'Enviar pedido por WhatsApp';\n      if (paypalCarrito) paypalCarrito.classList.add('deshabilitado');\n    } else {\n      btnEnviar.classList.add('deshabilitado');\n      btnEnviar.textContent = 'Enviar pedido por WhatsApp (paga primero)';\n      if (paypalCarrito) paypalCarrito.classList.remove('deshabilitado');\n    }\n    if (paypalCarrito) paypalCarrito.classList.remove('deshabilitado');\n  }\n}\n\nfunction gigiolapsAbrirCarrito() {\n  document.getElementById('gigiolaps-carrito-panel').classList.add('abierto');\n  document.getElementById('gigiolaps-carrito-fondo').style.display = 'block';\n}\n\nfunction gigiolapsCerrarCarrito() {\n  document.getElementById('gigiolaps-carrito-panel').classList.remove('abierto');\n  document.getElementById('gigiolaps-carrito-fondo').style.display = 'none';\n}\n\n\/\/ ---------- Modal de detalle del IC ----------\nvar gigiolapsProductoActual = null;\n\nfunction gigiolapsAbrirDetalle(card) {\n  gigiolapsProductoActual = card;\n\n  var boton = card.querySelector('.btn-agregar');\n  var nombre = boton.getAttribute('data-nombre');\n  var precioPublico = boton.getAttribute('data-precio');\n  var precioDistTexto = card.querySelector('.precio-dist').textContent;\n  var specsTexto = card.querySelector('.specs').textContent;\n  var foto = card.getAttribute('data-foto');\n  var datasheet = card.getAttribute('data-datasheet');\n\n  document.getElementById('gigiolaps-detalle-nombre').textContent = nombre;\n  document.getElementById('gigiolaps-detalle-specs').textContent = specsTexto;\n  document.getElementById('gigiolaps-detalle-precio-publico').textContent = '$' + precioPublico + ' MXN';\n  document.getElementById('gigiolaps-detalle-precio-dist').textContent = precioDistTexto;\n\n  var fotoEl = document.getElementById('gigiolaps-detalle-foto');\n  if (foto) {\n    fotoEl.src = foto;\n    fotoEl.style.display = 'block';\n  } else {\n    fotoEl.style.display = 'none';\n  }\n\n  var datasheetBtn = document.getElementById('gigiolaps-detalle-datasheet-btn');\n  var datasheetVacio = document.getElementById('gigiolaps-detalle-datasheet-vacio');\n  if (datasheet) {\n    datasheetBtn.href = datasheet;\n    datasheetBtn.style.display = 'inline-flex';\n    datasheetVacio.style.display = 'none';\n  } else {\n    datasheetBtn.style.display = 'none';\n    datasheetVacio.style.display = 'block';\n  }\n\n  document.getElementById('gigiolaps-detalle-fondo').classList.add('abierto');\n}\n\nfunction gigiolapsCerrarDetalle() {\n  document.getElementById('gigiolaps-detalle-fondo').classList.remove('abierto');\n  gigiolapsProductoActual = null;\n}\n\n\n\/\/ ---------- Conectar todos los botones (sin usar onclick en el HTML,\n\/\/ asi WordPress\/el plugin de seguridad no los borra al guardar) ----------\n(function() {\n  document.querySelectorAll('#ventas-ic .btn-agregar').forEach(function(boton) {\n    boton.addEventListener('click', function(e) {\n      e.stopPropagation();\n      gigiolapsAgregarCarrito(boton);\n    });\n  });\n\n  document.getElementById('gigiolaps-carrito-btn').addEventListener('click', gigiolapsAbrirCarrito);\n  document.getElementById('gigiolaps-carrito-cerrar').addEventListener('click', gigiolapsCerrarCarrito);\n  document.getElementById('gigiolaps-carrito-fondo').addEventListener('click', gigiolapsCerrarCarrito);\n  document.getElementById('gigiolaps-codigo-dist-aplicar').addEventListener('click', gigiolapsAplicarCodigo);\n  document.getElementById('gigiolaps-codigo-dist-input').addEventListener('keyup', function(e) {\n    if (e.key === 'Enter') gigiolapsAplicarCodigo();\n  });\n\n  document.getElementById('gigiolaps-carrito-items').addEventListener('click', function(e) {\n    var btn = e.target.closest('button[data-accion]');\n    if (!btn) return;\n    var nombre = btn.getAttribute('data-item');\n    var accion = btn.getAttribute('data-accion');\n    if (accion === 'mas') gigiolapsCambiarCantidad(nombre, 1);\n    if (accion === 'menos') gigiolapsCambiarCantidad(nombre, -1);\n    if (accion === 'quitar') gigiolapsQuitarDelCarrito(nombre);\n  });\n\n  \/\/ Clic en cualquier parte de la tarjeta (menos el boton) abre el detalle\n  document.querySelectorAll('#ventas-ic .producto').forEach(function(card) {\n    card.addEventListener('click', function() {\n      gigiolapsAbrirDetalle(card);\n    });\n  });\n\n  document.getElementById('gigiolaps-detalle-cerrar').addEventListener('click', gigiolapsCerrarDetalle);\n  document.getElementById('gigiolaps-detalle-fondo').addEventListener('click', function(e) {\n    if (e.target.id === 'gigiolaps-detalle-fondo') gigiolapsCerrarDetalle();\n  });\n\n  document.getElementById('gigiolaps-detalle-agregar').addEventListener('click', function() {\n    if (!gigiolapsProductoActual) return;\n    var boton = gigiolapsProductoActual.querySelector('.btn-agregar');\n    gigiolapsAgregarCarrito(boton);\n    gigiolapsCerrarDetalle();\n  });\n\n})();\n<\/script>\n\n<script>\n\/\/ Carga el SDK de PayPal una sola vez, aunque tambien este el bloque\n\/\/ de Especial en la misma pagina (evita cargarlo duplicado).\n\/\/ El \"client-id\" de aqui abajo es el tuyo, sacado de developer.paypal.com\n\/\/ (Apps & Credentials). Si algun dia necesitas cambiarlo, solo reemplaza\n\/\/ ese texto largo despues de \"client-id=\".\nif (typeof gigiolapsCargarPaypalSDK !== 'function') {\n  window.gigiolapsCargarPaypalSDK = function(callback) {\n    if (window.paypal) { callback(); return; }\n    var existente = document.getElementById('gigiolaps-paypal-sdk');\n    if (existente) {\n      existente.addEventListener('load', callback);\n      return;\n    }\n    var s = document.createElement('script');\n    s.id = 'gigiolaps-paypal-sdk';\n    s.src = 'https:\/\/www.paypal.com\/sdk\/js?client-id=AWq5-rN3TKzzLU5QkMQSS3LYopVXvmmrR7AZvWWV_XAQ356miEtI4OAL5pi_cLcpL1fZ5XueofyCGiIS&currency=MXN';\n    s.onload = callback;\n    document.head.appendChild(s);\n  };\n}\n\n(function() {\n  \/\/ Botones reales de PayPal para el carrito de Venta de IC. El monto\n  \/\/ se calcula al momento de darle clic (siempre el total mas reciente\n  \/\/ del carrito, incluyendo precio de distribuidor si esta activado).\n  gigiolapsCargarPaypalSDK(function() {\n    paypal.Buttons({\n      style: { color: 'gold', shape: 'pill', label: 'pay', height: 40 },\n      createOrder: function(data, actions) {\n        return actions.order.create({\n          purchase_units: [{\n            description: 'Pedido Venta de IC - Gigiolaps',\n            amount: { value: gigiolapsCarritoTotalActual.toFixed(2), currency_code: 'MXN' }\n          }]\n        });\n      },\n      onApprove: function(data, actions) {\n        return actions.order.capture().then(function() {\n          \/\/ Marca el pedido como pagado: esto desbloquea el boton de\n          \/\/ WhatsApp (estaba apagado) y actualiza su mensaje para avisar\n          \/\/ que ya se pago. Tambien abre WhatsApp automaticamente.\n          gigiolapsPedidoPagado = true;\n          gigiolapsRenderCarrito();\n          var btnEnviarPagado = document.getElementById('gigiolaps-carrito-enviar');\n          if (btnEnviarPagado && btnEnviarPagado.href) {\n            window.open(btnEnviarPagado.href, '_blank');\n          }\n        });\n      }\n    }).render('#paypal-button-container-carrito');\n  });\n})();\n<\/script>\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-1b976ce e-flex e-con-boxed e-con e-parent\" data-id=\"1b976ce\" 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-b160feb elementor-widget elementor-widget-html\" data-id=\"b160feb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BLOQUE 6 - CURSOS (version 2)\n     Dos tarjetas: Curso Nivel Basico y Electronica Basica.\n     La tarjeta de Electronica Basica lleva a gigiolapscursos.com\n     ============================================================ -->\n<style>\n  #cursos {\n    background: rgba(255,255,255,0.7);\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n    border-bottom: 1px solid #eee;\n  }\n  #cursos h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.08);\n  }\n  #cursos p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 40px;\n  }\n  #cursos .catalogo {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 24px;\n    max-width: 760px;\n    width: 100%;\n  }\n  #cursos .curso {\n    background: #fff;\n    border: 1px solid #f2f2f2;\n    border-radius: 12px;\n    padding: 26px 22px;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    text-align: center;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  #cursos .curso:hover {\n    transform: translateY(-8px);\n    box-shadow:\n      0 0 0 2px rgba(140,140,145,0.35),\n      0 0 50px 16px rgba(110,110,115,0.6),\n      0 28px 46px rgba(0,0,0,0.20);\n  }\n  #cursos .icono {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: #e8f8ff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #cursos .icono svg { width: 30px; height: 30px; }\n  #cursos .curso h3 {\n    color: #1c1c1e;\n    font-size: 18px;\n    margin: 0 0 8px;\n  }\n  #cursos .curso p.specs {\n    color: #777;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 14px;\n    min-height: 42px;\n  }\n  #cursos .curso .precio {\n    display: block;\n    color: #00B3F0;\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 16px;\n  }\n  #cursos .curso a.btn-info {\n    display: inline-block;\n    background: #00B3F0;\n    color: #fff;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    padding: 11px 24px;\n    border-radius: 24px;\n    transition: background 0.25s ease, box-shadow 0.25s ease;\n  }\n  #cursos .curso a.btn-info:hover {\n    background: #0090c2;\n    box-shadow: 0 0 0 2px #000000;\n  }\n<\/style>\n\n<section id=\"cursos\">\n  <h2>Cursos<\/h2>\n  <p class=\"intro\">Aprende reparaci\u00f3n de equipos a nivel de componente con Gigiolaps.<\/p>\n\n  <div class=\"catalogo\">\n\n    <!-- TARJETA 1: Curso Nivel Basico -->\n    <div class=\"curso\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><path d=\"M12 3L2 8l10 5 10-5-10-5z\"\/><path d=\"M2 15l10 5 10-5\"\/><path d=\"M2 11l10 5 10-5\"\/><\/svg>\n      <\/div>\n      <h3>Curso Nivel B\u00e1sico<\/h3>\n      <p class=\"specs\">Diagn\u00f3stico y reparaci\u00f3n de placas madre. Nivel b\u00e1sico-intermedio.<\/p>\n      <span class=\"precio\">$8,000 MXN<\/span>\n      <a class=\"btn-info\" href=\"https:\/\/wa.me\/525541068627?text=Hola%20Gigiolaps%2C%20quiero%20informaci%C3%B3n%20del%20Curso%20Nivel%20B%C3%A1sico.\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<\/a>\n    <\/div>\n\n    <!-- TARJETA 2: Electronica Basica (lleva a gigiolapscursos.com) -->\n    <div class=\"curso\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7l1-8z\"\/><\/svg>\n      <\/div>\n      <h3>Electr\u00f3nica B\u00e1sica<\/h3>\n      <p class=\"specs\">Voltaje, corriente, resistencia, diodos, transistores y m\u00e1s.<\/p>\n      <span class=\"precio\">Acceso alumnos<\/span>\n      <a class=\"btn-info\" href=\"https:\/\/gigiolapscursos.com\" target=\"_blank\" rel=\"noopener\">Entrar al curso<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\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-7ab749b e-flex e-con-boxed e-con e-parent\" data-id=\"7ab749b\" 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-264ffef elementor-widget elementor-widget-html\" data-id=\"264ffef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #videos {\n    background: rgba(247,247,248,0.7);\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n  }\n  #videos h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.08);\n  }\n  #videos p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 40px;\n  }\n  #videos .galeria {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    max-width: 1100px;\n    width: 100%;\n  }\n  #videos .video {\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  #videos .video:hover {\n    transform: translateY(-8px);\n    box-shadow:\n      0 0 0 2px rgba(140,140,145,0.35),\n      0 0 50px 16px rgba(110,110,115,0.6),\n      0 28px 46px rgba(0,0,0,0.20);\n  }\n  #videos .video .video-wrap {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%;\n    background: #000;\n  }\n  #videos .video .video-wrap iframe {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    border: 0;\n  }\n  #videos .video h3 {\n    color: #1c1c1e;\n    font-size: 16px;\n    margin: 0;\n    padding: 16px 18px;\n    text-align: left;\n  }\n<\/style>\n\n<section id=\"videos\">\n  <h2>Videos<\/h2>\n  <p class=\"intro\">Reparaciones, tutoriales y contenido de Gigiolaps.<\/p>\n\n  <div class=\"galeria\">\n\n    <div class=\"video\">\n      <div class=\"video-wrap\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/g4DlbeO97Ik\" title=\"Gigiolaps\" allowfullscreen><\/iframe>\n      <\/div>\n      <h3>Gigiolaps<\/h3>\n    <\/div>\n\n    <div class=\"video\">\n      <div class=\"video-wrap\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/x5NoIfCeHWY\" title=\"Gigiolaps\" allowfullscreen><\/iframe>\n      <\/div>\n      <h3>Gigiolaps<\/h3>\n    <\/div>\n\n    <div class=\"video\">\n      <div class=\"video-wrap\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/DpGRBdcW91E\" title=\"Gigiolaps\" allowfullscreen><\/iframe>\n      <\/div>\n      <h3>Gigiolaps<\/h3>\n    <\/div>\n\n  <\/div>\n<\/section>\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-29f0278 e-flex e-con-boxed e-con e-parent\" data-id=\"29f0278\" 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-81c83d5 elementor-widget elementor-widget-html\" data-id=\"81c83d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #redes {\n    background: rgba(255,255,255,0.7);\n    min-height: 60vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n    border-top: 1px solid #eee;\n  }\n  #redes h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.08);\n  }\n  #redes p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 40px;\n  }\n  #redes .lista-redes {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 24px;\n    max-width: 760px;\n    width: 100%;\n  }\n  #redes .red {\n    background: #fff;\n    border-radius: 14px;\n    border-top: 6px solid var(--color-red);\n    padding: 30px 24px;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  #redes .red:hover {\n    transform: translateY(-8px);\n    box-shadow:\n      0 0 0 2px rgba(140,140,145,0.35),\n      0 0 50px 16px rgba(110,110,115,0.6),\n      0 28px 46px rgba(0,0,0,0.20);\n  }\n  #redes .red .icono {\n    width: 76px;\n    height: 76px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: var(--degradado-red);\n    box-shadow: 0 10px 20px var(--sombra-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #redes .red .icono svg { width: 40px; height: 40px; }\n  #redes .red h3 {\n    color: #1c1c1e;\n    font-size: 20px;\n    margin: 0 0 4px;\n  }\n  #redes .red .usuario {\n    display: block;\n    color: var(--color-red);\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 12px;\n  }\n  #redes .red p {\n    color: #777;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 20px;\n    min-height: 42px;\n  }\n  #redes .red a.btn-red {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--color-red);\n    color: #fff;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 12px 26px;\n    border-radius: 26px;\n    transition: box-shadow 0.25s ease, filter 0.25s ease;\n  }\n  #redes .red a.btn-red:hover {\n    filter: brightness(0.9);\n    box-shadow: 0 0 0 2px #000000;\n  }\n  #redes .red a.btn-red svg { width: 16px; height: 16px; }\n  #redes .en-vivo-punto {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ff3b30;\n    margin-right: 6px;\n    vertical-align: middle;\n    animation: redes-latido 1.4s ease-in-out infinite;\n  }\n  @keyframes redes-latido {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.35; transform: scale(0.75); }\n  }\n<\/style>\n\n<section id=\"redes\">\n  <h2>Redes sociales<\/h2>\n  <p class=\"intro\">S\u00edguenos y ent\u00e9rate de todo lo nuevo de Gigiolaps.<\/p>\n\n  <div class=\"lista-redes\">\n\n    <!-- TWITCH -->\n    <div class=\"red\" style=\"--color-red:#9146FF; --degradado-red:linear-gradient(135deg,#a970ff,#772ce8); --sombra-red:rgba(145,70,255,0.35);\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11\" r=\"2\" fill=\"#fff\"\/><path d=\"M8.5 7.5a5 5 0 0 0 0 7\"\/><path d=\"M15.5 7.5a5 5 0 0 1 0 7\"\/><path d=\"M5.6 4.6a9 9 0 0 0 0 12.8\"\/><path d=\"M18.4 4.6a9 9 0 0 1 0 12.8\"\/><path d=\"M12 13v8\"\/><\/svg>\n      <\/div>\n      <h3>Twitch<\/h3>\n      <span class=\"usuario\"><span class=\"en-vivo-punto\"><\/span>gigiolaps<\/span>\n      <p>Reparaciones y clases en vivo. S\u00edguenos para enterarte cuando estemos transmitiendo.<\/p>\n      <a class=\"btn-red\" href=\"https:\/\/www.twitch.tv\/gigiolaps\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg>Ver canal\n      <\/a>\n    <\/div>\n\n    <!-- FACEBOOK -->\n    <div class=\"red\" style=\"--color-red:#1877F2; --degradado-red:linear-gradient(135deg,#4a9bff,#0f63d1); --sombra-red:rgba(24,119,242,0.35);\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10v10H4.5A1.5 1.5 0 0 1 3 18.5v-7A1.5 1.5 0 0 1 4.5 10z\"\/><path d=\"M7 10l3.5-6.2a1.8 1.8 0 0 1 3.3 1.3L13 9h5.4a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 17.2 20H7\"\/><\/svg>\n      <\/div>\n      <h3>Facebook<\/h3>\n      <span class=\"usuario\">Israel Ram\u00edrez Cer\u00f3n<\/span>\n      <p>Fotos de reparaciones, promociones y novedades de Gigiolaps.<\/p>\n      <a class=\"btn-red\" href=\"https:\/\/www.facebook.com\/israel.ramirezceron\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg>Ver perfil\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a0165c elementor-widget elementor-widget-html\" data-id=\"2a0165c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #contacto {\n    background: rgba(255,255,255,0.7);\n    min-height: 60vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n  }\n  #contacto h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.08);\n  }\n  #contacto p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 40px;\n  }\n  #contacto .contacto-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    max-width: 1000px;\n    width: 100%;\n    text-align: left;\n    align-items: stretch;\n  }\n  #contacto .contacto-info {\n    background: #fff;\n    border: 1px solid #f2f2f2;\n    border-radius: 12px;\n    padding: 30px 28px;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  #contacto .contacto-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    margin-bottom: 22px;\n  }\n  #contacto .contacto-item:last-child { margin-bottom: 0; }\n  #contacto .contacto-item .icono {\n    flex: 0 0 auto;\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    background: #e8f8ff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #contacto .contacto-item .icono svg { width: 20px; height: 20px; }\n  #contacto .contacto-item h4 {\n    margin: 0 0 4px;\n    color: #1c1c1e;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  #contacto .contacto-item p {\n    margin: 0;\n    color: #555;\n    font-size: 15px;\n    line-height: 1.5;\n  }\n  #contacto .btn-whatsapp {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 12px;\n    background: #25D366;\n    color: #fff;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 13px 26px;\n    border-radius: 26px;\n    box-shadow: 0 10px 20px rgba(37,211,102,0.3);\n    transition: background 0.25s ease, transform 0.2s ease;\n    align-self: flex-start;\n  }\n  #contacto .btn-whatsapp:hover {\n    background: #1ebe5b;\n    transform: translateY(-2px);\n    box-shadow: 0 0 0 2px #000000;\n  }\n  #contacto .contacto-mapa {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    min-height: 320px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  #contacto .contacto-mapa iframe {\n    width: 100%;\n    height: 100%;\n    min-height: 320px;\n    border: 0;\n    display: block;\n  }\n\n  \/* Efecto al pasar el mouse: sube y brillo gris *\/\n  #contacto .contacto-info:hover,\n  #contacto .contacto-mapa:hover {\n    transform: translateY(-8px);\n    box-shadow:\n      0 0 0 2px rgba(140,140,145,0.35),\n      0 0 50px 16px rgba(110,110,115,0.6),\n      0 28px 46px rgba(0,0,0,0.20);\n  }\n\n  @media (max-width: 800px) {\n    #contacto .contacto-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n\n<section id=\"contacto\">\n  <h2>Contacto<\/h2>\n  <p class=\"intro\">Vis\u00edtanos, ll\u00e1manos o escr\u00edbenos por WhatsApp.<\/p>\n\n  <div class=\"contacto-grid\">\n\n    <div class=\"contacto-info\">\n\n      <div class=\"contacto-item\">\n        <div class=\"icono\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.8\"><path d=\"M12 21s7-7.4 7-12a7 7 0 10-14 0c0 4.6 7 12 7 12z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        <div>\n          <h4>Direcci\u00f3n<\/h4>\n          <p>Rep. de Uruguay #21 Int. 206 PA<br>Col. Centro, Cuauht\u00e9moc, CDMX<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"contacto-item\">\n        <div class=\"icono\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.8\"><path d=\"M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .3 2 .6 2.9a2 2 0 01-.4 2.1L8 10a16 16 0 006 6l1.3-1.3a2 2 0 012.1-.4c.9.3 1.9.5 2.9.6a2 2 0 011.7 2.1z\"\/><\/svg>\n        <\/div>\n        <div>\n          <h4>Tel\u00e9fono \/ WhatsApp<\/h4>\n          <p>55 4106 8627<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"contacto-item\">\n        <div class=\"icono\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\n        <\/div>\n        <div>\n          <h4>Horarios<\/h4>\n          <p>Martes a S\u00e1bado: 11:00 am \u2013 7:00 pm<\/p>\n        <\/div>\n      <\/div>\n\n      <a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/525541068627\" target=\"_blank\">\n        <svg viewBox=\"0 0 24 24\" fill=\"#fff\" width=\"18\" height=\"18\"><path d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm5.8 14.2c-.2.7-1.4 1.4-2 1.5-.5.1-1.1.2-3.6-.8-3-1.2-4.9-4.2-5.1-4.4-.1-.2-1.2-1.6-1.2-3s.7-2.1 1-2.4c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5.2.5.7 1.7.8 1.9.1.2.1.4 0 .6-.1.2-.2.4-.4.6l-.5.6c-.2.2-.3.4-.1.7.2.3.9 1.4 1.9 2.3 1.3 1.2 2.4 1.5 2.7 1.7.3.2.5.1.7-.1l.7-.8c.2-.3.4-.2.7-.1.3.1 1.7.8 2 .9.3.2.5.2.6.4.1.1.1.7-.1 1.2z\"\/><\/svg>\n        Escr\u00edbenos por WhatsApp\n      <\/a>\n\n    <\/div>\n\n    <div class=\"contacto-mapa\">\n      <iframe src=\"https:\/\/www.google.com\/maps?q=Republica+de+Uruguay+21,+Centro,+Cuauhtemoc,+CDMX&output=embed\" loading=\"lazy\" allowfullscreen><\/iframe>\n    <\/div>\n\n  <\/div>\n<\/section>\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-4f57769 e-flex e-con-boxed e-con e-parent\" data-id=\"4f57769\" 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-a447acc elementor-widget elementor-widget-html\" data-id=\"a447acc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BLOQUE 9 - ESPECIAL\n     Va como NOVENO widget HTML (al final de la pagina, despues de Contacto).\n\n     Plantilla de ejemplo (placeholder) lista para llenar con tu\n     contenido especial (ofertas, promos, servicios destacados, etc).\n     Cada tarjeta es un bloque <div class=\"especial-item\">.\n\n     COMO EDITAR CADA TARJETA:\n       - Cambia el texto entre <h3>...<\/h3>  -> titulo\n       - Cambia el texto entre <p class=\"specs\">...<\/p> -> descripcion corta\n       - Cambia el texto entre <span class=\"precio\">...<\/span> -> precio (borralo si no aplica)\n       - Cambia el href=\"#\" del boton por un link real si hace falta\n       - Para agregar mas tarjetas, copia un bloque <div class=\"especial-item\">\n         completo y pega otro, cambiando los datos.\n     ============================================================ -->\n\n<style>\n  #especial {\n    background: rgba(255,255,255,0.7);\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 80px 24px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    position: relative;\n  }\n  #especial h2 {\n    color: #000000;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 34px;\n    margin-bottom: 16px;\n    text-shadow: 0 14px 26px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.08);\n  }\n  #especial p.intro {\n    color: #555;\n    font-size: 17px;\n    max-width: 640px;\n    line-height: 1.6;\n    margin-bottom: 40px;\n  }\n  #especial .catalogo {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    max-width: 1100px;\n    width: 100%;\n  }\n  #especial .especial-item {\n    background: #fff;\n    border: 1px solid #f2f2f2;\n    border-radius: 12px;\n    padding: 26px 22px;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);\n    text-align: center;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  #especial .especial-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 28px 46px rgba(0,0,0,0.2), 0 8px 16px rgba(0,0,0,0.1);\n  }\n  #especial .icono {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: #e8f8ff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #especial .icono svg { width: 30px; height: 30px; }\n  #especial .especial-item h3 {\n    color: #1c1c1e;\n    font-size: 18px;\n    margin: 0 0 8px;\n  }\n  #especial .especial-item p.specs {\n    color: #777;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 14px;\n    min-height: 42px;\n  }\n  #especial .especial-item .precio {\n    display: block;\n    color: #00B3F0;\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 16px;\n  }\n  #especial .especial-item a.btn-info {\n    display: inline-block;\n    background: #00B3F0;\n    color: #fff;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    padding: 11px 24px;\n    border-radius: 24px;\n    transition: background 0.25s ease, box-shadow 0.25s ease;\n  }\n  #especial .especial-item a.btn-info:hover {\n    background: #0090c2;\n    box-shadow: 0 0 0 2px #000000;\n  }\n  #especial .especial-item button.btn-info {\n    display: inline-block;\n    background: #00B3F0;\n    color: #fff;\n    border: none;\n    cursor: pointer;\n    font-family: Arial, Helvetica, sans-serif;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    padding: 11px 24px;\n    border-radius: 24px;\n    transition: background 0.25s ease, box-shadow 0.25s ease;\n  }\n  #especial .especial-item button.btn-info:hover {\n    background: #0090c2;\n    box-shadow: 0 0 0 2px #000000;\n  }\n\n  \/* ---------- Ventana emergente para pedir el archivo .bin por WhatsApp ---------- *\/\n  #gigiolaps-bin-fondo {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.65);\n    z-index: 9800;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n  #gigiolaps-bin-fondo.abierto { display: flex; }\n  #gigiolaps-bin-caja {\n    background: #fff;\n    border-radius: 14px;\n    max-width: 420px;\n    width: 100%;\n    padding: 30px;\n    box-sizing: border-box;\n    text-align: center;\n    font-family: Arial, Helvetica, sans-serif;\n    position: relative;\n  }\n  #gigiolaps-bin-cerrar {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    background: #f2f2f2;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 16px;\n    cursor: pointer;\n    color: #555;\n  }\n  #gigiolaps-bin-caja h3 {\n    color: #1c1c1e;\n    font-size: 20px;\n    margin: 0 0 12px;\n  }\n  #gigiolaps-bin-caja p {\n    color: #555;\n    font-size: 15px;\n    line-height: 1.5;\n    margin: 0 0 22px;\n  }\n  #gigiolaps-bin-caja a.btn-whatsapp-bin {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background: #25D366;\n    color: #fff;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 13px 26px;\n    border-radius: 26px;\n    box-shadow: 0 10px 20px rgba(37,211,102,0.3);\n  }\n  #gigiolaps-bin-caja a.btn-whatsapp-bin:hover { background: #1ebe5b; }\n  #gigiolaps-bin-caja a.btn-whatsapp-bin.deshabilitado {\n    background: #ccc;\n    pointer-events: none;\n    box-shadow: none;\n  }\n  #gigiolaps-bin-texto.pagado {\n    color: #1ebe5b;\n    font-weight: 700;\n  }\n  #paypal-button-container {\n    max-width: 300px;\n    margin: 0 auto 18px;\n  }\n  #gigiolaps-bin-codigo-form {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 8px;\n  }\n  #gigiolaps-bin-codigo-input {\n    flex: 1;\n    padding: 10px 12px;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    font-size: 13px;\n    font-family: Arial, Helvetica, sans-serif;\n    outline: none;\n    box-sizing: border-box;\n  }\n  #gigiolaps-bin-codigo-input:focus { border-color: #00B3F0; }\n  #gigiolaps-bin-codigo-aplicar {\n    background: #1c1c1e;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    padding: 0 16px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  #gigiolaps-bin-codigo-msg {\n    font-size: 12px;\n    margin: 0 0 16px;\n  }\n  #gigiolaps-bin-codigo-msg.ok { color: #2ecc71; }\n  #gigiolaps-bin-codigo-msg.error { color: #ff3b30; }\n<\/style>\n\n<section id=\"especial\">\n  <h2>Especial<\/h2>\n  <p class=\"intro\">Servicios especiales de reparaci\u00f3n de Gigiolaps.<\/p>\n\n  <div class=\"catalogo\">\n\n    <div class=\"especial-item\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\n      <\/div>\n      <h3>Quitar Password<\/h3>\n      <p class=\"specs\">Desbloqueo con c\u00f3digo especial 8FC8.<\/p>\n      <span class=\"precio\">$500 MXN<\/span>\n      <button class=\"btn-info\" id=\"gigiolaps-bin-btn\">Agregar al carrito<\/button>\n    <\/div>\n\n    <div class=\"especial-item\">\n      <div class=\"icono\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00B3F0\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\n      <\/div>\n      <h3>Reparaci\u00f3n urgente<\/h3>\n      <p class=\"specs\">Servicio express para equipos que necesitas de vuelta r\u00e1pido. Costo adicional al precio ya cotizado de tu reparaci\u00f3n.<\/p>\n      <span class=\"precio\">+$500 MXN<\/span>\n      <a class=\"btn-info\" href=\"#\">M\u00e1s informaci\u00f3n<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Ventana emergente: pedir archivo .bin por WhatsApp -->\n<div id=\"gigiolaps-bin-fondo\">\n  <div id=\"gigiolaps-bin-caja\">\n    <button id=\"gigiolaps-bin-cerrar\">&times;<\/button>\n    <h3>Quitar Password<\/h3>\n    <p id=\"gigiolaps-bin-texto\">Primero paga el servicio (<span id=\"gigiolaps-bin-precio-texto\">$500 MXN<\/span>) con el bot\u00f3n de PayPal de abajo. En cuanto termines el pago, esta ventana desbloquea el bot\u00f3n para mandar tu archivo .bin por WhatsApp.<\/p>\n    <div id=\"gigiolaps-bin-codigo-form\">\n      <input type=\"text\" id=\"gigiolaps-bin-codigo-input\" placeholder=\"C\u00f3digo especial (opcional)\">\n      <button id=\"gigiolaps-bin-codigo-aplicar\">Aplicar<\/button>\n    <\/div>\n    <p id=\"gigiolaps-bin-codigo-msg\"><\/p>\n    <p id=\"gigiolaps-bin-monto-actual\" style=\"display:none;\">Vas a pagar: <strong>$10.00 MXN (modo prueba)<\/strong><\/p>\n    <div id=\"paypal-button-container\"><\/div>\n    <a class=\"btn-whatsapp-bin deshabilitado\" id=\"gigiolaps-bin-whatsapp\" href=\"#\" target=\"_blank\">\n      <svg viewBox=\"0 0 24 24\" fill=\"#fff\" width=\"18\" height=\"18\"><path d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm5.8 14.2c-.2.7-1.4 1.4-2 1.5-.5.1-1.1.2-3.6-.8-3-1.2-4.9-4.2-5.1-4.4-.1-.2-1.2-1.6-1.2-3s.7-2.1 1-2.4c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5.2.5.7 1.7.8 1.9.1.2.1.4 0 .6-.1.2-.2.4-.4.6l-.5.6c-.2.2-.3.4-.1.7.2.3.9 1.4 1.9 2.3 1.3 1.2 2.4 1.5 2.7 1.7.3.2.5.1.7-.1l.7-.8c.2-.3.4-.2.7-.1.3.1 1.7.8 2 .9.3.2.5.2.6.4.1.1.1.7-.1 1.2z\"\/><\/svg>\n      Enviar .bin por WhatsApp (despu\u00e9s de pagar)\n    <\/a>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Carga el SDK de PayPal una sola vez aunque haya varios bloques en la\n\/\/ misma pagina que lo necesiten (como el carrito de Venta de IC).\n\/\/ El \"client-id\" de aqui abajo es el tuyo, sacado de developer.paypal.com\n\/\/ (Apps & Credentials). Si algun dia necesitas cambiarlo, solo reemplaza\n\/\/ ese texto largo despues de \"client-id=\".\nfunction gigiolapsCargarPaypalSDK(callback) {\n  if (window.paypal) { callback(); return; }\n  var existente = document.getElementById('gigiolaps-paypal-sdk');\n  if (existente) {\n    existente.addEventListener('load', callback);\n    return;\n  }\n  var s = document.createElement('script');\n  s.id = 'gigiolaps-paypal-sdk';\n  s.src = 'https:\/\/www.paypal.com\/sdk\/js?client-id=AWq5-rN3TKzzLU5QkMQSS3LYopVXvmmrR7AZvWWV_XAQ356miEtI4OAL5pi_cLcpL1fZ5XueofyCGiIS&currency=MXN';\n  s.onload = callback;\n  document.head.appendChild(s);\n}\n<\/script>\n\n<script>\n(function() {\n  var GIGIOLAPS_WHATSAPP_BIN = '525541068627';\n  var mensaje = 'Hola Gigiolaps, quiero el servicio de Quitar Password ($500 MXN). Aqu\u00ed adjunto mi archivo .bin.';\n\n  \/\/ Codigo especial para pruebas: baja el precio a $10 MXN en vez de\n  \/\/ $500 MXN, asi puedes probar que el pago real de PayPal funciona\n  \/\/ sin gastar el monto completo. Para cambiar el codigo o el precio\n  \/\/ de prueba, edita las dos lineas de aqui abajo.\n  var GIGIOLAPS_CODIGO_PRUEBA = 'GIGIO ES TU PASTOR Y NADA TE FALTARA';\n  var GIGIOLAPS_PRECIO_PRUEBA = '10.00';\n  var GIGIOLAPS_PRECIO_NORMAL = '500.00';\n  var precioActivo = GIGIOLAPS_PRECIO_NORMAL;\n\n  var btn = document.getElementById('gigiolaps-bin-btn');\n  var fondo = document.getElementById('gigiolaps-bin-fondo');\n  var cerrar = document.getElementById('gigiolaps-bin-cerrar');\n  var whatsappBtn = document.getElementById('gigiolaps-bin-whatsapp');\n  var texto = document.getElementById('gigiolaps-bin-texto');\n  var precioTexto = document.getElementById('gigiolaps-bin-precio-texto');\n  var codigoInput = document.getElementById('gigiolaps-bin-codigo-input');\n  var codigoBtn = document.getElementById('gigiolaps-bin-codigo-aplicar');\n  var codigoMsg = document.getElementById('gigiolaps-bin-codigo-msg');\n  var montoActual = document.getElementById('gigiolaps-bin-monto-actual');\n\n  if (whatsappBtn) {\n    whatsappBtn.href = 'https:\/\/wa.me\/' + GIGIOLAPS_WHATSAPP_BIN + '?text=' + encodeURIComponent(mensaje);\n  }\n\n  function aplicarCodigo() {\n    var escrito = (codigoInput.value || '').trim().toLowerCase();\n    var correcto = GIGIOLAPS_CODIGO_PRUEBA.trim().toLowerCase();\n    if (escrito === correcto) {\n      precioActivo = GIGIOLAPS_PRECIO_PRUEBA;\n      if (precioTexto) precioTexto.textContent = '$' + GIGIOLAPS_PRECIO_PRUEBA + ' MXN (modo prueba)';\n      if (montoActual) montoActual.style.display = 'block';\n      codigoMsg.textContent = '\u2713 C\u00f3digo aplicado, precio de prueba activado';\n      codigoMsg.className = 'ok';\n    } else {\n      codigoMsg.textContent = 'C\u00f3digo incorrecto';\n      codigoMsg.className = 'error';\n    }\n  }\n  if (codigoBtn) {\n    codigoBtn.addEventListener('click', aplicarCodigo);\n  }\n  if (codigoInput) {\n    codigoInput.addEventListener('keyup', function(e) {\n      if (e.key === 'Enter') aplicarCodigo();\n    });\n  }\n\n  function desbloquearWhatsapp() {\n    if (!whatsappBtn) return;\n    whatsappBtn.classList.remove('deshabilitado');\n    if (texto) {\n      texto.textContent = '\u00a1Pago recibido! Ahora manda tu archivo .bin por WhatsApp y te lo regresamos listo.';\n      texto.classList.add('pagado');\n    }\n  }\n\n  if (btn) {\n    btn.addEventListener('click', function() {\n      fondo.classList.add('abierto');\n    });\n  }\n  if (cerrar) {\n    cerrar.addEventListener('click', function() {\n      fondo.classList.remove('abierto');\n    });\n  }\n  if (fondo) {\n    fondo.addEventListener('click', function(e) {\n      if (e.target.id === 'gigiolaps-bin-fondo') fondo.classList.remove('abierto');\n    });\n  }\n\n  \/\/ Botones reales de PayPal. onApprove solo se dispara cuando PayPal\n  \/\/ confirma que el pago SI se completo (esto no se puede falsificar\n  \/\/ escribiendo una URL, a diferencia de la version anterior).\n  gigiolapsCargarPaypalSDK(function() {\n    paypal.Buttons({\n      style: { color: 'blue', shape: 'pill', label: 'pay', height: 40 },\n      createOrder: function(data, actions) {\n        return actions.order.create({\n          purchase_units: [{\n            description: 'Quitar Password - Gigiolaps',\n            amount: { value: precioActivo, currency_code: 'MXN' }\n          }]\n        });\n      },\n      onApprove: function(data, actions) {\n        return actions.order.capture().then(function() {\n          desbloquearWhatsapp();\n        });\n      }\n    }).render('#paypal-button-container');\n  });\n})();\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Reparaci\u00f3n de computadoras port\u00e1tiles multimarca y Apple. Antes de comprar una laptop nueva, podemos hacer un diagn\u00f3stico gratuito. Puede que tu equipo a\u00fan tenga soluci\u00f3n. Redes sociales Venta de IC Cursos Videos Contacto Especial Venta de circuitos integrados Cat\u00e1logo de IC disponibles para reparaci\u00f3n a nivel de componente. No se encontr\u00f3 ese IC. Escr\u00edbenos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-521","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/pages\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gigiolaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=521"}],"version-history":[{"count":5,"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/pages\/521\/revisions"}],"predecessor-version":[{"id":1078,"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/pages\/521\/revisions\/1078"}],"wp:attachment":[{"href":"https:\/\/gigiolaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}