Terapia para Mascotas con Ondas Schumann             :root {             –primary: #2e7d32;             –secondary: #f1f8e9;             –accent: #1565c0;             –text: #333;         }         body {             font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;             background-color: #ffffff;             color: var(–text);             margin: 0;             padding: 15px;             display: flex;             justify-content: center;         }         .container {             max-width: 600px;             width: 100%;             border: 1px solid #ddd;             border-radius: 15px;             padding: 20px;             box-shadow: 0 4px 12px rgba(0,0,0,0.1);         }         h1 {             color: var(–primary);             font-size: 22px;             text-align: center;             margin-bottom: 15px;         }         .info-panel {             background-color: var(–secondary);             padding: 15px;             border-radius: 10px;             font-size: 14px;             margin-bottom: 20px;             line-height: 1.5;         }         .frequency-selector {             margin-bottom: 20px;         }         select {             width: 100%;             padding: 12px;             border-radius: 8px;             border: 2px solid var(–primary);             font-size: 16px;             background-color: white;         }         .controls {             display: flex;             flex-direction: column;             gap: 15px;             align-items: center;         }         .btn {             width: 100%;             padding: 15px;             border: none;             border-radius: 8px;             font-size: 18px;             font-weight: bold;             cursor: pointer;             transition: 0.3s;         }         #playBtn { background-color: var(–primary); color: white; }         #stopBtn { background-color: #d32f2f; color: white; display: none; }                 .volume-control {             width: 100%;             text-align: center;         }         input[type=range] { width: 80%; margin-top: 10px; }         .benefit-card {             margin-top: 15px;             padding: 10px;             border-left: 4px solid var(–accent);             background: #e3f2fd;             font-size: 13px;         }         .footer-info {             font-size: 12px;             color: #666;             margin-top: 20px;             text-align: center;             border-top: 1px solid #eee;             padding-top: 10px;         }         let audioCtx;     let oscillator;     let gainNode;     const info = {         «7.83»: «Beneficio: Relajación profunda, curación y reducción de ansiedad por ruidos[cite: 18, 96].
Sesión: 20 min o continua nocturna.»,         «14.1»: «Beneficio: Procesamiento sensorial estable y alerta calma.
Sesión: 15-20 min, 2 veces al día.»,         «20.3»: «Beneficio: Mejora densidad mineral y formación de callo óseo.
Sesión: 30 min diarios.»,         «8»: «Beneficio: Estimula células T y actividad de fagocitos.
Sesión: 15 min diarios.»     };     function updateInfo() {         const val = document.getElementById(‘freqSelect’).value;         document.getElementById(‘benefitDisplay’).innerHTML = info[val];         if(isPlaying) {             stopFrequencies();             startFrequencies();         }     }     let isPlaying = false;     function startFrequencies() {         if (isPlaying) return;         audioCtx = new (window.AudioContext || window.webkitAudioContext)();         oscillator = audioCtx.createOscillator();         gainNode = audioCtx.createGain();         const freq = parseFloat(document.getElementById(‘freqSelect’).value);                 // La frecuencia Schumann es infrasónica (inaudible),         // para efectos de terapia sonora celular, usamos el tono base.         oscillator.type = ‘sine’;         oscillator.frequency.setValueAtTime(freq, audioCtx.currentTime);                 gainNode.gain.setValueAtTime(document.getElementById(‘volume’).value, audioCtx.currentTime);                 oscillator.connect(gainNode);         gainNode.connect(audioCtx.destination);         oscillator.start();         isPlaying = true;         document.getElementById(‘playBtn’).style.display = ‘none’;         document.getElementById(‘stopBtn’).style.display = ‘block’;         // Vincular control de volumen en tiempo real         document.getElementById(‘volume’).oninput = function() {             if(gainNode) gainNode.gain.setValueAtTime(this.value, audioCtx.currentTime);         };     }     function stopFrequencies() {         if (oscillator) {             oscillator.stop();             oscillator.disconnect();             audioCtx.close();         }         isPlaying = false;         document.getElementById(‘playBtn’).style.display = ‘block’;         document.getElementById(‘stopBtn’).style.display = ‘none’;     }