PageSourceSearch

https://aulamusical.com/clases/

html aulamusical.com collected 2026-10-02 10:48:32 UTC 66,816 bytes, 1,231 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es" class="auto-color">
3<head>
4
5    <title>Clases de Armonía y Software Musical — Luis Carlos Moreno — aulamusical.com</title>
6    <meta charset="utf-8" />
7    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8    <meta name="HandheldFriendly" content="True" />
9    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10
11    <link rel="preload" as="style" href="/assets/built/screen.css?v=75d7ebc817" />
12    <link rel="preload" as="script" href="/assets/built/casper.js?v=75d7ebc817" />
13
14    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=75d7ebc817" />
15
16    <meta name="description" content="Mentoría privada en armonía musical y AulaChord con Luis Carlos Moreno. Clases online, un objetivo por sesión, resultados aplicables desde la primera hora.">
17    <link rel="icon" href="https://aulamusical.com/content/images/size/w256h256/2023/04/AULAMUSICALpodcast2022-2.png" type="image/png">
18    <link rel="canonical" href="https://aulamusical.com/clases/">
19    <meta name="referrer" content="no-referrer-when-downgrade">
20    
21    <meta property="og:site_name" content="AulaMusical.com | Tecnología Musical y pedagogía ">
22    <meta property="og:type" content="website">
23    <meta property="og:title" content="Clases de Armonía y Software Musical — Luis Carlos Moreno">
24    <meta property="og:description" content="Mentoría privada en armonía musical y AulaChord con Luis Carlos Moreno. Clases online, un objetivo por sesión, resultados aplicables desde la primera hora.">
25    <meta property="og:url" content="https://aulamusical.com/clases/">
26    <meta property="og:image" content="https://aulamusical.com/content/images/2023/05/Logo-Aula-Horizontal-1.jpeg">
27    <meta property="article:published_time" content="2026-07-24T15:05:25.000Z">
28    <meta property="article:modified_time" content="2026-08-12T17:23:32.000Z">
29    <meta property="article:tag" content="Clases">
30    <meta property="article:tag" content="educacion-musical">
31    <meta property="article:tag" content="armonia">
32    <meta property="article:tag" content="AulaChord">
33    
34    <meta property="article:publisher" content="https://www.facebook.com/aulamusical">
35    <meta name="twitter:card" content="summary_large_image">
36    <meta name="twitter:title" content="Clases de Armonía y Software Musical — Luis Carlos Moreno">
37    <meta name="twitter:description" content="Mentoría privada en armonía musical y AulaChord con Luis Carlos Moreno. Clases online, un objetivo por sesión, resultados aplicables desde la primera hora.">
38    <meta name="twitter:url" content="https://aulamusical.com/clases/">
39    <meta name="twitter:image" content="https://aulamusical.com/content/images/2023/05/Logo-Aula-Horizontal.jpeg">
40    <meta name="twitter:label1" content="Written by">
41    <meta name="twitter:data1" content="Luis Carlos Moreno Cardona">
42    <meta name="twitter:label2" content="Filed under">
43    <meta name="twitter:data2" content="Clases, educacion-musical, armonia, AulaChord">
44    <meta name="twitter:site" content="@aulamusical">
45    <meta property="og:image:width" content="1200">
46    <meta property="og:image:height" content="630">
47    
48    
48<script type="application/ld+json">
49{
50    "@context": "https://schema.org",
51    "@type": "Article",
52    "publisher": {
53        "@type": "Organization",
54        "name": "AulaMusical.com | Tecnología Musical y pedagogía ",
55        "url": "https://aulamusical.com/",
56        "logo": {
57            "@type": "ImageObject",
58            "url": "https://aulamusical.com/content/images/2023/04/AULAMUSICALpodcast2022-1.png",
59            "width": 60,
60            "height": 60
61        }
62    },
63    "author": {
64        "@type": "Person",
65        "name": "Luis Carlos Moreno Cardona",
66        "image": {
67            "@type": "ImageObject",
68            "url": "https://aulamusical.com/content/images/2025/05/Logo-Aula-Horizontal.jpeg",
69            "width": 1200,
70            "height": 630
71        },
72        "url": "https://aulamusical.com/author/luis/",
73        "sameAs": []
74    },
75    "headline": "Clases de Armonía y Software Musical — Luis Carlos Moreno — aulamusical.com",
76    "url": "https://aulamusical.com/clases/",
77    "datePublished": "2026-07-24T15:05:25.000Z",
78    "dateModified": "2026-08-12T17:23:32.000Z",
79    "keywords": "Clases, educacion-musical, armonia, AulaChord",
80    "description": "Mentoría privada en armonía musical y AulaChord con Luis Carlos Moreno. Clases online, un objetivo por sesión, resultados aplicables desde la primera hora.",
81    "mainEntityOfPage": "https://aulamusical.com/clases/"
82}
83    </script>
83
84
85    <meta name="generator" content="Ghost 6.53">
86    <link rel="alternate" type="application/rss+xml" title="AulaMusical.com | Tecnología Musical y pedagogía " href="https://aulamusical.com/rss/">
87    
87<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.69/umd/portal.min.js" data-i18n="true" data-ghost="https://aulamusical.com/" data-key="5575b5e95bb0cb30de96a24990" data-api="https://aulamusical.com/ghost/api/content/" data-locale="es" crossorigin="anonymous"></script>
87<style id="gh-members-styles">.gh-post-upgrade-cta-content,
88.gh-post-upgrade-cta {
89    display: flex;
90    flex-direction: column;
91    align-items: center;
92    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
93    text-align: center;
94    width: 100%;
95    color: #ffffff;
96    font-size: 16px;
97}
98
99.gh-post-upgrade-cta-content {
100    border-radius: 8px;
101    padding: 40px 4vw;
102}
103
104.gh-post-upgrade-cta h2 {
105    color: #ffffff;
106    font-size: 28px;
107    letter-spacing: -0.2px;
108    margin: 0;
109    padding: 0;
110}
111
112.gh-post-upgrade-cta p {
113    margin: 20px 0 0;
114    padding: 0;
115}
116
117.gh-post-upgrade-cta small {
118    font-size: 16px;
119    letter-spacing: -0.2px;
120}
121
122.gh-post-upgrade-cta a {
123    color: #ffffff;
124    cursor: pointer;
125    font-weight: 500;
126    box-shadow: none;
127    text-decoration: underline;
128}
129
130.gh-post-upgrade-cta a:hover {
131    color: #ffffff;
132    opacity: 0.8;
133    box-shadow: none;
134    text-decoration: underline;
135}
136
137.gh-post-upgrade-cta a.gh-btn {
138    display: block;
139    background: #ffffff;
140    text-decoration: none;
141    margin: 28px 0 0;
142    padding: 8px 18px;
143    border-radius: 4px;
144    font-size: 16px;
145    font-weight: 600;
146}
147
148.gh-post-upgrade-cta a.gh-btn:hover {
149    opacity: 0.92;
150}</style>
151    
151<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="5575b5e95bb0cb30de96a24990" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://aulamusical.com/" data-locale="es" crossorigin="anonymous"></script>
151
152    
153    <link href="https://aulamusical.com/webmentions/receive/" rel="webmention">
154    
154<script defer src="/public/cards.min.js?v=75d7ebc817"></script>
154
155    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=75d7ebc817">
156    
156<script defer src="/public/member-attribution.min.js?v=75d7ebc817"></script>
156<style>:root {--ghost-accent-color: #25262b;}</style>
157    <!-- Google Anuncios -->
158<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6191866423671077"
159     crossorigin="anonymous"></script>
159
160<!-- Google tag (gtag.js)Google Analitics -->
vendor: 64 bytes, lines 160-161
160
161<script async src="https://www.googletagmanager.com/gtag/js?id=
161G-GCH3N3B7E2
vendor: 12 bytes, line 161
161"></script>
162<script>
163  
vendor: 134 bytes, lines 163-167
163window.dataLayer = window.dataLayer || [];
164  function gtag(){dataLayer.push(arguments);}
165  gtag('js', new Date());
166
167  gtag('config', '
167G-GCH3N3B7E2
vendor: 4 bytes, line 167
167');
168</script>
vendor: 1 bytes, line 168
168
169<script>
vendor: 399 bytes, lines 169-178
169
170!function(f,b,e,v,n,t,s)
171{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
172n.callMethod.apply(n,arguments):n.queue.push(arguments)};
173if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
174n.queue=[];t=b.createElement(e);t.async=!0;
175t.src=v;s=b.getElementsByTagName(e)[0];
176s.parentNode.insertBefore(t,s)}(window, document,'script',
177'https://connect.facebook.net/en_US/fbevents.js');
178fbq('init', '
178169547453058455
vendor: 30 bytes, lines 178-179
178');
179fbq('track', 'PageView');
180</script>
180
181<noscript><img height="1" width="1" style="display:none"
182src="https://www.facebook.com/tr?id=169547453058455&ev=PageView&noscript=1"
183/></noscript>
184
185<script type="application/ld+json">
186{
187  "@context": "https://schema.org",
188  "@type": "Person",
189  "name": "Luis Carlos Moreno Cardona",
190  "url": "https://aulamusical.com",
191  "image": "https://aulamusical.com/content/images/2023/04/AULAMUSICALpodcast2022-1.png",
192  "jobTitle": "Asesor de Proyectos de Educación Musical, Magíster en Artes Digitales y Docente Universitario",
193  "alumniOf": [
194    {
195      "@type": "EducationalOrganization",
196      "name": "Universidad de Antioquia"
197    },
198    {
199      "@type": "EducationalOrganization",
200      "name": "Instituto Tecnológico Metropolitano (ITM)"
201    }
202  ],
203  "affiliation": {
204    "@type": "EducationalOrganization",
205    "name": "Universidad de Antioquia"
206  },
207  "worksFor": {
208    "@type": "Organization",
209    "name": "AulaMusical",
210    "url": "https://aulamusical.com",
211    "sameAs": [
212      "https://www.youtube.com/channel/UCho7skCbLtMwC05Fjyv1gbw",
213      "https://www.youtube.com/@AulaMusical",
214      "https://www.instagram.com/aulamusical",
215      "https://www.facebook.com/aulamusical",
216      "https://www.tiktok.com/@AulaMusical",
217      "https://www.threads.net/@AulaMusical",
218      "https://x.com/aulamusical",
219      "https://www.linkedin.com/in/aulamusical"
220    ]
221  },
222  "knowsAbout": [
223    "Coordinación Académica y Procesos Educativos",
224    "Gestión de Proyectos Educativos y Culturales",
225    "Seguimiento y Reporte de Metas en Convenios",
226    "Alianzas Estratégicas y Sector Público",
227    "Plataformas Virtuales de Aprendizaje (LMS / Moodle)",
228    "Tecnologías Musicales para el Aprendizaje (TAC)",
229    "Desarrollo de Software Educativo y Automatización (Python)",
230    "AulaChord (Ecosistema para la Pedagogía Musical)",
231    "Software de Notación Musical (Dorico, MuseScore, Finale)",
232    "Edición de Audio y Producción Digital"
233  ],
234  "sameAs": [
235    "https://www.youtube.com/channel/UCho7skCbLtMwC05Fjyv1gbw",
236    "https://www.youtube.com/@AulaMusical",
237    "https://www.linkedin.com/in/aulamusical",
238    "https://www.instagram.com/aulamusical",
239    "https://www.facebook.com/aulamusical",
240    "https://www.tiktok.com/@AulaMusical",
241    "https://www.threads.net/@AulaMusical",
242    "https://x.com/aulamusical"
243  ]
244}
245</script>
245
246
247
248    <style>
249    /* Ancho de página ampliado */
250    .gh-canvas {
251        display: flex !important;
252        flex-direction: column !important;
253        max-width: 1000px !important;
254        width: 90% !important;
255        margin: 0 auto !important;
256        grid-template-columns: unset !important;
257    }
258
259    /* Tablas profesionales */
260    .gh-content table {
261        border-collapse: collapse;
262        width: 100%;
263        margin: 2em 0;
264        font-size: 0.95em;
265        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
266        border-radius: 8px;
267        overflow: hidden;
268        table-layout: auto;
269    }
270
271    @media (max-width: 700px) {
272        .gh-content table {
273            display: block;
274            overflow-x: auto;
275            white-space: nowrap;
276        }
277    }
278
279    .gh-content table thead tr {
280        background-color: #009879;
281        color: #ffffff;
282        text-align: left;
283        font-weight: bold;
284    }
285
286    .gh-content table th, .gh-content table td {
287        padding: 12px 15px;
288        border-bottom: 1px solid #dddddd;
289        vertical-align: top;
290    }
291
292    .gh-content td {
293        white-space: normal;
294        word-wrap: break-word;
295    }
296
297    .gh-content table tbody tr:nth-of-type(even) {
298        background-color: #f3f3f3;
299    }
300
301    .gh-content table tbody tr:last-of-type {
302        border-bottom: 2px solid #009879;
303    }
304
305    /* Teclas KBD estilo 3D */
306    kbd {
307        background-color: #fafafa;
308        border: 1px solid #c5c5c5;
309        border-bottom-color: #9e9e9e;
310        border-radius: 3px;
311        box-shadow: 0 2px 0 #9e9e9e, 0 3px 3px rgba(0,0,0,0.15);
312        color: #333;
313        display: inline-block;
314        font-size: 0.85em;
315        font-weight: 700;
316        line-height: 1;
317        padding: 4px 7px;
318        white-space: nowrap;
319        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
320        margin: 0 3px;
321        position: relative;
322        top: -2px;
323    }
324
325    kbd:active {
326        top: 1px;
327        box-shadow: 0 0 0 #9e9e9e;
328        transform: translateY(2px);
329    }
330
331    /* Ajustes generales */
332    .gh-content h1, .gh-content h2, .gh-content h3 { margin-top: 1.5em; }
333    .gh-content img { border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); max-width: 100%; height: auto; }
334
335    /* Foto de Perfil circular - Luis Carlos Moreno */
336    img[alt="Luis Carlos Moreno"] {
337        width: 190px !important;
338        height: 190px !important;
339        border-radius: 50% !important;
340        object-fit: cover !important;
341        box-shadow: 0 8px 20px rgba(0, 152, 121, 0.3) !important;
342        margin: 0 auto !important;
343        display: block !important;
344    }
345
346    /* --- ZONA LIBRE DE PUBLICIDAD --- */
347    html, body {
348        padding-top: 0 !important;
349        margin-top: 0 !important;
350    }
351
352    .google-auto-placed, .google-auto-placed-ap, .adsbygoogle,
353    .adsbygoogle-noablate, [id^="google_ads_"], [id^="div-gpt-ad"],
354    [id^="aswift_"], iframe[id^="google_ads_frame"], iframe[id^="aswift_"],
355    #google-anchor-ad-container, [id*="anchor"], [data-ad-client],
356    ins[data-ad-client], [id*="ad_interstitial"], [id*="google_vignette"],
357    .adContainer, .ad-container, .adsense-container {
358        display: none !important;
359        visibility: hidden !important;
360        height: 0 !important;
361        max-height: 0 !important;
362        overflow: hidden !important;
363        margin: 0 !important;
364        padding: 0 !important;
365        position: absolute !important;
366        top: -9999px !important;
367        left: -9999px !important;
368        width: 0 !important;
369        max-width: 0 !important;
370        opacity: 0 !important;
371        pointer-events: none !important;
372        border: none !important;
373        z-index: -9999 !important;
374    }
375
376    /* DARK MODE: Adaptaciones completas para secciones de clases */
377    @media (prefers-color-scheme: dark) {
378
379        /* === Fondos claros → oscuros === */
380        div[style*="background: #f8f9fa"],
381        div[style*="background: #f3f3f3"],
382        div[style*="background: #fafafa"],
383        div[style*="background: #f9f9f9"] {
384            background: #252525 !important;
385        }
386
387        div[style*="background: #f0fdf4"] {
388            background: #0a2a1a !important;
389            border-left-color: #00c896 !important;
390        }
391
392        div[style*="background: #faf4ff"] {
393            background: #1a0a2a !important;
394            border-left-color: #ab47bc !important;
395        }
396
397        div[style*="linear-gradient(160deg, #ede7f6"],
398        div[style*="linear-gradient(135deg, #e3f2fd"] {
399            background: linear-gradient(160deg, #1e1030 0%, #0d1a2a 100%) !important;
400        }
401
402        div[style*="linear-gradient(160deg, #e8f5e9"] {
403            background: linear-gradient(160deg, #0d2010 0%, #1a200a 100%) !important;
404        }
405
406        div[style*="linear-gradient(135deg, #e8f5e9"] {
407            background: linear-gradient(135deg, #1a2a1a 0%, #2a2a0a 100%) !important;
408        }
409
410        /* Borde de la barra de navegación anterior/siguiente */
411        div[style*="background: #f9f9f9"][style*="border: 1px solid #e1e1e1"] {
412            border-color: #3a3a3a !important;
413        }
414
415        /* === Tablas === */
416        .gh-content table tbody tr:nth-of-type(even) {
417            background-color: #2a2a2a !important;
418        }
419
420        .gh-content table th, .gh-content table td {
421            border-bottom: 1px solid #444 !important;
422        }
423
424        /* === Teclas KBD === */
425        kbd {
426            background-color: #3a3a3a !important;
427            border-color: #5a5a5a !important;
428            border-bottom-color: #707070 !important;
429            box-shadow: 0 2px 0 #707070, 0 3px 3px rgba(0,0,0,0.4) !important;
430            color: #e0e0e0 !important;
431        }
432
433        /* === Textos inline con colores oscuros → legibles en dark mode ===
434           Estos selectores capturan atributos style="...color: #XXX..." hardcodeados
435           en los archivos Markdown y en la barra de navegación generada por Python. */
436
437        /* Casi negro / negro → blanco suavizado */
438        .gh-content [style*="color: #222"],
439        .gh-content [style*="color: #333"] {
440            color: #e8e8e8 !important;
441        }
442
443        /* Gris oscuro → gris claro legible */
444        .gh-content [style*="color: #444"],
445        .gh-content [style*="color: #555"] {
446            color: #c8c8c8 !important;
447        }
448
449        /* Gris subtítulo → visible */
450        .gh-content [style*="color: #666"] {
451            color: #b8b8b8 !important;
452        }
453
454        /* Gris tenue → algo más visible */
455        .gh-content [style*="color: #888"],
456        .gh-content [style*="color: #999"] {
457            color: #9e9e9e !important;
458        }
459
460        /* Verde oscuro → verde legible sobre fondo oscuro */
461        .gh-content [style*="color: #1b5e20"],
462        .gh-content [style*="color: #2e7d32"] {
463            color: #81c784 !important;
464        }
465
466        /* Púrpura muy oscuro → lila claro */
467        .gh-content [style*="color: #4a148c"],
468        .gh-content [style*="color: #7b1fa2"] {
469            color: #ce93d8 !important;
470        }
471
472        /* Naranja oscuro → naranja cálido */
473        .gh-content [style*="color: #e65100"] {
474            color: #ffb74d !important;
475        }
476    }
477</style>
478
479<!-- Anti-Adsense Shield v2 -->
480<script>
481(function() {
482    'use strict';
483    try {
484        Object.defineProperty(window, 'adsbygoogle', {
485            get: function() { return { push: function() {} }; },
486            set: function() {},
487            configurable: false
488        });
489    } catch(e) {
490        window.adsbygoogle = { push: function() {} };
491    }
492    const AD_SELECTORS = [
493        '.adsbygoogle', '.google-auto-placed', '.google-auto-placed-ap',
494        '.adsbygoogle-noablate', 'ins.adsbygoogle', 'ins[data-ad-client]',
495        '[data-ad-client]', '[data-adsbygoogle-status]',
496        '[id^="google_ads_"]', '[id^="aswift_"]', '[id^="div-gpt-ad"]',
497        'iframe[id^="google_ads_frame"]', 'iframe[id^="aswift_"]',
498        '#google-anchor-ad-container', '[id*="google_vignette"]', '[id*="ad_interstitial"]',
499    ];
500    function nukeAds() {
501        AD_SELECTORS.forEach(function(selector) {
502            try { document.querySelectorAll(selector).forEach(function(el) { el.remove(); }); } catch(e) {}
503        });
504        [document.body, document.documentElement].forEach(function(el) {
505            if (el) {
506                el.style.setProperty('margin-top', '0px', 'important');
507                el.style.setProperty('padding-top', '0px', 'important');
508            }
509        });
510    }
511    var observer = new MutationObserver(function(mutations) {
512        var needsClean = false;
513        mutations.forEach(function(mutation) {
514            mutation.addedNodes.forEach(function(node) {
515                if (node.nodeType !== 1) return;
516                var isAd = (
517                    (node.className && typeof node.className === 'string' && (
518                        node.className.indexOf('adsbygoogle') !== -1 ||
519                        node.className.indexOf('google-auto-placed') !== -1
520                    )) ||
521                    node.hasAttribute('data-ad-client') ||
522                    node.hasAttribute('data-adsbygoogle-status') ||
523                    (node.id && (
524                        node.id.indexOf('google_ads_') === 0 ||
525                        node.id.indexOf('aswift_') === 0 ||
526                        node.id.indexOf('div-gpt-ad') === 0 ||
527                        node.id.indexOf('google_vignette') !== -1
528                    ))
529                );
530                if (isAd) { needsClean = true; node.remove(); }
531            });
532        });
533        if (needsClean) nukeAds();
534    });
535    function startObserver() {
536        observer.observe(document.documentElement, { childList: true, subtree: true, attributes: false });
537    }
538    nukeAds();
539    if (document.readyState === 'loading') {
540        document.addEventListener('DOMContentLoaded', function() { nukeAds(); startObserver(); });
541    } else {
542        startObserver();
543    }
544    window.addEventListener('load', nukeAds);
545    var pollCount = 0;
546    var pollTimer = setInterval(function() {
547        nukeAds(); pollCount++;
548        if (pollCount >= 5) clearInterval(pollTimer);
549    }, 3000);
550})();
551</script>
551
552
553<!-- WhatsApp Click-to-Reveal Protection v1 -->
554<!-- El número NUNCA aparece como cadena literal en HTML ni en JS.        -->
555<!-- Se almacena como array de códigos ASCII y se construye solo en click. -->
556<script>
557(function () {
558    'use strict';
559
560    // 5  7  3  1  1  7  7  0  4  4  6  8  → char codes
561    function _phone() {
562        return String.fromCharCode(53,55,51,49,49,55,55,48,52,52,54,56);
563    }
564
565    var _msgs = {
566        clases:      'Hola Luis, quiero información sobre las clases de armonía',
567        inscripcion: 'Hola Luis, quiero inscribirme a las clases',
568        programa:    'Hola Luis, quiero información sobre el programa de clases',
569        profesor:    'Hola Luis, vi tu perfil y me interesa una clase',
570    };
571
572    function initWaButtons() {
573        document.querySelectorAll('.wa-reveal-btn').forEach(function (btn) {
574            if (btn.dataset.waInit) return;
575            btn.dataset.waInit = 'true';
576
577            btn.addEventListener('click', function () {
578                if (btn.dataset.revealed === 'true') {
579                    var key = btn.dataset.msg || 'clases';
580                    var url = 'https://wa.me/' + _phone()
581                              + '?text=' + encodeURIComponent(_msgs[key] || 'Hola Luis');
582                    window.open(url, '_blank');
583                    setTimeout(function () {
584                        btn.dataset.revealed = 'false';
585                        btn.innerHTML = btn.dataset.origHtml;
586                        btn.style.background = '#25D366';
587                        btn.style.letterSpacing = '';
588                    }, 2000);
589                } else {
590                    if (!btn.dataset.origHtml) btn.dataset.origHtml = btn.innerHTML;
591                    btn.dataset.revealed = 'true';
592                    btn.innerHTML = '&#x1F4F2;  +57 311 770 · · · ·  — Confirmar →';
593                    btn.style.background = '#128C7E';
594                    btn.style.letterSpacing = '0.3px';
595                }
596            });
597        });
598    }
599
600    if (document.readyState === 'loading') {
601        document.addEventListener('DOMContentLoaded', initWaButtons);
602    } else {
603        initWaButtons();
604    }
605})();
606</script>
606
607
608
609<!-- Meta Pixel Base Code - Clases aulamusical.com -->
610<script>
vendor: 399 bytes, lines 610-619
610
611!function(f,b,e,v,n,t,s)
612{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
613n.callMethod.apply(n,arguments):n.queue.push(arguments)};
614if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
615n.queue=[];t=b.createElement(e);t.async=!0;
616t.src=v;s=b.getElementsByTagName(e)[0];
617s.parentNode.insertBefore(t,s)}(window, document,'script',
618'https://connect.facebook.net/en_US/fbevents.js');
619fbq('init', '
619169547453058455
vendor: 30 bytes, lines 619-620
619');
620fbq('track', 'PageView');
621</script>
621
622<noscript><img height="1" width="1" style="display:none"
623src="https://www.facebook.com/tr?id=169547453058455&ev=PageView&noscript=1"
624/></noscript>
625<!-- End Meta Pixel Base Code -->
626
627<!-- --- ANTI-ADSENSE SHIELD v2 (MutationObserver + Push Blocker) --- -->
628<script>
629(function() {
630    'use strict';
631
632    // ── 1. BLOQUEAR adsbygoogle.push() antes de que AdSense inicialice anuncios ──
633    try {
634        Object.defineProperty(window, 'adsbygoogle', {
635            get: function() { return { push: function() {} }; },
636            set: function() {},
637            configurable: false
638        });
639    } catch(e) {
640        window.adsbygoogle = { push: function() {} };
641    }
642
643    // ── 2. Selectores de todos los formatos de anuncio de AdSense conocidos ──
644    const AD_SELECTORS = [
645        '.adsbygoogle', '.google-auto-placed', '.google-auto-placed-ap', '.adsbygoogle-noablate',
646        'ins.adsbygoogle', 'ins[data-ad-client]', '[data-ad-client]', '[data-adsbygoogle-status]',
647        '[id^="google_ads_"]', '[id^="aswift_"]', '[id^="div-gpt-ad"]',
648        'iframe[id^="google_ads_frame"]', 'iframe[id^="aswift_"]',
649        '#google-anchor-ad-container', '[id*="google_vignette"]', '[id*="ad_interstitial"]',
650    ];
651
652    // ── 3. Función de limpieza del DOM ──
653    function nukeAds() {
654        AD_SELECTORS.forEach(function(selector) {
655            try {
656                document.querySelectorAll(selector).forEach(function(el) { el.remove(); });
657            } catch(e) {}
658        });
659        var resetTargets = [document.body, document.documentElement];
660        resetTargets.forEach(function(el) {
661            if (el) {
662                el.style.setProperty('margin-top', '0px', 'important');
663                el.style.setProperty('padding-top', '0px', 'important');
664            }
665        });
666    }
667
668    // ── 4. MutationObserver ──
669    var observer = new MutationObserver(function(mutations) {
670        var needsClean = false;
671        mutations.forEach(function(mutation) {
672            mutation.addedNodes.forEach(function(node) {
673                if (node.nodeType !== 1) return;
674                var isAd = (
675                    (node.className && typeof node.className === 'string' && (
676                        node.className.indexOf('adsbygoogle') !== -1 ||
677                        node.className.indexOf('google-auto-placed') !== -1
678                    )) ||
679                    node.hasAttribute('data-ad-client') ||
680                    node.hasAttribute('data-adsbygoogle-status') ||
681                    (node.id && (
682                        node.id.indexOf('google_ads_') === 0 ||
683                        node.id.indexOf('aswift_') === 0 ||
684                        node.id.indexOf('div-gpt-ad') === 0 ||
685                        node.id.indexOf('google_vignette') !== -1
686                    ))
687                );
688                if (isAd) {
689                    needsClean = true;
690                    node.remove();
691                }
692            });
693        });
694        if (needsClean) nukeAds();
695    });
696
697    function startObserver() {
698        observer.observe(document.documentElement, {
699            childList: true, subtree: true, attributes: false
700        });
701    }
702
703    // ── 5. Ejecución en cascada ──
704    nukeAds();
705    if (document.readyState === 'loading') {
706        document.addEventListener('DOMContentLoaded', function() {
707            nukeAds(); startObserver();
708        });
709    } else {
710        startObserver();
711    }
712    window.addEventListener('load', nukeAds);
713    var pollCount = 0;
714    var pollTimer = setInterval(function() {
715        nukeAds();
716        pollCount++;
717        if (pollCount >= 5) clearInterval(pollTimer);
718    }, 3000);
719})();
720</script>
720
721
722<!-- Meta Pixel Base Code - AulaChord -->
723<script>
vendor: 399 bytes, lines 723-732
723
724!function(f,b,e,v,n,t,s)
725{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
726n.callMethod.apply(n,arguments):n.queue.push(arguments)};
727if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
728n.queue=[];t=b.createElement(e);t.async=!0;
729t.src=v;s=b.getElementsByTagName(e)[0];
730s.parentNode.insertBefore(t,s)}(window, document,'script',
731'https://connect.facebook.net/en_US/fbevents.js');
732fbq('init', '
732169547453058455
vendor: 30 bytes, lines 732-733
732');
733fbq('track', 'PageView');
734</script>
734
735<noscript><img height="1" width="1" style="display:none"
736src="https://www.facebook.com/tr?id=169547453058455&ev=PageView&noscript=1"
737/></noscript>
738<script>
739if (typeof fbq === 'function') {
740    fbq('track', 'ViewContent', {
741        content_name: 'Blog AulaMusical',
742        content_category: 'Educacion Musical',
743        value: 0,
744        currency: 'USD'
745    });
746}
747</script>
747
748<!-- End Meta Pixel Base Code -->
749    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=inter:400,500,600|roboto:400,500,700"><style>:root {--gh-font-heading: Inter;--gh-font-body: Roboto;}</style>
750
751</head>
752<body class="page-template page-clases tag-clases tag-hash-clases-privadas tag-hash-es tag-educacion-musical tag-armonia tag-aulachord gh-font-heading-inter gh-font-body-roboto is-head-left-logo has-serif-title has-cover">
753<div class="viewport">
754
755    <header id="gh-head" class="gh-head outer">
756        <div class="gh-head-inner inner">
757            <div class="gh-head-brand">
758                <a class="gh-head-logo" href="https://aulamusical.com">
759                        <img src="https://aulamusical.com/content/images/2023/04/AULAMUSICALpodcast2022-1.png" alt="AulaMusical.com | Tecnología Musical y pedagogía ">
760                </a>
761                <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
762                <button class="gh-burger" aria-label="Main Menu"></button>
763            </div>
764
765            <nav class="gh-head-menu">
766                <ul class="nav">
767    <li class="nav-inicio"><a href="https://aulamusical.com/">Inicio</a></li>
768    <li class="nav-aulachord"><a href="https://aulamusical.com/AulaChord-info/">AulaChord</a></li>
769    <li class="nav-clases"><a href="https://aulamusical.com/Clases/">Clases</a></li>
770    <li class="nav-biblioteca"><a href="https://aulamusical.com/biblioteca/">Biblioteca</a></li>
771    <li class="nav-acerca-de"><a href="https://aulamusical.com/about/">Acerca de...</a></li>
772</ul>
773
774            </nav>
775
776            <div class="gh-head-actions">
777                    <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
778                    <div class="gh-head-members">
779                                <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Iniciar sesión</a>
780                                <a class="gh-head-button" href="#/portal/signup" data-portal="signup">Suscribirse</a>
781                    </div>
782            </div>
783        </div>
784    </header>
785
786    <div class="site-content">
787        
788
789
790
791<main id="site-main" class="site-main">
792<article class="article post tag-clases tag-hash-clases-privadas tag-hash-es tag-educacion-musical tag-armonia tag-aulachord no-image">
793
794        <header class="article-header gh-canvas">
795
796            <h1 class="article-title">Clases de Armonía y Software Musical — Luis Carlos Moreno</h1>
797
798
799        </header>
800
801    <section class="gh-content gh-canvas">
802        <!-- Mentoría Privada de Armonía, AulaChord y Software Musical · aulamusical.com/clases/ -->
803<div style="text-align: center; padding: 52px 24px 48px 24px; background: linear-gradient(135deg, #060608 0%, #0b1535 55%, #14306e 100%); border-radius: 16px; margin-bottom: 48px; box-shadow: 0 8px 32px rgba(10,20,80,0.45);">
804<p style="color: rgba(255,255,255,0.7); font-size: 0.8em; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 16px 0;">Mentoría Privada · Online · En Español</p>
805<h2 style="color: #ffffff; font-size: 2.4em; margin: 0 0 18px 0; font-weight: 900; line-height: 1.15; text-shadow: 0 2px 12px rgba(0,0,0,0.25);">Mentoría y Asesoría Técnica<br>para Músicos, Docentes<br>y Arreglistas</h2>
806<p style="color: rgba(255,255,255,0.88); font-size: 1.12em; max-width: 580px; margin: 0 auto 12px auto; line-height: 1.7;">Acelera tu flujo de trabajo, desbloquea ese proyecto estancado y sal de cada sesión con un problema resuelto — no con más tarea pendiente.</p>
807<p style="color: rgba(255,255,255,0.65); font-size: 0.92em; max-width: 520px; margin: 0 auto 32px auto; line-height: 1.6;">Con <strong style="color: #fff;">Luis Carlos Moreno</strong> — compositor, docente universitario y creador de AulaChord.</p>
808<button class="wa-reveal-btn" data-msg="clases" style="display: inline-block; background: #25D366; color: #fff; font-weight: 800; padding: 16px 40px; border-radius: 50px; border: none; cursor: pointer; font-size: 1.05em; font-family: inherit; box-shadow: 0 4px 20px rgba(37,211,102,0.35); margin-bottom: 16px;">💬 Escribir por WhatsApp</button>
809<br>
810<a href="#clases-para-ti" onclick="document.getElementById('clases-para-ti').scrollIntoView({behavior:'smooth'}); return false;" style="color: rgba(255,255,255,0.6); font-size: 0.88em; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 2px;">Ver el programa ↓</a>
811</div>
812<hr>
813<h2 id="%C2%BFa-qu%C3%A9-ritmo-deseas-ir">¿A qué ritmo deseas ir?</h2>
814<p>Tu objetivo define el ritmo y el enfoque de la sesión. Identifícate con uno de estos dos perfiles:</p>
815<div style="display: flex; flex-wrap: wrap; gap: 24px; margin: 32px 0;">
816<div style="flex: 1; min-width: 260px; background: linear-gradient(160deg, #ede7f6 0%, #e3f2fd 100%); border-radius: 14px; padding: 28px; border-left: 5px solid #7b1fa2;">
817<div style="font-size: 2.4em; margin-bottom: 10px;">🎵</div>
818<h3 style="color: #4a148c; margin: 0 0 10px 0; font-size: 1.1em; font-weight: 800;">Exploración Creativa</h3>
819<p style="color: #444; font-size: 0.95em; line-height: 1.65; margin: 0 0 14px 0;">La música te fascina y quieres entender <em>por qué</em> un acorde suena como suena. Prefieres avanzar a tu ritmo, sin perderte ningún detalle, y disfrutar del proceso sin presión de resultados.</p>
820<ul style="color: #555; font-size: 0.9em; line-height: 1.9; padding-left: 18px; margin: 0;">
821<li>Avanzas a tu propio ritmo</li>
822<li>Contexto general y específico para cada concepto</li>
823<li>Disfrute del proceso, sin presión de entrega</li>
824</ul>
825</div>
826<div style="flex: 1; min-width: 260px; background: linear-gradient(160deg, #e8f5e9 0%, #f9fbe7 100%); border-radius: 14px; padding: 28px; border-left: 5px solid #2e7d32;">
827<div style="font-size: 2.4em; margin-bottom: 10px;">🎯</div>
828<h3 style="color: #1b5e20; margin: 0 0 10px 0; font-size: 1.1em; font-weight: 800;">Soluciones con Urgencia</h3>
829<p style="color: #444; font-size: 0.95em; line-height: 1.65; margin: 0 0 14px 0;">Eres docente, arreglista o compositor con un objetivo concreto: un arreglo estancado que debes entregar, un software que no dominas, o un bloqueo técnico que necesitas resolver <em>hoy</em>.</p>
830<ul style="color: #555; font-size: 0.9em; line-height: 1.9; padding-left: 18px; margin: 0;">
831<li>Entrada directa al problema desde el inicio</li>
832<li><strong style="color: #1b5e20;">Sales con el problema resuelto</strong> — no con tarea</li>
833<li>Comprensión aplicable a futuros casos similares</li>
834</ul>
835</div>
836</div>
837<hr>
838<h2 id="los-3-ejes-de-acompa%C3%B1amiento">Los 3 ejes de acompañamiento</h2>
839<p>Puedes trabajar uno o combinar los tres. Son complementarios y en el Diagnóstico gratuito definimos cuál es tu punto de entrada.</p>
840<div style="display: flex; flex-wrap: wrap; gap: 24px; margin: 32px 0;">
841<div style="flex: 1; min-width: 240px; background: #f8f9fa; border-radius: 14px; padding: 28px; border-top: 5px solid #7b1fa2; box-shadow: 0 2px 12px rgba(0,0,0,0.05);">
842<h3 style="color: #7b1fa2; margin: 0 0 6px 0; font-size: 1.1em; font-weight: 800;">🎼 Armonía Aplicada</h3>
843<p style="color: #888; font-size: 0.78em; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 14px 0;">Teoría aplicada sin rodeos</p>
844<p style="color: #444; font-size: 0.93em; line-height: 1.65; margin: 0 0 16px 0;">Desde la construcción de acordes y la fricción acústica hasta tonalidad extendida, armonía paralela, intercambio modal y tensiones en el jazz moderno. Conceptos aplicables al pentagrama o al DAW desde la primera sesión.</p>
845<p style="color: #7b1fa2; font-weight: 700; font-size: 0.88em; margin: 0;">26 temas · Desde cero → Avanzado</p>
846</div>
847<div style="flex: 1; min-width: 240px; background: #f8f9fa; border-radius: 14px; padding: 28px; border-top: 5px solid #009879; box-shadow: 0 2px 12px rgba(0,0,0,0.05);">
848<h3 style="color: #009879; margin: 0 0 6px 0; font-size: 1.1em; font-weight: 800;">🖥️ AulaChord</h3>
849<p style="color: #888; font-size: 0.78em; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 14px 0;">Dominio total de la herramienta</p>
850<p style="color: #444; font-size: 0.93em; line-height: 1.65; margin: 0 0 16px 0;">Atajos de teclado, paneles ocultos, AI Assistant, Modo Intérprete para clases, Smart Paste, Laboratorio de Voicings y exportación profesional a tu editor de partituras favorito.</p>
851<p style="color: #009879; font-weight: 700; font-size: 0.88em; margin: 0;">19 temas · Técnico · Desde nivel básico</p>
852</div>
853<div style="flex: 1; min-width: 240px; background: #f8f9fa; border-radius: 14px; padding: 28px; border-top: 5px solid #e65100; box-shadow: 0 2px 12px rgba(0,0,0,0.05);">
854<h3 style="color: #e65100; margin: 0 0 6px 0; font-size: 1.1em; font-weight: 800;">🎛️ Software de Notación y Audio</h3>
855<p style="color: #888; font-size: 0.78em; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 14px 0;">Optimización de flujos de trabajo</p>
856<p style="color: #444; font-size: 0.93em; line-height: 1.65; margin: 0 0 16px 0;">Trabajas con Finale, Dorico o MuseScore — el que ya usas o el que quieres dominar. 9 módulos progresivos desde la configuración hasta la exportación profesional. Las equivalencias entre programas quedan como referencia para quien necesite migrar.</p>
857<p style="color: #e65100; font-weight: 700; font-size: 0.88em; margin: 0;">Solución directa a bloqueos técnicos</p>
858</div>
859</div>
860<p>→ <strong><a href="https://aulamusical.com/clases-programa/">Ver el programa completo y los temas de cada módulo →</a></strong></p>
861<hr>
862<h2 id="el-proceso-en-3-pasos">El proceso en 3 pasos</h2>
863<div style="display: flex; flex-wrap: wrap; gap: 16px; margin: 32px 0;">
864<div style="flex: 1; min-width: 200px; text-align: center; padding: 28px 20px; background: #f8f9fa; border-radius: 14px;">
865<div style="width: 52px; height: 52px; background: linear-gradient(135deg, #009879, #00695c); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 900; font-size: 1.4em; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(0,152,121,0.3);">1</div>
866<h4 style="color: #222; margin: 0 0 10px 0; font-weight: 700;">Escríbeme por WhatsApp</h4>
867<p style="color: #666; font-size: 0.9em; line-height: 1.55; margin: 0;">Definimos tu perfil, el eje que más te conviene y la tarifa. Cada caso se evalúa con un principio de equidad adquisitiva.
867</p>
868</div>
869<div style="flex: 1; min-width: 200px; text-align: center; padding: 28px 20px; background: #f8f9fa; border-radius: 14px;">
870<div style="width: 52px; height: 52px; background: linear-gradient(135deg, #009879, #00695c); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 900; font-size: 1.4em; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(0,152,121,0.3);">2</div>
871<h4 style="color: #222; margin: 0 0 10px 0; font-weight: 700;">Pago + Diagnóstico gratuito</h4>
872<p style="color: #666; font-size: 0.9em; line-height: 1.55; margin: 0;">Con el primer pago confirmado recibes un enlace para agendar un <strong>Diagnóstico gratuito de 20 minutos</strong> que traza la ruta exacta de trabajo para tu sesión.</p>
873</div>
874<div style="flex: 1; min-width: 200px; text-align: center; padding: 28px 20px; background: #f8f9fa; border-radius: 14px;">
875<div style="width: 52px; height: 52px; background: linear-gradient(135deg, #009879, #00695c); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 900; font-size: 1.4em; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(0,152,121,0.3);">3</div>
876<h4 style="color: #222; margin: 0 0 10px 0; font-weight: 700;">Sesión enfocada de 60 min</h4>
877<p style="color: #666; font-size: 0.9em; line-height: 1.55; margin: 0;">Un objetivo claro. Sin improvisar. Sales con ese bloqueo resuelto — un arreglo destrabado, un flujo de software configurado o un concepto dominado. A partir de la segunda sesión puedes reservar un cupo fijo.</p>
878</div>
879</div>
880<hr>
881<h2 id="aspectos-que-protegen-tu-inversi%C3%B3n">Aspectos que protegen tu inversión</h2>
882<div style="display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0;">
883<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
884<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">🎁 Diagnóstico gratuito</p>
885<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">Con el pago de tu primera sesión de 60 minutos recibes adicionalmente una videollamada previa de 20 minutos sin costo para concretar tu perfil y trazar la ruta exacta de trabajo.</p>
886</div>
887<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
888<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">🎬 Sesión confidencial</p>
889<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">La clase completa no se graba — eso crea un espacio sin juicios para preguntar sin filtros. Los fragmentos más concretos (demostraciones, síntesis de un concepto, un ejercicio clave) pueden quedar grabados como referencia personal.</p>
890</div>
891<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
892<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">📁 Material de repaso</p>
893<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">Según el perfil y el avance de cada sesión puedes recibir capturas de pantalla y notas elaboradas por el profesor, pensadas para consolidar lo trabajado.</p>
894</div>
895<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
896<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">⏱️ Puntualidad</p>
897<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">Aprovecha al máximo tu tiempo agendado. La puntualidad de ambas partes garantiza que exprimas cada minuto de tu inversión.</p>
898</div>
899<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
900<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">📅 Cancelaciones</p>
901<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">Puedes reagendar una sesión con hasta 24 horas de antelación, conservando el valor de la sesión para reprogramarla.</p>
902</div>
903<div style="flex: 1; min-width: 260px; background: #f8f9fa; border-radius: 12px; padding: 22px 24px; border-left: 4px solid #009879;">
904<p style="margin: 0 0 6px 0; font-weight: 700; color: #222; font-size: 0.95em;">💻 Tu setup listo</p>
905<p style="margin: 0; color: #555; font-size: 0.88em; line-height: 1.6;">Recomendable tener el software, el audio configurado y la conexión estable para aprovechar al máximo el tiempo de la sesión.</p>
906</div>
907</div>
908<p>→ <strong><a href="https://aulamusical.com/clases-inscripcion/">Ver el proceso completo de inscripción →</a></strong></p>
909<hr>
910<h2 id="preguntas-frecuentes">Preguntas frecuentes</h2>
911<style>
912.faq-clases-container {
913    margin: 30px 0;
914    width: 100%;
915}
916.faq-clases-item {
917    background: #ffffff;
918    border: 1px solid #e0e0e0;
919    border-radius: 10px;
920    margin-bottom: 10px;
921    overflow: hidden;
922    transition: all 0.3s ease;
923}
924.faq-clases-item:hover {
925    border-color: #009879;
926    box-shadow: 0 2px 10px rgba(0,152,121,0.12);
927}
928.faq-clases-item summary {
929    padding: 18px 20px;
930    font-size: 1em;
931    font-weight: 600;
932    color: #2c3e50;
933    cursor: pointer;
934    list-style: none;
935    display: flex;
936    justify-content: space-between;
937    align-items: center;
938    user-select: none;
939    gap: 12px;
940}
941.faq-clases-item summary::-webkit-details-marker {
942    display: none;
943}
944.faq-clases-item summary::after {
945    content: '▼';
946    font-size: 0.75em;
947    color: #009879;
948    transition: transform 0.3s ease;
949    flex-shrink: 0;
950}
951.faq-clases-item[open] summary::after {
952    transform: rotate(-180deg);
953}
954.faq-clases-item[open] summary {
955    color: #009879;
956    border-bottom: 1px solid #e8f5e9;
957}
958.faq-clases-answer {
959    padding: 16px 20px 20px 20px;
960    color: #555;
961    line-height: 1.7;
962    font-size: 0.95em;
963    animation: fadeInFaq 0.25s ease;
964}
965.faq-clases-answer strong {
966    color: #222;
967}
968.faq-clases-answer a {
969    color: #009879;
970    font-weight: 600;
971}
972@keyframes fadeInFaq {
973    from { opacity: 0; transform: translateY(-6px); }
974    to { opacity: 1; transform: translateY(0); }
975}
976@media (prefers-color-scheme: dark) {
977    .faq-clases-item {
978        background: #1e1e1e;
979        border-color: #333;
980    }
981    .faq-clases-item:hover {
982        border-color: #009879;
983        box-shadow: 0 2px 10px rgba(0,152,121,0.2);
984    }
985    .faq-clases-item summary {
986        color: #e0e0e0;
987    }
988    .faq-clases-item[open] summary {
989        color: #4db6ac;
990        border-bottom-color: #2a2a2a;
991    }
992    .faq-clases-item summary::after {
993        color: #4db6ac;
994    }
995    .faq-clases-answer {
996        color: #b0b0b0;
997    }
998    .faq-clases-answer strong {
999        color: #ffffff;
1000    }
1001    .faq-clases-answer a {
1002        color: #4db6ac;
1003    }
1004}
1005</style>
1006<div class="faq-clases-container">
1007<details class="faq-clases-item">
1008<summary>¿Qué nivel necesito para tomar las clases?</summary>
1009<div class="faq-clases-answer">
1010Las clases se adaptan a tu punto de partida. Si estás empezando, avanzamos a tu ritmo desde los fundamentos. El Curso de Armonía llega a contenido avanzado (intercambio modal, sustituciones, orquestación), por lo que quien tenga base previa avanzará más rápido. El Curso de AulaChord es accesible desde nivel básico. Para los ejes de software de notación y audio tampoco hay nivel mínimo requerido.
1011</div>
1012</details>
1013<details class="faq-clases-item">
1014<summary>¿Son clases en vivo o grabadas?</summary>
1015<div class="faq-clases-answer">
1016Son sesiones en vivo, uno a uno, por videollamada. No hay cursos pregrabados disponibles.
1017</div>
1018</details>
1019<details class="faq-clases-item">
1020<summary>¿Puedo mezclar los tres ejes en una misma sesión?</summary>
1021<div class="faq-clases-answer">
1022Depende del perfil. Si eres del perfil <strong>Exploración Creativa</strong> puedes ir conectando temas de forma natural. Si eres del perfil <strong>Soluciones con Urgencia</strong>, lo ideal es que la sesión tenga un único objetivo concreto para aprovechar al máximo el tiempo. Lo definimos juntos en el Diagnóstico gratuito.
1023</div>
1024</details>
1025<details class="faq-clases-item">
1026<summary>¿Cómo se determina el precio?</summary>
1027<div class="faq-clases-answer">
1028Mediante paridad adquisitiva: la tarifa se indexa al costo de vida de tu <strong>país de residencia</strong>, no de tu nacionalidad. Se define en el primer contacto por WhatsApp.
1029</div>
1030</details>
1031<details class="faq-clases-item">
1032<summary>¿Cuál es el medio de pago?</summary>
1033<div class="faq-clases-answer">
1034Para Colombia: botón Wompi con múltiples opciones de pago en pesos colombianos. Para otros países: opciones en USD. Estos se acuerdan en el primer contacto por WhatsApp.
1035</div>
1036</details>
1037<details class="faq-clases-item">
1038<summary>¿Qué pasa si no tengo un proyecto concreto?</summary>
1039<div class="faq-clases-answer">
1040Si eliges el perfil de <strong>Exploración Creativa</strong>, no es necesario: el material de trabajo lo definimos juntos en el Diagnóstico gratuito. Si eres del perfil <strong>Soluciones con Urgencia</strong>, sí debes anunciar previamente un problema o proyecto concreto.
1041</div>
1042</details>
1043<details class="faq-clases-item">
1044<summary>¿Necesito tener AulaChord instalado?</summary>
1045<div class="faq-clases-answer">
1046Solo para el eje de AulaChord. Descárgalo desde la <a href="https://aulamusical.com/aulachord/">página oficial del software</a> antes de la primera sesión. Para las clases de armonía, el profesor usará AulaChord como interfaz de clase — no es necesario que lo tengas instalado. Si tienes interés en adquirirlo, puedes hacerlo después de un par de sesiones: así te aseguras de que el software se ajusta a tus necesidades antes de comprarlo.
1047</div>
1048</details>
1049<details class="faq-clases-item">
1050<summary>¿Trabajas con Dorico, MuseScore u otros editores de partituras?</summary>
1051<div class="faq-clases-answer">
1052Sí. El eje de <strong>Software de Notación y Audio</strong> cubre Dorico, MuseScore, Finale, Audacity y Reaper, con enfoque en configuración, optimización de flujos de trabajo y diagramación. Si tienes un software específico con el que trabajas y no está en la lista, consúltame por WhatsApp.
1053</div>
1054</details>
1055</div>
1056<hr>
1057<div style="text-align: center; padding: 48px 24px; background: linear-gradient(135deg, #004d40 0%, #009879 100%); border-radius: 16px; margin-top: 48px; box-shadow: 0 8px 32px rgba(0,152,121,0.2);">
1058<h2 style="color: #fff; margin: 0 0 12px 0; font-size: 1.7em; font-weight: 800;">¿Listo para salir de ese bloqueo hoy?</h2>
1059<p style="color: rgba(255,255,255,0.9); font-size: 1.05em; line-height: 1.6; margin: 0 auto 32px auto; max-width: 520px;">Escríbeme por WhatsApp. En menos de 24 horas definimos tu ruta, tu tarifa y la fecha de tu primera sesión.</p>
1060<button class="wa-reveal-btn" data-msg="clases" style="display: inline-block; background: #25D366; color: #fff; font-weight: 800; padding: 16px 40px; border-radius: 50px; border: none; cursor: pointer; font-size: 1.05em; font-family: inherit; margin-right: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.2); transition: background 0.25s;">💬 WhatsApp</button>
1061<a href="https://aulamusical.com/clases-profesor/" style="display: inline-block; background: rgba(255,255,255,0.15); color: #fff; font-weight: 600; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-size: 0.95em; border: 2px solid rgba(255,255,255,0.4);">Conoce al profesor →</a>
1062</div>
1063
1064    </section>
1065
1066</article>
1067</main>
1068
1069
1070    </div>
1071
1072    <footer class="site-footer outer">
1073        <div class="inner">
1074            <section class="copyright"><a href="https://aulamusical.com">AulaMusical.com | Tecnología Musical y pedagogía </a> &copy; 2026</section>
1075            <div class="site-footer-center">
1076                <div class="site-footer-social-links">
1077                        <a href="https://x.com/aulamusical" target="_blank" rel="noopener" aria-label="X">
1078<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1079    <path d="M18.2439 2.25H21.5519L14.3249 10.51L22.8269 21.75H16.1699L10.9559 14.933L4.98991 21.75H1.67991L9.40991 12.915L1.25391 2.25H8.07991L12.7929 8.481L18.2439 2.25ZM17.0829 19.77H18.9159L7.08391 4.126H5.11691L17.0829 19.77Z" fill="currentColor"/>
1080</svg>                        </a>
1081                        <a href="https://www.facebook.com/aulamusical" target="_blank" rel="noopener" aria-label="Facebook">
1082<svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"/></svg>                        </a>
1083                        <a href="https://www.linkedin.com/in/aulamusical" target="_blank" rel="noopener" aria-label="LinkedIn">
1084<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1085    <path d="M22.2 0H1.8C1.32261 0 0.864773 0.18964 0.527213 0.527213C0.18964 0.864773 0 1.32261 0 1.8V22.2C0 22.6773 0.18964 23.1352 0.527213 23.4728C0.864773 23.8104 1.32261 24 1.8 24H22.2C22.6773 24 23.1352 23.8104 23.4728 23.4728C23.8104 23.1352 24 22.6773 24 22.2V1.8C24 1.32261 23.8104 0.864773 23.4728 0.527213C23.1352 0.18964 22.6773 0 22.2 0ZM7.2 20.4H3.6V9.6H7.2V20.4ZM5.4 7.5C4.98741 7.48821 4.58747 7.35509 4.25011 7.11729C3.91275 6.87949 3.65293 6.54755 3.50316 6.16293C3.35337 5.77832 3.32025 5.35809 3.40793 4.95476C3.4956 4.55144 3.7002 4.18288 3.99613 3.89517C4.29208 3.60745 4.66624 3.41332 5.07188 3.33704C5.47752 3.26075 5.89664 3.30569 6.27688 3.46625C6.65712 3.6268 6.98163 3.89585 7.20983 4.23977C7.43804 4.58371 7.55983 4.98725 7.56 5.4C7.55052 5.96441 7.318 6.50213 6.91327 6.89564C6.50852 7.28913 5.96447 7.50643 5.4 7.5ZM20.4 20.4H16.8V14.712C16.8 13.008 16.08 12.396 15.144 12.396C14.8696 12.4143 14.6015 12.4865 14.3551 12.6088C14.1087 12.7309 13.8888 12.9007 13.7081 13.108C13.5276 13.3155 13.3896 13.5565 13.3024 13.8173C13.2152 14.0781 13.1804 14.3536 13.2 14.628C13.194 14.6839 13.194 14.7401 13.2 14.796V20.4H9.6V9.6H13.08V11.16C13.4311 10.626 13.9133 10.1911 14.4807 9.89693C15.048 9.6028 15.6813 9.4592 16.32 9.48C18.18 9.48 20.352 10.512 20.352 13.872L20.4 20.4Z" fill="currentColor"/>
1086</svg>                        </a>
1087                        <a href="https://www.threads.net/@AulaMusical" target="_blank" rel="noopener" aria-label="Threads">
1088<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1089    <path d="M17.5609 11.1236C17.4575 11.074 17.3526 11.0263 17.2462 10.9806C17.0611 7.56727 15.1967 5.61312 12.0661 5.59312C12.0519 5.59304 12.0379 5.59304 12.0237 5.59304C10.1512 5.59304 8.59388 6.39262 7.63537 7.84759L9.35708 9.0291C10.0732 7.94229 11.1969 7.7106 12.0245 7.7106C12.034 7.7106 12.0436 7.7106 12.0531 7.71068C13.0839 7.71726 13.8618 8.01708 14.3652 8.60175C14.7315 9.02742 14.9765 9.61563 15.0978 10.3579C14.1839 10.2026 13.1956 10.1548 12.139 10.2155C9.16261 10.387 7.24916 12.1235 7.37767 14.5365C7.44288 15.7605 8.05242 16.8135 9.09393 17.5014C9.97446 18.0829 11.1087 18.3673 12.2874 18.3029C13.844 18.2175 15.0652 17.6234 15.9171 16.5371C16.564 15.712 16.9732 14.6429 17.154 13.2958C17.8957 13.7436 18.4455 14.333 18.7492 15.0414C19.2655 16.2459 19.2956 18.225 17.6814 19.8385C16.267 21.2521 14.5669 21.8635 11.9976 21.8824C9.14756 21.8613 6.9921 20.9468 5.59068 19.1646C4.27836 17.4958 3.60015 15.0852 3.57484 12C3.60015 8.91472 4.27836 6.5042 5.59068 4.83533C6.9921 3.05312 9.14752 2.13875 11.9976 2.11756C14.8684 2.13891 17.0614 3.05767 18.5164 4.8485C19.2299 5.7267 19.7677 6.8311 20.1224 8.11879L22.14 7.58028C21.7102 5.99527 21.0338 4.62946 20.1135 3.49675C18.248 1.20083 15.5199 0.024398 12.0046 0H11.9906C8.48249 0.0243044 5.78485 1.20522 3.97257 3.50991C2.3599 5.5608 1.52804 8.41446 1.50008 11.9916L1.5 12L1.50008 12.0084C1.52804 15.5855 2.3599 18.4393 3.97257 20.4901C5.78485 22.7947 8.48249 23.9758 11.9906 24H12.0046C15.1235 23.9783 17.3219 23.1615 19.1329 21.3513C21.5024 18.9833 21.431 16.0149 20.6501 14.1927C20.0898 12.8859 19.0216 11.8245 17.5609 11.1236ZM12.1759 16.1884C10.8715 16.2619 9.51623 15.6761 9.44937 14.4215C9.39984 13.4913 10.1111 12.4533 12.256 12.3296C12.5016 12.3154 12.7427 12.3085 12.9794 
108912.3085C13.7585 12.3085 14.4874 12.3842 15.1499 12.5292C14.9028 15.6169 13.4532 16.1183 12.1759 16.1884Z" fill="currentColor"/>
1090</svg>
1091                        </a>
1092                        <a href="https://www.tiktok.com/@AulaMusical" target="_blank" rel="noopener" aria-label="TikTok">
1093<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1094    <path d="M10.1891 8.937V13.059C9.66997 12.9221 9.12673 12.9034 8.59942 13.0044C8.07212 13.1054 7.57419 13.3234 7.14234 13.6424C6.7105 13.9613 6.35575 14.3732 6.10423 14.8475C5.85272 15.3218 5.71085 15.8466 5.6891 16.383C5.65937 16.8449 5.72887 17.3078 5.89293 17.7405C6.057 18.1733 6.31182 18.5659 6.64027 18.892C6.96872 19.2181 7.36318 19.4701 7.79713 19.631C8.23108 19.7919 8.69446 19.8581 9.1561 19.825C9.62242 19.8608 10.0909 19.7949 10.5293 19.6319C10.9677 19.4689 11.3654 19.2126 11.6951 18.8809C12.0247 18.5491 12.2784 18.1498 12.4387 17.7104C12.5989 17.271 12.6618 16.8021 12.6231 16.336V0H16.7001C17.3931 4.315 19.5511 5.316 22.4401 5.778V9.913C20.438 9.74881 18.5067 9.09645 16.8151 8.013V16.18C16.8151 19.88 14.6251 24 9.1881 24C8.16806 23.9955 7.15918 23.7875 6.22058 23.3881C5.28199 22.9886 4.43258 22.4059 3.72213 21.6739C3.01168 20.942 2.4545 20.0755 2.08325 19.1254C1.712 18.1754 1.53414 17.1607 1.5601 16.141C1.59241 15.0794 1.84936 14.0366 2.31401 13.0815C2.77866 12.1265 3.44047 11.2807 4.2558 10.6C5.07114 9.9193 6.02148 9.41915 7.0442 9.1325C8.06691 8.84586 9.13876 8.77923 10.1891 8.937Z" fill="currentColor"/>
1095</svg>                        </a>
1096                        <a href="https://www.youtube.com/@AulaMusical" target="_blank" rel="noopener" aria-label="YouTube">
1097<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1098    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3763 2.59736C22.4096 2.92662 23.2216 3.89324 23.4982 5.12324C23.9979 7.35042 24 12 24 12C24 12 24 16.6496 23.4982 18.8768C23.2216 20.1068 22.4096 21.0734 21.3763 21.4026C19.5055 22 12 22 12 22C12 22 4.49456 22 2.62363 21.4026C1.59039 21.0734 0.7784 20.1068 0.501806 18.8768C0 16.6496 0 12 0 12C0 12 0 7.35042 0.501806 5.12324C0.7784 3.89324 1.59039 2.92662 2.62363 2.59736C4.49456 2 12 2 12 2C12 2 19.5055 2 21.3763 2.59736ZM16.0153 12.0004L9.48326 15.8822V8.11841L16.0153 12.0004Z" fill="currentColor"/>
1099</svg>                        </a>
1100                        <a href="https://www.instagram.com/aulamusical" target="_blank" rel="noopener" aria-label="Instagram">
1101<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1102    <path d="M12 2.982C14.937 2.982 15.285 2.993 16.445 3.046C17.1424 3.05412 17.8331 3.18233 18.487 3.425C18.965 3.60111 19.3973 3.88237 19.752 4.248C20.1176 4.60269 20.3989 5.035 20.575 5.513C20.8177 6.16685 20.9459 6.85762 20.954 7.555C21.007 8.715 21.018 9.063 21.018 12C21.018 14.937 21.007 15.285 20.954 16.445C20.9459 17.1424 20.8177 17.8331 20.575 18.487C20.3919 18.9615 20.1116 19.3924 19.752 19.752C19.3924 20.1116 18.9615 20.3919 18.487 20.575C17.8331 20.8177 17.1424 20.9459 16.445 20.954C15.285 21.007 14.937 21.018 12 21.018C9.063 21.018 8.715 21.007 7.555 20.954C6.85762 20.9459 6.16685 20.8177 5.513 20.575C5.035 20.3989 4.60269 20.1176 4.248 19.752C3.88237 19.3973 3.60111 18.965 3.425 18.487C3.18233 17.8331 3.05412 17.1424 3.046 16.445C2.993 15.285 2.982 14.937 2.982 12C2.982 9.063 2.993 8.715 3.046 7.555C3.05412 6.85762 3.18233 6.16685 3.425 5.513C3.60111 5.035 3.88237 4.60269 4.248 4.248C4.60269 3.88237 5.035 3.60111 5.513 3.425C6.16685 3.18233 6.85762 3.05412 7.555 3.046C8.715 2.993 9.063 2.982 12 2.982ZM12 1C9.013 1 8.638 1.013 7.465 1.066C6.55258 1.08486 5.6499 1.25762 4.795 1.577C4.06355 1.86017 3.3994 2.29319 2.84521 2.84824C2.29102 3.40329 1.85904 4.06811 1.577 4.8C1.25762 5.6549 1.08486 6.55758 1.066 7.47C1.013 8.638 1 9.013 1 12C1 14.987 1.013 15.362 1.066 16.535C1.08486 17.4474 1.25762 18.3501 1.577 19.205C1.86017 19.9365 2.29319 20.6006 2.84824 21.1548C3.40329 21.709 4.06811 22.141 4.8 22.423C5.6549 22.7424 6.55758 22.9151 7.47 22.934C8.638 22.987 9.013 23 12 23C14.987 23 15.362 22.987 16.535 22.934C17.4474 22.9151 18.3501 22.7424 19.205 22.423C19.9365 22.1398 20.6006 21.7068 21.1548 21.1518C21.709 20.5967 22.141 19.9319 22.423 19.2C22.7424 18.3451 22.9151 17.4424 22.934 16.53C22.987 15.362 23 14.987 23 12C23 9.013 22.987 8.638 22.934 7.465C22.9151 6.55258 22.7424 5.6499 22.423 4.795C22.1398 4.06355 21.7068 3.3994 21.1518 2.84521C20.5967 2.29102 19.9319 1.85904 19.2 1.577C18.3451 1.25762 17.4424 1.08486 16.53 1.066C15.362 1.013 14.987 1 12 1Z" fill="currentColor"/>
1103    <path d="M11.9996 6.35107C10.8823 6.35107 9.79015 6.68238 8.86117 7.3031C7.9322 7.92382 7.20815 8.80608 6.78059 9.8383C6.35303 10.8705 6.24116 12.0063 6.45913 13.1021C6.6771 14.1979 7.21512 15.2045 8.00514 15.9945C8.79517 16.7845 9.80172 17.3226 10.8975 17.5405C11.9933 17.7585 13.1291 17.6466 14.1614 17.2191C15.1936 16.7915 16.0758 16.0675 16.6966 15.1385C17.3173 14.2095 17.6486 13.1173 17.6486 12.0001C17.6486 10.5019 17.0534 9.06502 15.994 8.00563C14.9346 6.94624 13.4978 6.35107 11.9996 6.35107ZM11.9996 15.6671C11.2743 15.6671 10.5653 15.452 9.96231 15.0491C9.35928 14.6461 8.88927 14.0734 8.61172 13.4034C8.33418 12.7333 8.26156 11.996 8.40305 11.2847C8.54454 10.5734 8.89379 9.91995 9.40663 9.40711C9.91947 8.89427 10.5729 8.54503 11.2842 8.40353C11.9955 8.26204 12.7328 8.33466 13.4029 8.61221C14.0729 8.88975 14.6457 9.35976 15.0486 9.9628C15.4515 10.5658 15.6666 11.2748 15.6666 12.0001C15.6666 12.9726 15.2802 13.9053 14.5925 14.593C13.9049 15.2807 12.9721 15.6671 11.9996 15.6671Z" fill="currentColor"/>
1104    <path d="M17.8718 7.44811C18.6008 7.44811 19.1918 6.85712 19.1918 6.12811C19.1918 5.39909 18.6008 4.80811 17.8718 4.80811C17.1427 4.80811 16.5518 5.39909 16.5518 6.12811C16.5518 6.85712 17.1427 7.44811 17.8718 7.44811Z" fill="currentColor"/>
1105</svg>
1106                        </a>
1107                </div>
1108                <nav class="site-footer-nav">
1109                    <ul class="nav">
1110    <li class="nav-opiniones-en-google"><a href="https://g.page/r/CdsiuChu_kMKEBM/review">⭐ Opiniones en Google</a></li>
1111    <li class="nav-youtube"><a href="https://youtube.com/@aulamusical">YouTube</a></li>
1112    <li class="nav-facebook"><a href="https://facebook.com/aulamusical">Facebook</a></li>
1113    <li class="nav-tiktok"><a href="https://tiktok.com/aulamusical">TikTok</a></li>
1114    <li class="nav-instagram"><a href="https://instagram.com/aulamusical">Instagram</a></li>
1115    <li class="nav-x-twitter"><a href="https://x.com/aulamusical">X (Twitter)</a></li>
1116</ul>
1117
1118                </nav>
1119            </div>
1120            <div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Desarrollado con Ghost</a></div>
1121        </div>
1122    </footer>
1123
1124</div>
1125
1126    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
1127    <div class="pswp__bg"></div>
1128
1129    <div class="pswp__scroll-wrap">
1130        <div class="pswp__container">
1131            <div class="pswp__item"></div>
1132            <div class="pswp__item"></div>
1133            <div class="pswp__item"></div>
1134        </div>
1135
1136        <div class="pswp__ui pswp__ui--hidden">
1137            <div class="pswp__top-bar">
1138                <div class="pswp__counter"></div>
1139
1140                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
1141                <button class="pswp__button pswp__button--share" title="Share"></button>
1142                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
1143                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
1144
1145                <div class="pswp__preloader">
1146                    <div class="pswp__preloader__icn">
1147                        <div class="pswp__preloader__cut">
1148                            <div class="pswp__preloader__donut"></div>
1149                        </div>
1150                    </div>
1151                </div>
1152            </div>
1153
1154            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
1155                <div class="pswp__share-tooltip"></div>
1156            </div>
1157
1158            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
1159            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
1160
1161            <div class="pswp__caption">
1162                <div class="pswp__caption__center"></div>
1163            </div>
1164        </div>
1165    </div>
1166</div>
1167<script src="/assets/built/casper.js?v=75d7ebc817" defer></script>
1167
1168
1169<!-- Traducir parte de formulario de inscripción de ghost -->
1170<script>
1171(function() {
1172    function traducirPortal() {
1173        var iframes = document.querySelectorAll('#ghost-portal-root iframe, iframe[title="portal-popup"], iframe[data-testid="portal-popup-frame"]');
1174        iframes.forEach(function(iframe) {
1175            try {
1176                var doc = iframe.contentDocument || iframe.contentWindow.document;
1177                if (!doc || !doc.body) return;
1178                
1179                var walker = doc.createTreeWalker(doc.body, NodeFilter.SHOW_TEXT, null, false);
1180                var node;
1181                while (node = walker.nextNode()) {
1182                    if (node.nodeValue && node.nodeValue.indexOf('Click the link inside or enter your code below') !== -1) {
1183                        node.nodeValue = node.nodeValue
1184                            .replace('If you have an account, an email has been sent to', 'Si tienes una cuenta, te hemos enviado un correo a')
1185                            .replace('Click the link inside or enter your code below.', 'Haz clic en el enlace del mensaje o introduce tu código a continuación.')
1186                            .replace('Click the link inside or enter your code below', 'Haz clic en el enlace del mensaje o introduce tu código a continuación.');
1187                    }
1188                }
1189            } catch(e) {}
1190        });
1191    }
1192
1193    var observer = new MutationObserver(traducirPortal);
1194    if (document.body) {
1195        observer.observe(document.body, { childList: true, subtree: true });
1196    }
1197    setInterval(traducirPortal, 250);
1198})();
1199</script>
1199
1200
1201
1202<!-- AulaChord Dynamic On-Demand Embed Loader -->
1203<script>
1204document.addEventListener("DOMContentLoaded", function() {
1205  // 1. Detectar si el post contiene bloques de música AulaChord
1206  var hasAulaChord = document.querySelector('code.language-aulachord, pre code[class*="aulachord"], .aulachord-score');
1207
1208  if (!hasAulaChord) {
1209    // Verificación secundaria por si el bloque contiene sintaxis de notas
1210    var codeBlocks = document.querySelectorAll('pre code');
1211    for (var i = 0; i < codeBlocks.length; i++) {
1212      var text = codeBlocks[i].textContent || "";
1213      if (text.indexOf('"notes"') !== -1 || text.indexOf('"data"') !== -1) {
1214        hasAulaChord = true;
1215        break;
1216      }
1217    }
1218  }
1219
1220  // 2. Solo si se detecta música, se carga el reproductor interactivo
1221  if (hasAulaChord) {
1222    var acScript = document.createElement("script");
1223    acScript.src = "/assets/js/aulachord-embed.js";
1224    acScript.defer = true;
1225    document.body.appendChild(acScript);
1226  }
1227});
1228</script>
1228
1229
1230</body>
1231</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.