<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Teoria 1 &#8211; AMP en Línea</title>
	<atom:link href="https://www.ampenlinea.com/lesson-category/teoria-1/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ampenlinea.com</link>
	<description></description>
	<lastBuildDate>Wed, 22 Oct 2025 16:42:40 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.ampenlinea.com/wp-content/uploads/2020/07/cropped-LOGOamp-solo_enlinea-M5-32x32.png</url>
	<title>Teoria 1 &#8211; AMP en Línea</title>
	<link>https://www.ampenlinea.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>FM 1-3-1 &#8211; Las alteraciones / Efecto de las alteraciones /</title>
		<link>https://www.ampenlinea.com/courses/ama-bajo-n1/lessons/fm-1-3-1-2/</link>
		
		<dc:creator><![CDATA[Henry Giron]]></dc:creator>
		<pubDate>Tue, 07 Oct 2025 16:30:40 +0000</pubDate>
				<guid isPermaLink="false">https://www.ampenlinea.com/lessons/fm-1-3-1-2/</guid>

					<description><![CDATA[ ]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="73339" class="elementor elementor-73339" data-elementor-post-type="sfwd-lessons">
				<div class="elementor-element elementor-element-46938d0 e-flex e-con-boxed e-con e-parent" data-id="46938d0" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f2b09a8 elementor-widget elementor-widget-shortcode" data-id="f2b09a8" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode"> <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Audio y Metrónomo</title>
  <style>
    body {
      font-family: sans-serif;
      margin: 0;
      background-color: #fafafa;
    }

    .toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 15px;
      background-color: #fafafa;
      color: #333;
      border-bottom: 1px solid #ccc;
    }

    .toolbar .icons button {
      background: none;
      border: none;
      color: #333;
      font-size: 22px;
      cursor: pointer;
      margin-left: 15px;
    }

  .toolbar .icons img {
      height: 32px;
      width: 32px;
      cursor: pointer;
    }

    .modal {
      display: none;
      position: fixed;
      z-index: 1000;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
    }

    .modal-content {
      background: #fff;
      padding: 20px;
      width: 90%;
      max-width: 480px;
      border-radius: 8px;
      position: relative;
    }

    .modal .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
    }

    .modal iframe {
      width: 100%;
      height: 475px;
      border: none;
      border-radius: 4px;
    }

    .modal .audio-controls {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .modal .audio-controls audio {
      width: 100%;
    }
  </style>
</head>
<body>

  <div class="toolbar">
    <div class="logo">Herramientas AMP<img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f3b6.png" alt="🎶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="icons">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/brand-bandlab.svg" alt="Abrir Modales" onclick="abrirModal('audioModal')">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/metronome.svg" alt="Abrir Metrónomo" onclick="abrirModal('metronomeModal')">
    
    </div>
  </div>

  <!-- MODAL AUDIO -->
  <div id="audioModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('audioModal')">&times;</span>
      <h3>Selecciona un audio</h3>
      <div class="audio-controls">
        <select id="audioSelector" onchange="cambiarAudio(this.value)">
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3">GPP Rock Shuffle 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-B-Four-on-the-floor-80-bpm.mp3">GPP Four on the floor 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3411-Disco-80-bpm.mp3">GPP Disco 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3212-Hard-Rock-80-bpm.mp3">GPP Hard Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-219-8th-Note-Rock-80-bpm.mp3">GPP 8th Note Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-A-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock A 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-D-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-5512-Basic-RB-85-bpm.mp3">GPP Basic R&B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-415-Four-on-the-floor-85-bpm.mp3">GPP Four on the floor 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3112-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock A 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-338-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock B 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3116-Disco-100-bpm.mp3">GPP Disco 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-347-Bossa-Nova-100-bpm.mp3">GPP Bossa Nova 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-329-Soca-100-bpm.mp3">GPP 329 Soca 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-253-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-235-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-159-Hard-Rock-100-bpm.mp3">GPP Hard Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-156-16th-Note-Syncopated-Kick-100-bpm.mp3">GPP 16th Note Syncopated Kick 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-147-Four-on-the-floor-100-bpm.mp3">GPP Four on the floor 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-146-Half-time-Shuffle-100-bpm.mp3">GPP Half time Shuffle 100 bpm</option>

        </select>

        <audio id="audioPlayer" controls>
          <source src="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3" type="audio/mp3">
        </audio>

        <label for="velocidadAudio">Velocidad: <span id="velocidadValor">1.00x</span></label>
        <input type="range" id="velocidadAudio" min="0.5" max="2" step="0.05" value="1" oninput="ajustarVelocidad(this.value)">
      </div>
    </div>
  </div>

  <!-- MODAL METRONOMO -->
  <div id="metronomeModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('metronomeModal')">&times;</span>
      <iframe 
        src="https://guitarapp.com/metronome.html?embed=true&tempo=120&timeSignature=2&pattern=1&theme=light"
        title="Metrónomo Online">
      </iframe>
    </div>
  </div>

  <script>
    const audioPlayer = document.getElementById('audioPlayer');
    const velocidadValor = document.getElementById('velocidadValor');

    function cambiarAudio(src) {
      audioPlayer.src = src;
      audioPlayer.playbackRate = parseFloat(document.getElementById('velocidadAudio').value);
      audioPlayer.play();
    }

    function ajustarVelocidad(speed) {
      velocidadValor.textContent = parseFloat(speed).toFixed(2) + 'x';
      audioPlayer.playbackRate = parseFloat(speed);
    }

    function abrirModal(id) {
      document.getElementById(id).style.display = 'flex';
    }

    function cerrarModal(id) {
      document.getElementById(id).style.display = 'none';
    }

    window.addEventListener('click', (e) => {
      document.querySelectorAll('.modal').forEach(modal => {
        if (e.target === modal) modal.style.display = 'none';
      });
    });
  </script>

</body>
</html>
</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b65b280 elementor-widget elementor-widget-text-editor" data-id="b65b280" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							
<p><style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            text-align: center;
            padding: 20px;
        }
        .piano {
            display: inline-block;
            margin: 0 auto;
            position: relative;
        }
        .key {
            width: 40px;
            height: 180px;
            display: inline-block;
            margin: 0;
            background: white;
            border: 1px solid black;
            border-radius: 5px;
            position: relative;
            cursor: pointer;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            transition: background 0.2s;
        }
        .key .note-name {
            position: absolute;
            bottom: 5px;
            width: 100%;
        }
        .key.black {
            width: 35px;
            height: 100px;
            background: black;
            color: white;
            margin-left: -15px;
            margin-right: -15px;
            z-index: 1;
            position: absolute;
            top: 0;
            text-align: center;
            line-height: 100px;
            font-size: 9px;
        }
        .key.C#4 { left: 30px; }
        .key.D#4 { left: 90px; }
        .key.F#4 { left: 210px; }
        .key.G#4 { left: 270px; }
        .key.A#4 { left: 330px; }
        .key.C#5 { left: 450px; }
        .key.D#5 { left: 510px; }

        .key:active {
            background: #ddd;
        }
        .key.black:active {
            background: #555;
        }
    </style></p>
