{"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-07-14T09:32:50","modified_gmt":"2026-07-14T09:32:50","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-a6a4f10 e-flex e-con-boxed e-con e-parent\" data-id=\"a6a4f10\" 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-a71dc06 elementor-widget elementor-widget-html\" data-id=\"a71dc06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     VIDEO GIGIOLAPS - INTRO con boton \"Inicio\"\n     Pega este bloque en el PRIMER widget \"HTML\" de tu pagina.\n     ============================================================ -->\n\n<div id=\"gigiolaps-intro\" style=\"\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: #000;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.8s ease;\n\">\n  <video\n    id=\"gigiolaps-intro-video\"\n    autoplay\n    muted\n    loop\n    playsinline\n    style=\"width: 100%; height: 100%; object-fit: cover;\"\n  >\n    <source src=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/Video-2025-3.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <button id=\"gigiolaps-entrar-btn\" style=\"\n    position: absolute;\n    bottom: 50px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(255,255,255,0.12);\n    color: #ffffff;\n    border: 1px solid rgba(255,255,255,0.35);\n    padding: 12px 38px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Arial, Helvetica, sans-serif;\n    letter-spacing: 0.5px;\n    cursor: pointer;\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  \" onmouseover=\"this.style.background='rgba(255,255,255,0.22)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.12)'\">Inicio<\/button>\n<\/div>\n\n<script>\n(function() {\n  var intro = document.getElementById('gigiolaps-intro');\n  var btn = document.getElementById('gigiolaps-entrar-btn');\n\n  function ocultarIntro() {\n    intro.style.opacity = '0';\n    setTimeout(function() {\n      intro.style.display = 'none';\n    }, 800);\n  }\n\n  btn.addEventListener('click', ocultarIntro);\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-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<!-- ============================================================\n     BLOQUE 1 - MENU (barra de navegacion)\n     Este es el PRIMER widget HTML despues del video.\n     ============================================================ -->\n\n<style>\n  \/* Menu oculto en todo el sitio (a peticion del cliente, ya que\n     los mismos accesos estan como botones en el Bloque 2 - Inicio).\n     Para volver a mostrarlo, cambia \"display: none;\" por\n     \"display: flex;\" aqui abajo. *\/\n  #gigiolaps-nav {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 9000;\n    background: #ffffff;\n    border-bottom: 3px solid #00B3F0;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    height: 1cm;\n    padding: 0 32px;\n    flex-wrap: nowrap;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  #gigiolaps-nav .nav-logo {\n    position: absolute;\n    left: 20px;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 0.9cm;\n    width: auto;\n  }\n  #gigiolaps-nav ul {\n    list-style: none;\n    display: flex;\n    gap: 26px;\n    margin: 0;\n    padding: 0;\n    flex-wrap: nowrap;\n  }\n  #gigiolaps-nav ul li a {\n    text-decoration: none;\n    color: #1c1c1e;\n    font-weight: 600;\n    font-size: 13px;\n    white-space: nowrap;\n    transition: color 0.2s ease;\n  }\n  #gigiolaps-nav ul li a:hover {\n    color: #00B3F0;\n  }\n  \/* Este espacio empuja el contenido de abajo para que no quede tapado por el menu fijo.\n     Como el menu esta oculto (ver arriba), este espacio tambien se oculta. *\/\n  #gigiolaps-nav-spacer {\n    display: none;\n    height: 1cm;\n    width: 100%;\n  }\n<\/style>\n\n<nav id=\"gigiolaps-nav\">\n  <img decoding=\"async\" class=\"nav-logo\" src=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/Gigiolaps_512x512-1.png\" alt=\"Gigiolaps\">\n  <ul>\n    <li><a href=\"#inicio\">Inicio<\/a><\/li>\n    <li><a href=\"#quienes-somos\">Qui\u00e9nes somos<\/a><\/li>\n    <li><a href=\"#fotos\">Fotos<\/a><\/li>\n    <li><a href=\"#ventas-ic\">Venta de IC<\/a><\/li>\n    <li><a href=\"#cursos\">Cursos<\/a><\/li>\n    <li><a href=\"#videos\">Videos<\/a><\/li>\n    <li><a href=\"#contacto\">Contacto<\/a><\/li>\n    <li><a href=\"#especial\">Especial<\/a><\/li>\n  <\/ul>\n<\/nav>\n<div id=\"gigiolaps-nav-spacer\"><\/div>\n\n<!-- ============================================================\n     Este script hace que TODOS los botones\/links del sitio que\n     saltan a una seccion (href=\"#algo\") se deslicen despacio en\n     vez de saltar de golpe. Aplica a los del menu de arriba y a\n     los botones del Bloque 2 (Fotos, Venta de IC, Cursos, etc).\n\n     PARA CAMBIAR LA VELOCIDAD: busca el numero 1400 aqui abajo\n     (esta en milisegundos). Subelo para que vaya mas lento,\n     bajalo para que vaya mas rapido. Ejemplo: 2000 = mas lento\n     que ahorita, 800 = mas rapido que ahorita.\n     ============================================================ -->\n<script>\n(function() {\n  var DURACION_MS = 900;\n\n  function easeInOutQuad(t) {\n    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\n  }\n\n  function deslizarHacia(destino) {\n    var navEl = document.getElementById('gigiolaps-nav');\n    var alturaNav = navEl ? navEl.offsetHeight : 0;\n    var inicioY = window.pageYOffset;\n    var finY = destino.getBoundingClientRect().top + inicioY - alturaNav;\n    var inicioTiempo = null;\n\n    function paso(tiempoActual) {\n      if (!inicioTiempo) inicioTiempo = tiempoActual;\n      var transcurrido = tiempoActual - inicioTiempo;\n      var progreso = Math.min(transcurrido \/ DURACION_MS, 1);\n      var suavizado = easeInOutQuad(progreso);\n      window.scrollTo(0, inicioY + (finY - inicioY) * suavizado);\n      if (progreso < 1) requestAnimationFrame(paso);\n    }\n    requestAnimationFrame(paso);\n  }\n\n  document.addEventListener('click', function(e) {\n    var link = e.target.closest('a[href^=\"#\"]');\n    if (!link) return;\n    var hash = link.getAttribute('href');\n    if (!hash || hash.length < 2) return;\n    var destino = document.querySelector(hash);\n    if (!destino) return;\n    e.preventDefault();\n    deslizarHacia(destino);\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-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<!-- ============================================================\n     BLOQUE 2 - INICIO (estilo \"Silverstorm\": foto de fondo a pantalla\n     completa con crossfade + zoom lento, contenido alineado a la\n     derecha con titulo grande, texto y 2 botones)\n     Este va como SEGUNDO widget HTML, justo despues del Menu.\n\n     El fondo de fotos se inserta con JavaScript directo en <body>,\n     por fuera de los contenedores de Elementor. Asi se garantiza que\n     cubra TODA la pantalla (arriba, abajo y los lados) sin que ningun\n     contenedor de Elementor lo recorte o lo empuje hacia abajo.\n     ============================================================ -->\n\n<!-- ============================================================\n     GUIA RAPIDA PARA QUE TU MISMO AJUSTES EL LOGO\n     (Elementor no te deja editar esto con clics porque es un\n     widget de codigo, no un widget normal. Pero puedes cambiarlo\n     tu mismo aqui abajo con Buscar y Reemplazar, sin saber programar):\n\n     1) LA IMAGEN: busca esta linea (cerca del final del archivo):\n          <img decoding=\"async\" class=\"inicio-logo\" src=\"https:\/\/gigiolaps.com\/wp-content\/uploads\/2026\/07\/GIGIOLAPSpdf-2.png\" alt=\"Gigiolaps\">\n        Si subes una version nueva del logo a WordPress, cambia el\n        link que esta entre comillas despues de src= por el nuevo.\n\n     2) EL TAMANO: busca esta linea (dentro de .inicio-logo):\n          width: clamp(260px, 34vw, 520px);\n        El numero de en medio (34vw) es el que manda en la mayoria\n        de pantallas. Subelo para que se vea mas grande, bajalo para\n        que se vea mas chico.\n\n     3) LA POSICION (arriba\/abajo): busca (dentro de .inicio-logo):\n          transform: translateY(-1.5cm);\n        Sube ese numero (ej: -2.5cm) para moverlo mas arriba, bajalo\n        (ej: -0.5cm o 0cm) para moverlo mas abajo.\n     ============================================================ -->\n\n<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  \/* Mismo estilo de boton \"vidrio\" (glassmorphism) que el boton\n     \"Inicio\" del video de portada, para que todos los botones\n     del sitio se vean iguales. *\/\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  \/* Fondo fijo (inyectado en <body>) *\/\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=\"#fotos\">Fotos<\/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  \/\/ Evita duplicar el fondo si el widget se recarga\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>\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-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\n     Va como SEXTO widget HTML (despues de Venta de IC).\n\n     Catalogo de ejemplo (placeholder) listo para llenar con tus\n     cursos reales. Cada curso es un bloque <div class=\"curso\">.\n\n     COMO EDITAR CADA TARJETA:\n       - Cambia el texto entre <h3>...<\/h3>  -> nombre del curso\n       - Cambia el texto entre <p class=\"specs\">...<\/p> -> descripcion corta\n       - Cambia el texto entre <span class=\"precio\">...<\/span> -> precio\n       - Cambia el href=\"#\" del boton por un link real (WhatsApp, Google Form, etc.)\n       - Para agregar mas cursos, copia un bloque <div class=\"curso\">\n         completo y pega otro, cambiando los datos.\n     ============================================================ -->\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: 20px;\n    max-width: 1100px;\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.25s ease, box-shadow 0.25s ease;\n  }\n  #cursos .curso: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  #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  #cursos .curso 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  #cursos .curso button.btn-info:hover {\n    background: #0090c2;\n    box-shadow: 0 0 0 2px #000000;\n  }\n\n  \/* ---------- Ventana emergente de seguimiento gratis ---------- *\/\n  #gigiolaps-seguimiento-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-seguimiento-fondo.abierto { display: flex; }\n  #gigiolaps-seguimiento-caja {\n    background: #fff;\n    border-radius: 20px;\n    max-width: 720px;\n    width: 100%;\n    padding: 60px 50px;\n    box-sizing: border-box;\n    text-align: center;\n    font-family: Arial, Helvetica, sans-serif;\n    position: relative;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n  }\n  #gigiolaps-seguimiento-cerrar {\n    position: absolute;\n    top: 18px;\n    right: 18px;\n    background: #f2f2f2;\n    border: none;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    font-size: 20px;\n    cursor: pointer;\n    color: #555;\n  }\n  #gigiolaps-seguimiento-caja h3 {\n    color: #00B3F0;\n    font-weight: 800;\n    text-transform: uppercase;\n    font-size: 36px;\n    margin: 0 0 24px;\n    letter-spacing: 0.5px;\n  }\n  #gigiolaps-seguimiento-caja p {\n    color: #1c1c1e;\n    font-weight: 700;\n    font-size: 24px;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  @media (max-width: 700px) {\n    #gigiolaps-seguimiento-caja {\n      padding: 40px 24px;\n    }\n    #gigiolaps-seguimiento-caja h3 {\n      font-size: 26px;\n    }\n    #gigiolaps-seguimiento-caja p {\n      font-size: 18px;\n    }\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    <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=\"#\">M\u00e1s informaci\u00f3n<\/a>\n    <\/div>\n\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>Microsoldadura<\/h3>\n      <p class=\"specs\">T\u00e9cnicas de reballing y soldadura de precisi\u00f3n en IC.<\/p>\n      <span class=\"precio\">$--- MXN<\/span>\n      <a class=\"btn-info\" href=\"#\">M\u00e1s informaci\u00f3n<\/a>\n    <\/div>\n\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>Egresados de Curso<\/h3>\n      <p class=\"specs\">Despu\u00e9s de tu curso te damos seguimiento.<\/p>\n      <span class=\"precio\">Gratis<\/span>\n      <button class=\"btn-info\" id=\"gigiolaps-seguimiento-btn\">M\u00e1s informaci\u00f3n<\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Ventana emergente: seguimiento gratis despues del curso -->\n<div id=\"gigiolaps-seguimiento-fondo\">\n  <div id=\"gigiolaps-seguimiento-caja\">\n    <button id=\"gigiolaps-seguimiento-cerrar\">&times;<\/button>\n    <h3>Seguimiento gratis<\/h3>\n    <p>Ya que acabaste un curso en Gigiolaps tienes el pase autom\u00e1tico para seguir aprendiendo sin ning\u00fan costo y acceso a herramientas del aula por tiempo ilimitado.<\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var btn = document.getElementById('gigiolaps-seguimiento-btn');\n  var fondo = document.getElementById('gigiolaps-seguimiento-fondo');\n  var cerrar = document.getElementById('gigiolaps-seguimiento-cerrar');\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-seguimiento-fondo') fondo.classList.remove('abierto');\n    });\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-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<!-- ============================================================\n     BLOQUE 7 - VIDEOS\n     Va como SEPTIMO widget HTML (despues de Cursos), al final de la pagina.\n\n     Galeria de ejemplo (placeholder) lista para llenar con tus\n     videos reales de YouTube.\n\n     COMO EDITAR CADA VIDEO:\n       - Sube tu video a YouTube (puede ser \"oculto\", no hace falta\n         que sea publico en tu canal).\n       - Copia el link del video, ejemplo:\n           https:\/\/www.youtube.com\/watch?v=XXXXXXXXXXX\n       - El codigo que va en src=\"\" es distinto, usa este formato:\n           https:\/\/www.youtube.com\/embed\/XXXXXXXXXXX\n         (osea, cambia \"watch?v=\" por \"embed\/\")\n       - Pega ese link en el src=\"\" del <iframe> de cada tarjeta.\n       - Cambia el texto del <h3> por el titulo del video.\n       - Para agregar mas videos, copia un bloque <div class=\"video\">\n         completo y pega otro, cambiando el link y el titulo.\n     ============================================================ -->\n\n<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.25s ease, box-shadow 0.25s ease;\n  }\n  #videos .video: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  #videos .video .video-wrap {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* proporcion 16:9 *\/\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>\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-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-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<!-- ============================================================\n     BLOQUE 8 - CONTACTO\n     Va como OCTAVO widget HTML (al final de la pagina, despues de Videos).\n\n     TIENE PLACEHOLDERS (datos de ejemplo) que debes cambiar por los\n     reales. Busca estas 4 cosas y cambialas:\n\n     1) DIRECCION (aparece 2 veces: en el texto y en el mapa):\n          - Texto: busca \"Tu direcci\u00f3n aqu\u00ed, CDMX\" y cambialo.\n          - Mapa: busca la linea que dice   src=\"https:\/\/www.google.com\/maps?q=...\n            Cambia lo que esta despues de \"q=\" por tu direccion real,\n            ejemplo: q=Av+Insurgentes+Sur+123,+CDMX\n            (los espacios de la direccion se ponen con signos +)\n\n     2) TELEFONO: busca \"55 4106 8627\" y cambialo si es necesario.\n        (Este ya es el numero real que me diste para WhatsApp)\n\n     3) HORARIOS: busca \"Lunes a Viernes\" y \"S\u00e1bados\" y pon tus\n        horarios reales.\n\n     4) WHATSAPP: el boton ya usa tu numero real (525541068627).\n     ============================================================ -->\n\n<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  }\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  }\n  #contacto .contacto-mapa iframe {\n    width: 100%;\n    height: 100%;\n    min-height: 320px;\n    border: 0;\n    display: block;\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>\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-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 Inicio Qui\u00e9nes somos Fotos Venta de IC Cursos Videos Contacto Especial 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. Fotos Venta de IC Cursos Videos Contacto Especial Venta de circuitos integrados Cat\u00e1logo de IC disponibles para reparaci\u00f3n [&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":1003,"href":"https:\/\/gigiolaps.com\/index.php?rest_route=\/wp\/v2\/pages\/521\/revisions\/1003"}],"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}]}}