List

Es la opción perfecta para quienes buscan una solución práctica, versátil y de alta calidad. Con un diseño compacto y patas plegables, es ideal para ahorrar espacio y adaptarse a cualquier ambiente. ¡Perfecto para negocios que quieren ofrecer entretenimiento a sus clientes o para que los más chicos disfruten jugando en casa!


Mesa mini

Image carousel

¡Pedila cómo más te guste!

Pricing Table

Mesa Mini con accesorios

Mesa de Pool Mini con accesorios

Embed

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mesa Mini - Sin Tapa</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js"></script>
    <style>
      .mesa-mini-container {
        font-family: 'Poppins', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 0;
      }

      .mesa-mini-price-card {
        background: #feffff;
        border-radius: 4px;
        border: 1px solid #E9E3E3;
        padding: 30px;
        text-align: center;
        display: inline-block;
        width: auto;
      }

      .mesa-mini-price-display {
        margin-bottom: 20px;
      }

      .mesa-mini-price-value {
        font-size: 3em;
        font-weight: bold;
        color: #2c2c2c;
        margin-bottom: 8px;
        line-height: 1;
      }

      .mesa-mini-payment-method {
        color: #666;
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 25px;
      }

      .mesa-mini-cta-button {
        background: #574242;
        color: #FFF0EC;
        border: none;
        padding: 7px 30px;
        border-radius: 90px;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        transition: all 0.3s ease;
        text-transform: none;
      }

      .mesa-mini-cta-button:hover {
        background: #4a3226;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(94, 64, 51, 0.3);
      }

      .mesa-mini-loading {
        text-align: center;
        color: #666;
        font-size: 1.2em;
        padding: 40px;
      }

      .mesa-mini-error {
        color: #d9534f;
        text-align: center;
        font-weight: bold;
        background: #f8d7da;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #f5c6cb;
      }

      .mesa-mini-last-update {
        font-size: 0.8em;
        color: #999;
        margin-top: 15px;
        font-style: italic;
      }

      @media (max-width: 768px) {
        .mesa-mini-price-value {
          font-size: 2.5em;
        }

        .mesa-mini-price-card {
          padding: 20px;
        }
      }
    </style>
  </head>
  <body>
    <div class="mesa-mini-container">
      <div id="mesa-mini-sin-tapa">
        <div class="mesa-mini-loading">
          Cargando precio...
        </div>
      </div>
    </div>

    <script>
      // Función global para reinicializar si es necesario
      window.initMesaMiniSinTapa = function() {
        (function() {
          const sheetUrl = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTHAawG7D9EROUGduKBnhCaCsjXc44STgsy_tSb3AetxnZ4rBUEXIBLeJyAZbGO8nYMEoDNZDqbUXtG/pub?gid=0&single=true&output=csv";
          const fixedPaymentMethod = "Abonando en efectivo o transferencia";
          const targetProductName = "mini";
          const priceType = "preciosintapa"; // SIN TAPA
          
          let updateInterval;

          function formatPrice(price) {
            if (!price || price === '') return 'Consultar precio';
            if (price.toString().includes('$')) return price;
            
            const numPrice = parseFloat(price.toString().replace(/[^\d.-]/g, ''));
            if (!isNaN(numPrice)) {
              return '$' + numPrice.toLocaleString('es-AR');
            }
            return price;
          }

          function loadPriceData() {
            const contenedor = document.getElementById("mesa-mini-sin-tapa");
            
            // Verificar que el contenedor existe
            if (!contenedor) {
              console.error("Contenedor no encontrado");
              return;
            }

            // Mostrar estado de carga si no está ya visible
            if (!contenedor.querySelector('.mesa-mini-loading') && !contenedor.querySelector('.mesa-mini-price-card')) {
              contenedor.innerHTML = '<div class="mesa-mini-loading">Cargando precio...</div>';
            }

            // Timeout de seguridad
            const timeout = setTimeout(() => {
              console.error("Timeout al cargar datos");
              contenedor.innerHTML = `
                <div class="mesa-mini-error">
                  Tiempo de espera agotado. <button onclick="location.reload()" style="margin-left: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer;">Reintentar</button>
                </div>
              `;
            }, 15000); // 15 segundos de timeout

            try {
              // Agregar timestamp para evitar caché del navegador
              const urlWithTimestamp = sheetUrl + '&t=' + Date.now();
              
              Papa.parse(urlWithTimestamp, {
                download: true,
                header: true,
                skipEmptyLines: true,
                transformHeader: header => header.trim(),
                dynamicTyping: false,

                complete: function(results) {
                  clearTimeout(timeout);
                  
                  try {
                    const products = results.data;
                    const lastUpdate = new Date().toLocaleString('es-AR');

                    console.log("Datos recibidos:", products.length, "productos");
                    console.log("Buscando producto:", targetProductName);

                    if (products && products.length > 0) {
                      const product = products.find(p => {
                        if (!p || !p.nombre) return false;
                        const productName = p.nombre.toLowerCase().trim();
                        const searchName = targetProductName.toLowerCase();
                        console.log("Comparando:", productName, "con", searchName);
                        return productName === searchName;
                      });

                      console.log("Producto encontrado:", product);

                      if (product && product[priceType]) {
                        const priceValue = formatPrice(product[priceType]);
                        console.log("Precio formateado:", priceValue);

                        contenedor.innerHTML = `
                          <div class="mesa-mini-price-card">
                            <div class="mesa-mini-price-display">
                              <div class="mesa-mini-price-value">${priceValue}</div>
                            </div>

                            <div class="mesa-mini-payment-method">${fixedPaymentMethod}</div>

                            <button class="mesa-mini-cta-button" onclick="window.open('https://poolfactory4.durablesites.com/contacto', '_blank')">
                              Más información
                            </button>
                            
                            <div class="mesa-mini-last-update">
                              Actualizado: ${lastUpdate}
                            </div>
                          </div>
                        `;
                      } else {
                        console.log("Producto no encontrado o sin precio");
                        contenedor.innerHTML = `
                          <div class="mesa-mini-error">
                            No se encontró el producto "${targetProductName}" o no tiene precio "${priceType}".
                            <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                          </div>
                        `;
                      }
                    } else {
                      console.log("No se recibieron datos válidos");
                      contenedor.innerHTML = `
                        <div class="mesa-mini-error">
                          No se recibieron datos del CSV.
                          <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                        </div>
                      `;
                    }
                  } catch (processingError) {
                    console.error("Error procesando datos:", processingError);
                    contenedor.innerHTML = `
                      <div class="mesa-mini-error">
                        Error procesando los datos.
                        <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                      </div>
                    `;
                  }
                },

                error: function(err, file, inputElem, reason) {
                  clearTimeout(timeout);
                  console.error("Error parsing CSV:", err, reason);
                  contenedor.innerHTML = `
                    <div class="mesa-mini-error">
                      Error al cargar los datos: ${reason || 'Error desconocido'}
                      <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                    </div>
                  `;
                }
              });
            } catch (generalError) {
              clearTimeout(timeout);
              console.error("Error general:", generalError);
              contenedor.innerHTML = `
                <div class="mesa-mini-error">
                  Error general al cargar datos.
                  <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                </div>
              `;
            }
          }

          // Función para inicializar cuando todo esté listo
          function initialize() {
            console.log("Inicializando aplicación Sin Tapa...");
            
            // Verificar que Papa Parse está disponible
            if (typeof Papa === 'undefined') {
              console.error("Papa Parse no está disponible");
              const contenedor = document.getElementById("mesa-mini-sin-tapa");
              if (contenedor) {
                contenedor.innerHTML = `
                  <div class="mesa-mini-error">
                    Error: Librería de CSV no disponible.
                    <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Reintentar</button>
                  </div>
                `;
              }
              return;
            }

            // Limpiar interval anterior si existe
            if (updateInterval) {
              clearInterval(updateInterval);
            }

            // Cargar datos inmediatamente
            setTimeout(() => {
              loadPriceData();
            }, 100);

            // Configurar actualización automática cada 5 minutos
            updateInterval = setInterval(loadPriceData, 300000);
          }

          // Múltiples formas de asegurar que todo esté listo
          function ensureReady() {
            console.log("Estado del documento:", document.readyState);
            console.log("Papa disponible:", typeof Papa !== 'undefined');
            
            if (document.readyState === 'complete' && typeof Papa !== 'undefined') {
              initialize();
            } else if (document.readyState === 'loading') {
              document.addEventListener('DOMContentLoaded', function() {
                console.log("DOM cargado, esperando...");
                setTimeout(initialize, 200);
              });
            } else {
              // DOM listo pero Papa quizás no, o navegación SPA
              setTimeout(function() {
                if (typeof Papa !== 'undefined') {
                  initialize();
                } else {
                  console.log("Esperando Papa Parse...");
                  setTimeout(ensureReady, 300);
                }
              }, 200);
            }
          }

          // Iniciar inmediatamente
          ensureReady();

          // También escuchar eventos adicionales para navegación SPA
          window.addEventListener('load', function() {
            console.log("Evento window.load disparado");
            if (typeof Papa !== 'undefined') {
              // Pequeña demora adicional para navegación SPA
              setTimeout(initialize, 300);
            }
          });

          // Escuchar cambios de URL (para navegación SPA)
          window.addEventListener('popstate', function() {
            console.log("Cambio de URL detectado");
            setTimeout(function() {
              if (typeof Papa !== 'undefined') {
                initialize();
              }
            }, 500);
          });

          // Backup: forzar inicialización después de un tiempo
          setTimeout(function() {
            const contenedor = document.getElementById("mesa-mini-sin-tapa");
            if (contenedor && contenedor.querySelector('.mesa-mini-loading')) {
              console.log("Forzando inicialización por timeout");
              if (typeof Papa !== 'undefined') {
                initialize();
              } else {
                contenedor.innerHTML = `
                  <div class="mesa-mini-error">
                    Error de carga inicial. 
                    <button onclick="location.reload()" style="margin-top: 10px; padding: 5px 10px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0;">Recargar página</button>
                  </div>
                `;
              }
            }
          }, 3000); // 3 segundos de backup

          // Limpiar interval al cerrar la página
          window.addEventListener('beforeunload', function() {
            if (updateInterval) {
              clearInterval(updateInterval);
            }
          });

          // También actualizar cuando la página recupere el foco
          document.addEventListener('visibilitychange', function() {
            if (!document.hidden && typeof Papa !== 'undefined') {
              loadPriceData();
            }
          });

        })();
      };

      // Ejecutar inmediatamente
      window.initMesaMiniSinTapa();

      // También intentar ejecutar cuando se detecte que el contenido cambió
      const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          if (mutation.type === 'childList') {
            const contenedor = document.getElementById("mesa-mini-sin-tapa");
            if (contenedor && contenedor.querySelector('.mesa-mini-loading')) {
              console.log("Contenido detectado por MutationObserver, reiniciando...");
              setTimeout(() => {
                window.initMesaMiniSinTapa();
              }, 500);
            }
          }
        });
      });

      // Observar cambios en el body
      if (document.body) {
        observer.observe(document.body, {
          childList: true,
          subtree: true
        });
      } else {
        // Si el body no está listo, esperar
        document.addEventListener('DOMContentLoaded', function() {
          observer.observe(document.body, {
            childList: true,
            subtree: true
          });
        });
      }
    </script>
  </body>