<h2>Teclado Interactivo</h2>
<div class="piano">
<div class="key" data-note="C4">
<div class="note-name">C</div>
</div>
<div class="key black C#4" data-note="C#4">
<div class="note-name">C#/Db</div>
</div>
<div class="key" data-note="D4">
<div class="note-name">D</div>
</div>
<div class="key black D#4" data-note="D#4">
<div class="note-name">D#/Eb</div>
</div>
<div class="key" data-note="E4">
<div class="note-name">E</div>
</div>
<div class="key" data-note="F4">
<div class="note-name">F</div>
</div>
<div class="key black F#4" data-note="F#4">
<div class="note-name">F#/Gb</div>
</div>
<div class="key" data-note="G4">
<div class="note-name">G</div>
</div>
<div class="key black G#4" data-note="G#4">
<div class="note-name">G#/Ab</div>
</div>
<div class="key" data-note="A4">
<div class="note-name">A</div>
</div>
<div class="key black A#4" data-note="A#4">
<div class="note-name">A#/Bb</div>
</div>
<div class="key" data-note="B4">
<div class="note-name">B</div>
</div>
<div class="key" data-note="C5">
<div class="note-name">C</div>
</div>
</div>
<p><script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.36/Tone.js"></script> <script>
    const keys = document.querySelectorAll('.key');
    const synth = new Tone.Synth().toDestination();

    keys.forEach(key => {
        key.addEventListener('mousedown', () => {
            const note = key.getAttribute('data-note');
            synth.triggerAttackRelease(note, '8n');
        });
    });
</script></p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-73335 size-full" src="https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a.png" alt="" width="1750" height="2063" srcset="https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a.png 1750w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-254x300.png 254w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-869x1024.png 869w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-768x905.png 768w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-1303x1536.png 1303w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-1737x2048.png 1737w, https://www.ampenlinea.com/wp-content/uploads/2025/10/fm-1-3-1-a-600x707.png 600w" sizes="(max-width: 1750px) 100vw, 1750px" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>

<p> </p>
						</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AMA TC 1-6-2 &#8211; Concierto final (REPASO 2)</title>
		<link>https://www.ampenlinea.com/courses/ama-teclado-n1/lessons/ama-tc-1-6-2-repaso-2/</link>
		
		<dc:creator><![CDATA[Henry Giron]]></dc:creator>
		<pubDate>Tue, 18 Feb 2025 20:16:57 +0000</pubDate>
				<category><![CDATA[AMA Teclado N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com/?post_type=sfwd-lessons&#038;p=57158</guid>

					<description><![CDATA[Concierto Final Actividad 1) Tocar todas las triadas de esta canción en Posición Raíz. Practicarlos en figuras de negras en 60bpm un acorde por compás. 2) Tocar estos acordes con raíz en mano izquierda y la triada en mano derecha.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="57158" class="elementor elementor-57158" data-elementor-post-type="sfwd-lessons">
				<div class="elementor-element elementor-element-6bbd235 e-flex e-con-boxed e-con e-parent" data-id="6bbd235" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4af6f9f elementor-widget elementor-widget-shortcode" data-id="4af6f9f" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode"> <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Audio y Metrónomo</title>
  <style>
    body {
      font-family: sans-serif;
      margin: 0;
      background-color: #fafafa;
    }

    .toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 15px;
      background-color: #fafafa;
      color: #333;
      border-bottom: 1px solid #ccc;
    }

    .toolbar .icons button {
      background: none;
      border: none;
      color: #333;
      font-size: 22px;
      cursor: pointer;
      margin-left: 15px;
    }

  .toolbar .icons img {
      height: 32px;
      width: 32px;
      cursor: pointer;
    }

    .modal {
      display: none;
      position: fixed;
      z-index: 1000;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
    }

    .modal-content {
      background: #fff;
      padding: 20px;
      width: 90%;
      max-width: 480px;
      border-radius: 8px;
      position: relative;
    }

    .modal .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
    }

    .modal iframe {
      width: 100%;
      height: 475px;
      border: none;
      border-radius: 4px;
    }

    .modal .audio-controls {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .modal .audio-controls audio {
      width: 100%;
    }
  </style>
</head>
<body>

  <div class="toolbar">
    <div class="logo">Herramientas AMP<img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f3b6.png" alt="🎶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="icons">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/brand-bandlab.svg" alt="Abrir Modales" onclick="abrirModal('audioModal')">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/metronome.svg" alt="Abrir Metrónomo" onclick="abrirModal('metronomeModal')">
    
    </div>
  </div>

  <!-- MODAL AUDIO -->
  <div id="audioModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('audioModal')">&times;</span>
      <h3>Selecciona un audio</h3>
      <div class="audio-controls">
        <select id="audioSelector" onchange="cambiarAudio(this.value)">
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3">GPP Rock Shuffle 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-B-Four-on-the-floor-80-bpm.mp3">GPP Four on the floor 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3411-Disco-80-bpm.mp3">GPP Disco 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3212-Hard-Rock-80-bpm.mp3">GPP Hard Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-219-8th-Note-Rock-80-bpm.mp3">GPP 8th Note Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-A-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock A 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-D-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-5512-Basic-RB-85-bpm.mp3">GPP Basic R&B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-415-Four-on-the-floor-85-bpm.mp3">GPP Four on the floor 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3112-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock A 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-338-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock B 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3116-Disco-100-bpm.mp3">GPP Disco 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-347-Bossa-Nova-100-bpm.mp3">GPP Bossa Nova 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-329-Soca-100-bpm.mp3">GPP 329 Soca 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-253-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-235-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-159-Hard-Rock-100-bpm.mp3">GPP Hard Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-156-16th-Note-Syncopated-Kick-100-bpm.mp3">GPP 16th Note Syncopated Kick 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-147-Four-on-the-floor-100-bpm.mp3">GPP Four on the floor 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-146-Half-time-Shuffle-100-bpm.mp3">GPP Half time Shuffle 100 bpm</option>

        </select>

        <audio id="audioPlayer" controls>
          <source src="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3" type="audio/mp3">
        </audio>

        <label for="velocidadAudio">Velocidad: <span id="velocidadValor">1.00x</span></label>
        <input type="range" id="velocidadAudio" min="0.5" max="2" step="0.05" value="1" oninput="ajustarVelocidad(this.value)">
      </div>
    </div>
  </div>

  <!-- MODAL METRONOMO -->
  <div id="metronomeModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('metronomeModal')">&times;</span>
      <iframe 
        src="https://guitarapp.com/metronome.html?embed=true&tempo=120&timeSignature=2&pattern=1&theme=light"
        title="Metrónomo Online">
      </iframe>
    </div>
  </div>

  <script>
    const audioPlayer = document.getElementById('audioPlayer');
    const velocidadValor = document.getElementById('velocidadValor');

    function cambiarAudio(src) {
      audioPlayer.src = src;
      audioPlayer.playbackRate = parseFloat(document.getElementById('velocidadAudio').value);
      audioPlayer.play();
    }

    function ajustarVelocidad(speed) {
      velocidadValor.textContent = parseFloat(speed).toFixed(2) + 'x';
      audioPlayer.playbackRate = parseFloat(speed);
    }

    function abrirModal(id) {
      document.getElementById(id).style.display = 'flex';
    }

    function cerrarModal(id) {
      document.getElementById(id).style.display = 'none';
    }

    window.addEventListener('click', (e) => {
      document.querySelectorAll('.modal').forEach(modal => {
        if (e.target === modal) modal.style.display = 'none';
      });
    });
  </script>

</body>
</html>
</div>
				</div>
				</div>
		<!-- dce invisible element 8316b74 --><style>
	/* --- Ajustes para usar varios shortcodes en línea --- */
.amp2 {
  display: inline-block;  /* Hace que el widget sea en línea */
  vertical-align: middle; /* Alinea botones al centro */
  margin: 4px;            /* Espaciado opcional entre botones */
}

.amp2-open {
  display: inline-block;  /* Evita que se estire como bloque */
  white-space: nowrap;    /* Mantiene ícono y texto juntos */
}

/* ===== Modal compacto (ajusta --w/--h para tamaño) ===== */
.amp2{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.amp2-open{background:#6d5ef8;color:#fff;border:0;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}
.amp2-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998}
.amp2-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:9999}
/* Forzar oculto inicial en algunos temas/constructores */
.amp2 [hidden]{display:none !important}
.amp2-card{width:min(640px,95vw);background:#101225;color:#f7f8ff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);overflow:hidden}
.amp2-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.amp2-close{background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer}
.amp2-controls{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;font-size:12px}
.amp2-controls select,.amp2-controls button{height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#171a2b;color:#fff;padding:0 10px;cursor:pointer}
.amp2-clear{background:transparent}

.amp2-kb{--w:36px; --h:136px; --bw:22px; --bh:84px; position:relative; padding:12px; background:#0b0d1b}
.amp2-whites{display:flex;position:relative;width:calc(var(--w)*14);height:var(--h);margin:0 auto;z-index:1}
.amp2-blacks{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:calc(var(--w)*14);height:var(--h);pointer-events:none;z-index:2}

.key{position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.key.white{width:var(--w);height:var(--h);background:linear-gradient(#fff,#ececec);border:1px solid #bfbfbf;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-sizing:border-box;cursor:pointer}
.key.black{position:absolute;width:var(--bw);height:var(--bh);background:linear-gradient(#222,#111);border:1px solid #000;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.6);cursor:pointer;pointer-events:auto}
.key.active{filter:brightness(1.25)}
.key .dot{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;width:8px;height:8px;border-radius:50%;opacity:0}
.key.root .dot{background:#ffcc00;opacity:1}
.key.member .dot{background:#2c8cff;opacity:1}
.key.selected .dot{background:#00d084;opacity:1}
.key .label{position:absolute;left:50%;transform:translateX(-50%);bottom:4px;font:600 11px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222}
.key.black .label{color:#e8e8e8;bottom:6px;font-weight:500}
</style><style>
  #btnShowSheet {
    padding: 12px 20px;
    font-size: 18px;
    background-color: #1a1a1a;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
  }

  .modal-fullscreen {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
  }

  .close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    background: transparent;
    border: none;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
  }

  .sheet-container {
    position: relative;
    max-width: 95vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    overflow: hidden;
  }

  #sheetImage {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }

  #drawCanvas {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: auto;
  }
</style><div class="elementor-element elementor-element-1a68aaf e-con-full e-flex e-con e-child" data-id="1a68aaf" data-element_type="container">
				<div class="elementor-element elementor-element-0e03e9f elementor-widget elementor-widget-video" data-id="0e03e9f" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;vimeo&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="elementor-wrapper elementor-open-inline">
			<iframe class="elementor-video-iframe" allowfullscreen allow="clipboard-write" title="Reproductor de vídeo vimeo" src="https://player.vimeo.com/video/927773344?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t="></iframe>		</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8fc8133 e-con-full e-flex e-con e-child" data-id="8fc8133" data-element_type="container">
				<div class="elementor-element elementor-element-bd06c07 elementor-widget__width-initial elementor-widget elementor-widget-html" data-id="bd06c07" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			
<!-- &#x1f7e8; SUBTÍTULO 1 + PÁRRAFO -->
<section class="bloque-leccion">
  <h2>Concierto Final </h2>
  
<img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/09/tc-1-6-2.png" alt="IMG1" class="imagen-responsiva">

<br>

</section>
 



<!--&#x1f7e8; Actividad + PÁRRAFO -->
<section class="bloque-leccion">
  <h1>Actividad</h1>

<p>1) Tocar todas las triadas de esta canción en Posición Raíz. Practicarlos en figuras de negras en 60bpm un acorde por compás.</p> 

<p>2) Tocar estos acordes con raíz en mano izquierda y la triada en mano derecha.</p>  


<br>



   
 
</section>

<!-- &#x1f3a8; ESTILO PERSONALIZADO -->
<style>
  .header-leccion {
    background-color: #f2f2f2;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
  }

  .titulo-leccion {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #b30808;
    margin-bottom: 30px;
  }

  .bloque-leccion {
    margin: 30px 0;
  }

  .bloque-leccion h3 {
    font-size: 22px;
    color: #222;
    margin-bottom: 10px;
  }

  .bloque-leccion p {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
  }

  .imagen-responsiva {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
.bloque-leccion {
  user-select: none;           /* Desactiva selección en navegadores modernos */
  -webkit-user-select: none;   /* Chrome/Safari */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
}


</style>

<script>
  // Bloquea clic derecho
  document.addEventListener('contextmenu', function (e) {
    e.preventDefault();
  });

  // Bloquea teclas como Ctrl+C, Ctrl+U, Ctrl+S, Ctrl+Shift+I (inspeccionar)
  document.addEventListener('keydown', function (e) {
    if ((e.ctrlKey && ['c', 'u', 's'].includes(e.key.toLowerCase())) ||
        (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'i')) {
      e.preventDefault();
    }
  });
</script>

		</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d0b533c e-con-full e-flex e-con e-child" data-id="d0b533c" data-element_type="container">
				<div class="elementor-element elementor-element-37dc74b elementor-widget elementor-widget-shortcode" data-id="37dc74b" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode"><p>Debes iniciar sesión para ver este contenido.</p>
</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 2-1-1.2 &#8211; Teclado vs pentagrama</title>
		<link>https://www.ampenlinea.com/courses/teoria-nivel-2/lessons/fm-2-1-1-2/</link>
		
		<dc:creator><![CDATA[Jorger Giorgio]]></dc:creator>
		<pubDate>Mon, 26 Aug 2024 17:02:13 +0000</pubDate>
				<category><![CDATA[Teoria N2]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com/lessons/sistema-de-lectura-vp-pronunciacion-de-las-figuras-musicales-2-2/</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<center></center>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" class="wp-image-28315" src="https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-2-1-1.2.png" alt="" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 3-5-1 &#8211; Repaso del signo de medida</title>
		<link>https://www.ampenlinea.com/courses/teoria-nivel-3/lessons/fm-3-5-1/</link>
		
		<dc:creator><![CDATA[Jorger Giorgio]]></dc:creator>
		<pubDate>Fri, 23 Aug 2024 21:17:36 +0000</pubDate>
				<category><![CDATA[Teoria N3]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com/lessons/lectura-ritmica-1-2/</guid>

					<description><![CDATA[&#160;]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="48336" class="elementor elementor-48336" data-elementor-post-type="sfwd-lessons">
				<div class="elementor-element elementor-element-3c7d2f39 e-flex e-con-boxed e-con e-parent" data-id="3c7d2f39" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f55524d elementor-widget elementor-widget-image" data-id="f55524d" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
													<img decoding="async" width="792" height="1024" src="https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1-792x1024.jpg" class="attachment-large size-large wp-image-48338" alt="" srcset="https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1-792x1024.jpg 792w, https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1-232x300.jpg 232w, https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1-768x992.jpg 768w, https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1-600x775.jpg 600w, https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-5-1.jpg 852w" sizes="(max-width: 792px) 100vw, 792px" />													</div>
				</div>
				<div class="elementor-element elementor-element-7ed4357a elementor-widget elementor-widget-text-editor" data-id="7ed4357a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>





<p>&nbsp;</p>
						</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ejercicio UNC (Ubicación de notas con cifrado)</title>
		<link>https://www.ampenlinea.com/courses/teoria-nivel-3/lessons/ha-n3-2/</link>
		
		<dc:creator><![CDATA[Jorger Giorgio]]></dc:creator>
		<pubDate>Fri, 23 Aug 2024 21:00:29 +0000</pubDate>
				<guid isPermaLink="false">https://www.ampenlinea.com/lessons/sistema-de-lectura-vp-pronunciacion-de-las-figuras-musicales-2/</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<p>&nbsp;</p>
<p>&nbsp;</p>
<center>Según el programa que estas estudiando, completa el ejercicio de ubicación de notas con cifrado que tienes en tu libro.</center>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" class="wp-image-28315" src="https://www.ampenlinea.com/wp-content/uploads/2024/08/Teoria-3-4-2.jpg" alt="" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Introducción al nivel 1</title>
		<link>https://www.ampenlinea.com/courses/guitarra-nivel-1/lessons/intro-n1/</link>
		
		<dc:creator><![CDATA[Josian]]></dc:creator>
		<pubDate>Tue, 16 Jun 2020 03:01:35 +0000</pubDate>
				<category><![CDATA[Teoria N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com?post_type=sfwd-lessons&#038;p=26123</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 1-5-5 &#8211; Ejercicio teórico #6 / ECAM (actividad libre)</title>
		<link>https://www.ampenlinea.com/courses/guitarra-nivel-1/lessons/fm-1-5-5/</link>
		
		<dc:creator><![CDATA[Josian]]></dc:creator>
		<pubDate>Tue, 16 Jun 2020 01:14:53 +0000</pubDate>
				<category><![CDATA[Teoria N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com?post_type=sfwd-lessons&#038;p=26057</guid>

					<description><![CDATA[&#160;]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" class="aligncenter wp-image-59784 size-full" src="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-scaled.jpg" alt="" width="1981" height="2560" srcset="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-scaled.jpg 1981w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-232x300.jpg 232w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-793x1024.jpg 793w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-768x992.jpg 768w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-1189x1536.jpg 1189w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-1585x2048.jpg 1585w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-5-600x775.jpg 600w" sizes="(max-width: 1981px) 100vw, 1981px" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>



<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 1-5-4 &#8211; Lectura rítmica #9 (Semicorcheas con silencio en el &#8220;da&#8221;)</title>
		<link>https://www.ampenlinea.com/courses/guitarra-nivel-1/lessons/fm-1-5-4/</link>
		
		<dc:creator><![CDATA[Josian]]></dc:creator>
		<pubDate>Tue, 16 Jun 2020 01:12:57 +0000</pubDate>
				<category><![CDATA[Teoria N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com?post_type=sfwd-lessons&#038;p=26055</guid>

					<description><![CDATA[Metrónomo AMP Interactivo BPM: Play Pausa]]></description>
										<content:encoded><![CDATA[
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>

<div id="metronome-container aligncenter">
<h2>Metrónomo AMP Interactivo</h2>
<label for="bpm">BPM: </label> <input id="bpm" max="208" min="30" step="1" type="number" value="120" /> <button>Play</button> <button>Pausa</button></div>
<p><script>
    let metronomeInterval;
    let audioContext;

    function startMetronome() {
        const bpm = document.getElementById('bpm').value;
        const interval = 60000 / bpm;

        if (!audioContext) {
            audioContext = new (window.AudioContext || window.webkitAudioContext)();
        }

        clearInterval(metronomeInterval);
        metronomeInterval = setInterval(() => {
            playClick();
        }, interval);
    }

    function stopMetronome() {
        clearInterval(metronomeInterval);
    }

    function playClick() {
        const oscillator = audioContext.createOscillator();
        const gainNode = audioContext.createGain();

        oscillator.connect(gainNode);
        gainNode.connect(audioContext.destination);

        oscillator.type = 'square'; // Cambia el tipo de onda a 'square' para un sonido más percutivo
        oscillator.frequency.value = 261.6; // Ajusta la frecuencia para un click percusivo
        gainNode.gain.value = 1;

        oscillator.start();
        oscillator.stop(audioContext.currentTime + 0.01); // Duración muy corta para un click seco y percusivo
    }
</script></p>

<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" class="aligncenter wp-image-59783 size-full" src="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-scaled.jpg" alt="" width="1981" height="2560" srcset="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-scaled.jpg 1981w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-232x300.jpg 232w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-793x1024.jpg 793w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-768x992.jpg 768w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-1189x1536.jpg 1189w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-1585x2048.jpg 1585w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-4-600x775.jpg 600w" sizes="(max-width: 1981px) 100vw, 1981px" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 1-5-3 &#8211; Lectura rítmica #8 (Semicorcheas con silencio en el &#8220;1&#8221;)</title>
		<link>https://www.ampenlinea.com/courses/guitarra-nivel-1/lessons/fm-1-5-3/</link>
		
		<dc:creator><![CDATA[Josian]]></dc:creator>
		<pubDate>Tue, 16 Jun 2020 01:12:39 +0000</pubDate>
				<category><![CDATA[Teoria N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com?post_type=sfwd-lessons&#038;p=26053</guid>

					<description><![CDATA[Metrónomo AMP Interactivo BPM: Play Pausa]]></description>
										<content:encoded><![CDATA[
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>

<div id="metronome-container aligncenter">
<h2>Metrónomo AMP Interactivo</h2>
<label for="bpm">BPM: </label> <input id="bpm" max="208" min="30" step="1" type="number" value="120" /> <button>Play</button> <button>Pausa</button></div>
<p><script>
    let metronomeInterval;
    let audioContext;

    function startMetronome() {
        const bpm = document.getElementById('bpm').value;
        const interval = 60000 / bpm;

        if (!audioContext) {
            audioContext = new (window.AudioContext || window.webkitAudioContext)();
        }

        clearInterval(metronomeInterval);
        metronomeInterval = setInterval(() => {
            playClick();
        }, interval);
    }

    function stopMetronome() {
        clearInterval(metronomeInterval);
    }

    function playClick() {
        const oscillator = audioContext.createOscillator();
        const gainNode = audioContext.createGain();

        oscillator.connect(gainNode);
        gainNode.connect(audioContext.destination);

        oscillator.type = 'square'; // Cambia el tipo de onda a 'square' para un sonido más percutivo
        oscillator.frequency.value = 261.6; // Ajusta la frecuencia para un click percusivo
        gainNode.gain.value = 1;

        oscillator.start();
        oscillator.stop(audioContext.currentTime + 0.01); // Duración muy corta para un click seco y percusivo
    }
</script></p>

<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" class="aligncenter wp-image-59782 size-full" src="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-scaled.jpg" alt="" width="1981" height="2560" srcset="https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-scaled.jpg 1981w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-232x300.jpg 232w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-793x1024.jpg 793w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-768x992.jpg 768w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-1189x1536.jpg 1189w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-1585x2048.jpg 1585w, https://www.ampenlinea.com/wp-content/uploads/2025/03/Teoria-1-5-3-600x775.jpg 600w" sizes="(max-width: 1981px) 100vw, 1981px" /></figure>
</div>
<p><script type="text/javascript">
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault()
  });
</script></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>FM 1-5-2 &#8211; Lectura rítmica #7 (Semicorcheas)</title>
		<link>https://www.ampenlinea.com/courses/guitarra-nivel-1/lessons/fm-1-5-2/</link>
		
		<dc:creator><![CDATA[Josian]]></dc:creator>
		<pubDate>Tue, 16 Jun 2020 01:12:17 +0000</pubDate>
				<category><![CDATA[Teoria N1]]></category>
		<guid isPermaLink="false">https://www.ampenlinea.com?post_type=sfwd-lessons&#038;p=26051</guid>

					<description><![CDATA[Actividad Establecer el pulso y su pronunciación con el metrónomo a una velocidad de 40 bpm y aumentar hasta 120 bpm.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26051" class="elementor elementor-26051" data-elementor-post-type="sfwd-lessons">
				<div class="elementor-element elementor-element-b0eeda0 e-flex e-con-boxed e-con e-parent" data-id="b0eeda0" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-646b6fe elementor-widget elementor-widget-shortcode" data-id="646b6fe" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode"> <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Audio y Metrónomo</title>
  <style>
    body {
      font-family: sans-serif;
      margin: 0;
      background-color: #fafafa;
    }

    .toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 15px;
      background-color: #fafafa;
      color: #333;
      border-bottom: 1px solid #ccc;
    }

    .toolbar .icons button {
      background: none;
      border: none;
      color: #333;
      font-size: 22px;
      cursor: pointer;
      margin-left: 15px;
    }

  .toolbar .icons img {
      height: 32px;
      width: 32px;
      cursor: pointer;
    }

    .modal {
      display: none;
      position: fixed;
      z-index: 1000;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
    }

    .modal-content {
      background: #fff;
      padding: 20px;
      width: 90%;
      max-width: 480px;
      border-radius: 8px;
      position: relative;
    }

    .modal .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
    }

    .modal iframe {
      width: 100%;
      height: 475px;
      border: none;
      border-radius: 4px;
    }

    .modal .audio-controls {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .modal .audio-controls audio {
      width: 100%;
    }
  </style>
</head>
<body>

  <div class="toolbar">
    <div class="logo">Herramientas AMP<img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f3b6.png" alt="🎶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="icons">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/brand-bandlab.svg" alt="Abrir Modales" onclick="abrirModal('audioModal')">
      <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/06/metronome.svg" alt="Abrir Metrónomo" onclick="abrirModal('metronomeModal')">
    
    </div>
  </div>

  <!-- MODAL AUDIO -->
  <div id="audioModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('audioModal')">&times;</span>
      <h3>Selecciona un audio</h3>
      <div class="audio-controls">
        <select id="audioSelector" onchange="cambiarAudio(this.value)">
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3">GPP Rock Shuffle 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-B-Four-on-the-floor-80-bpm.mp3">GPP Four on the floor 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3411-Disco-80-bpm.mp3">GPP Disco 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3212-Hard-Rock-80-bpm.mp3">GPP Hard Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-219-8th-Note-Rock-80-bpm.mp3">GPP 8th Note Rock 80 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-A-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock A 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-D-16th-Note-Rock-85-bpm.mp3">GPP 16th Note Rock B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-5512-Basic-RB-85-bpm.mp3">GPP Basic R&B 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-415-Four-on-the-floor-85-bpm.mp3">GPP Four on the floor 85 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3112-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock A 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-338-8th-Note-Rock-90-bpm.mp3">GPP 8th Note Rock B 90 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-3116-Disco-100-bpm.mp3">GPP Disco 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-347-Bossa-Nova-100-bpm.mp3">GPP Bossa Nova 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-329-Soca-100-bpm.mp3">GPP 329 Soca 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-253-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-235-8th-Note-Rock-100-bpm.mp3">GPP 8th Note Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-159-Hard-Rock-100-bpm.mp3">GPP Hard Rock 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-156-16th-Note-Syncopated-Kick-100-bpm.mp3">GPP 16th Note Syncopated Kick 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-147-Four-on-the-floor-100-bpm.mp3">GPP Four on the floor 100 bpm</option>
          <option value="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-146-Half-time-Shuffle-100-bpm.mp3">GPP Half time Shuffle 100 bpm</option>

        </select>

        <audio id="audioPlayer" controls>
          <source src="https://www.ampenlinea.com/wp-content/uploads/2020/08/GPP-4213-C-Rock-Shuffle-80-bpm.mp3" type="audio/mp3">
        </audio>

        <label for="velocidadAudio">Velocidad: <span id="velocidadValor">1.00x</span></label>
        <input type="range" id="velocidadAudio" min="0.5" max="2" step="0.05" value="1" oninput="ajustarVelocidad(this.value)">
      </div>
    </div>
  </div>

  <!-- MODAL METRONOMO -->
  <div id="metronomeModal" class="modal">
    <div class="modal-content">
      <span class="close" onclick="cerrarModal('metronomeModal')">&times;</span>
      <iframe 
        src="https://guitarapp.com/metronome.html?embed=true&tempo=120&timeSignature=2&pattern=1&theme=light"
        title="Metrónomo Online">
      </iframe>
    </div>
  </div>

  <script>
    const audioPlayer = document.getElementById('audioPlayer');
    const velocidadValor = document.getElementById('velocidadValor');

    function cambiarAudio(src) {
      audioPlayer.src = src;
      audioPlayer.playbackRate = parseFloat(document.getElementById('velocidadAudio').value);
      audioPlayer.play();
    }

    function ajustarVelocidad(speed) {
      velocidadValor.textContent = parseFloat(speed).toFixed(2) + 'x';
      audioPlayer.playbackRate = parseFloat(speed);
    }

    function abrirModal(id) {
      document.getElementById(id).style.display = 'flex';
    }

    function cerrarModal(id) {
      document.getElementById(id).style.display = 'none';
    }

    window.addEventListener('click', (e) => {
      document.querySelectorAll('.modal').forEach(modal => {
        if (e.target === modal) modal.style.display = 'none';
      });
    });
  </script>

</body>
</html>
</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-36a6f27 e-con-full e-flex e-con e-child" data-id="36a6f27" data-element_type="container">
				<div class="elementor-element elementor-element-d8a9ee7 elementor-widget__width-initial elementor-widget elementor-widget-html" data-id="d8a9ee7" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			
<!-- &#x1f7e8; SUBTÍTULO 1 + PÁRRAFO -->
<section class="bloque-leccion">



 <img decoding="async" src="https://www.ampenlinea.com/wp-content/uploads/2025/09/fm-1-5-2.png" alt="img 1" class="imagen-responsiva">
 




</section>




<!--&#x1f7e8; Actividad + PÁRRAFO -->
<section class="bloque-leccion">
  
  <h1>Actividad</h1>


<p>Establecer el pulso y su pronunciación con el metrónomo a una velocidad de 40 bpm y aumentar hasta 120 bpm.</p>


</section>

<!-- &#x1f3a8; ESTILO PERSONALIZADO -->
<style>
  .header-leccion {
    background-color: #f2f2f2;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
  }

  .titulo-leccion {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #b30808;
    margin-bottom: 30px;
  }

  .bloque-leccion {
    margin: 30px 0;
  }

  .bloque-leccion h3 {
    font-size: 22px;
    color: #222;
    margin-bottom: 10px;
  }

  .bloque-leccion p {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
  }

  .imagen-responsiva {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
.bloque-leccion {
  user-select: none;           /* Desactiva selección en navegadores modernos */
  -webkit-user-select: none;   /* Chrome/Safari */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
}


</style>

<script>
  // Bloquea clic derecho
  document.addEventListener('contextmenu', function (e) {
    e.preventDefault();
  });

  // Bloquea teclas como Ctrl+C, Ctrl+U, Ctrl+S, Ctrl+Shift+I (inspeccionar)
  document.addEventListener('keydown', function (e) {
    if ((e.ctrlKey && ['c', 'u', 's'].includes(e.key.toLowerCase())) ||
        (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'i')) {
      e.preventDefault();
    }
  });
</script>

		</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