</html>

Mesa mini con tapa multifunción

Mesa de Pool Mini con tapa multifunción

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mesa Mini - Con Tapa</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <style>
      .mesa-mini-container {
        font-family: 'Poppins', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 0;
      }

      .mesa-mini-price-card {
        background: white;
        border-radius: 4px;
        padding: 30px;
      //  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        text-align: center;
        display: inline-block;
        width: auto;
      }

      .mesa-mini-price-display {
        margin-bottom: 20px;
      }

      .mesa-mini-price-value {
        font-size: 3em;
        font-weight: bold;
        color: #2c2c2c;
        margin-bottom: 8px;
        line-height: 1;
      }

      .mesa-mini-payment-method {
        color: #666;
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 25px;
      }

      .mesa-mini-cta-button {
        background: #574242;
        color: white;
        border: none;
        padding: 7px 30px;
        border-radius: 90px;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        transition: all 0.3s ease;
        text-transform: none;
      }

      .mesa-mini-cta-button:hover {
        background: #4a3226;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(94, 64, 51, 0.3);
      }

      .mesa-mini-loading {
        text-align: center;
        color: #666;
        font-size: 1.2em;
        padding: 40px;
      }

      .mesa-mini-error {
        color: #d9534f;
        text-align: center;
        font-weight: bold;
        background: #f8d7da;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #f5c6cb;
      }

      .mesa-mini-last-update {
        font-size: 0.8em;
        color: #999;
        margin-top: 15px;
        font-style: italic;
      }

      @media (max-width: 768px) {
        .mesa-mini-price-value {
          font-size: 2.5em;
        }

        .mesa-mini-price-card {
          padding: 20px;
        }
      }

      /* Animación de dots para loading */
      .mesa-mini-loading:after {
        content: '';
        animation: mesa-mini-dots 2s infinite;
      }

      @keyframes mesa-mini-dots {
        0%, 20% { content: ''; }
        40% { content: '.'; }
        60% { content: '..'; }
        80%, 100% { content: '...'; }
      }
    </style>
  </head>
  <body>
    <div class="mesa-mini-container">
      <div id="mesa-mini-con-tapa">
        <div class="mesa-mini-loading">
          Cargando precio
        </div>
      </div>
    </div>

    <script>
      // SOLUCIÓN PARA NAVEGACIÓN SPA EN DURABLE
      // Este script se auto-ejecuta cuando el contenedor existe, sin importar cuándo se cargue

      (function() {
        'use strict';

        // Configuración
        const CONFIG = {
          containerId: 'mesa-mini-con-tapa',
          sheetUrl: "https://docs.google.com/spreadsheets/d/e/2PACX-1vTHAawG7D9EROUGduKBnhCaCsjXc44STgsy_tSb3AetxnZ4rBUEXIBLeJyAZbGO8nYMEoDNZDqbUXtG/pub?gid=0&single=true&output=csv",
          fixedPaymentMethod: "Abonando en efectivo o transferencia",
          targetProductName: "mini",
          priceType: "preciocontapa",
          retryDelay: 200,
          maxRetries: 150 // 30 segundos total
        };

        // Estado global único para evitar conflictos
        if (!window.MESA_MINI_GLOBAL) {
          window.MESA_MINI_GLOBAL = {
            initialized: false,
            loading: false,
            retryCount: 0,
            observer: null,
            intervalId: null
          };
        }

        const state = window.MESA_MINI_GLOBAL;

        function log(message) {
          console.log(`[Mesa Mini] ${message}`);
        }

        function formatPrice(price) {
          if (!price || price === '') return 'Consultar precio';
          if (price.toString().includes('$')) return price;
          
          const numPrice = parseFloat(price.toString().replace(/[^\d.-]/g, ''));
          if (!isNaN(numPrice)) {
            return '$' + numPrice.toLocaleString('es-AR');
          }
          return price;
        }

        function showError(message, showRetry = true) {
          const container = document.getElementById(CONFIG.containerId);
          if (!container) return;

          const retryButton = showRetry ? `
            <button onclick="window.MESA_MINI_GLOBAL.initialized = false; window.MESA_MINI_GLOBAL.loading = false; window.mesaMiniForceRestart()" 
                    style="margin-top: 10px; padding: 8px 16px; background: #574242; color: white; border: none; border-radius: 5px; cursor: pointer; display: block; margin: 10px auto 0; font-size: 14px;">
              Reintentar
            </button>
          ` : '';

          container.innerHTML = `
            <div class="mesa-mini-error">
              ${message}
              ${retryButton}
            </div>
          `;
        }

        function showSuccess(priceValue) {
          const container = document.getElementById(CONFIG.containerId);
          if (!container) return;

          const lastUpdate = new Date().toLocaleString('es-AR');
          container.innerHTML = `
            <div class="mesa-mini-price-card">
              <div class="mesa-mini-price-display">
                <div class="mesa-mini-price-value">${priceValue}</div>
              </div>
              <div class="mesa-mini-payment-method">${CONFIG.fixedPaymentMethod}</div>
              <button class="mesa-mini-cta-button" onclick="window.open('https://poolfactory4.durablesites.com/contacto', '_blank')">
                Más información
              </button>
              <div class="mesa-mini-last-update">
                Actualizado: ${lastUpdate}
              </div>
            </div>
          `;
          
          state.initialized = true;
          state.loading = false;
          log('Widget cargado exitosamente');
        }

        async function loadPapaParseIfNeeded() {
          if (typeof Papa !== 'undefined') {
            return Promise.resolve();
          }

          return new Promise((resolve, reject) => {
            log('Cargando Papa Parse dinámicamente...');
            
            // Remover script anterior si existe
            const existingScript = document.querySelector('script[src*="papaparse"]');
            if (existingScript) existingScript.remove();

            const script = document.createElement('script');
            script.src = 'https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js';
            script.onload = () => {
              log('Papa Parse cargado correctamente');
              resolve();
            };
            script.onerror = () => {
              log('Error cargando Papa Parse');
              reject(new Error('No se pudo cargar Papa Parse'));
            };
            document.head.appendChild(script);
          });
        }

        async function fetchPriceData() {
          return new Promise((resolve, reject) => {
            const timestamp = Date.now();
            const random = Math.random().toString(36).substring(2);
            const urlWithCache = `${CONFIG.sheetUrl}&t=${timestamp}&r=${random}`;
            
            log('Obteniendo datos del CSV...');

            const timeout = setTimeout(() => {
              reject(new Error('Tiempo de espera agotado'));
            }, 20000);

            Papa.parse(urlWithCache, {
              download: true,
              header: true,
              skipEmptyLines: true,
              transformHeader: header => header.trim(),
              dynamicTyping: false,

              complete: function(results) {
                clearTimeout(timeout);
                
                try {
                  const products = results.data;
                  log(`Recibidos ${products.length} productos`);

                  if (!products || products.length === 0) {
                    reject(new Error('No se recibieron datos válidos'));
                    return;
                  }

                  const product = products.find(p => {
                    if (!p || !p.nombre) return false;
                    return p.nombre.toLowerCase().trim() === CONFIG.targetProductName.toLowerCase();
                  });

                  if (!product || !product[CONFIG.priceType]) {
                    reject(new Error(`Producto "${CONFIG.targetProductName}" no encontrado`));
                    return;
                  }

                  const priceValue = formatPrice(product[CONFIG.priceType]);
                  log(`Precio encontrado: ${priceValue}`);
                  resolve(priceValue);

                } catch (error) {
                  clearTimeout(timeout);
                  reject(new Error(`Error procesando datos: ${error.message}`));
                }
              },

              error: function(err, file, inputElem, reason) {
                clearTimeout(timeout);
                reject(new Error(`Error CSV: ${reason || err.message || 'Desconocido'}`));
              }
            });
          });
        }

        async function initializeWidget() {
          if (state.initialized || state.loading) {
            log('Widget ya inicializado o cargando');
            return;
          }

          const container = document.getElementById(CONFIG.containerId);
          if (!container) {
            log('Contenedor no encontrado');
            return;
          }

          state.loading = true;
          log('Iniciando carga del widget...');

          try {
            // Paso 1: Cargar Papa Parse si es necesario
            await loadPapaParseIfNeeded();
            
            // Paso 2: Obtener datos
            const priceValue = await fetchPriceData();
            
            // Paso 3: Mostrar resultado
            showSuccess(priceValue);

          } catch (error) {
            log(`Error: ${error.message}`);
            showError(error.message);
            state.loading = false;
          }
        }

        function startWatching() {
          if (state.observer) {
            state.observer.disconnect();
          }

          state.retryCount = 0;

          // Estrategia 1: Verificación inmediata y periódica
          function checkContainer() {
            state.retryCount++;
            
            const container = document.getElementById(CONFIG.containerId);
            if (container && !state.initialized && !state.loading) {
              log(`Contenedor encontrado en intento ${state.retryCount}`);
              clearInterval(state.intervalId);
              initializeWidget();
              return;
            }

            if (state.retryCount >= CONFIG.maxRetries) {
              log('Máximo de intentos alcanzado');
              clearInterval(state.intervalId);
              return;
            }
          }

          // Verificar inmediatamente
          checkContainer();

          // Verificar cada 200ms
          state.intervalId = setInterval(checkContainer, CONFIG.retryDelay);

          // Estrategia 2: MutationObserver para detectar cambios dinámicos
          state.observer = new MutationObserver(function(mutations) {
            let shouldCheck = false;
            
            mutations.forEach(function(mutation) {
              if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(function(node) {
                  if (node.nodeType === 1) {
                    if (node.id === CONFIG.containerId || 
                        (node.querySelector && node.querySelector(`#${CONFIG.containerId}`))) {
                      shouldCheck = true;
                    }
                  }
                });
              }
            });

            if (shouldCheck && !state.initialized && !state.loading) {
              log('Contenedor detectado por observer');
              clearInterval(state.intervalId);
              setTimeout(initializeWidget, 50);
            }
          });

          // Observar todo el documento
          if (document.body) {
            state.observer.observe(document.body, {
              childList: true,
              subtree: true
            });
          } else {
            // Si no hay body, esperar a que se cree
            setTimeout(startWatching, 100);
          }
        }

        // Función global para reiniciar manualmente
        window.mesaMiniForceRestart = function() {
          log('Reinicio manual forzado');
          state.initialized = false;
          state.loading = false;
          state.retryCount = 0;
          startWatching();
        };

        // Función global para debug
        window.mesaMiniDebug = function() {
          const container = document.getElementById(CONFIG.containerId);
          log('=== DEBUG INFO ===');
          log(`Contenedor existe: ${!!container}`);
          log(`Inicializado: ${state.initialized}`);
          log(`Cargando: ${state.loading}`);
          log(`Intentos: ${state.retryCount}`);
          log(`Papa Parse disponible: ${typeof Papa !== 'undefined'}`);
          if (container) {
            log(`Contenido actual: ${container.innerHTML.substring(0, 100)}...`);
          }
        };

        // Limpiar recursos al cerrar
        window.addEventListener('beforeunload', function() {
          if (state.observer) state.observer.disconnect();
          if (state.intervalId) clearInterval(state.intervalId);
        });

        // INICIO AUTOMÁTICO
        log('Sistema iniciado, comenzando vigilancia...');
        
        // Múltiples puntos de inicio para máxima compatibilidad
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', startWatching);
        } else {
          startWatching();
        }

        // Backup adicional
        setTimeout(startWatching, 100);
        setTimeout(startWatching, 500);
        setTimeout(startWatching, 1000);

      })();
    </script>
  </body>
</html>

Disfruta de un servicio completo con entrega rápida y montaje profesional en tu hogar.