:root{--fretboard-height: 240;--number-of-strings: 6;--string-height: 5;--half-string-height: calc(var(--string-height) / 2.4);--string-top-position: calc(var(--fretboard-height) / var(--number-of-strings) / 2 - var(--half-string-height));--double-fretmark-position-1: calc(var(--fretboard-height) * 0.25);--double-fretmark-position-2: calc(var(--fretboard-height) * 0.75);--fretmark-color: #806233;--noteDotOpacity: 0;--background-frets: rgb(0, 81, 128);--background-fundamental: rgb(183, 0, 0);--note-color: #eee;--note-scale: 100%;--note-fundamental-color: #eee;--fret-num: 1;--orientationLeft: null;--orientationLeftMobile: rotate(90deg) translate(-50%,-50%);--orientationLeftNoteMobile: rotate(-90deg);--noTextNote: 18px;--borderColor: white;--colorPala: #303030;--orientationLeftFretNumberMobile: row;--orientationLeftFretNumberMobilePad: 0px 7px 0px 61px}#arpegios-app{background-color:#f8f9fa;padding-top:10px;padding-bottom:40px}@media(max-width: 801px){#arpegios-app{margin-top:-20px}}#arpegios-app body{font-family:Ubuntu;margin:0px 30px 50px 30px;max-width:1400px;margin-left:auto;margin-right:auto;text-size-adjust:none}#arpegios-app select{width:100%;height:42px;color:#1a202c;border-radius:8px;padding:.35em .75em;line-height:1.2;font-size:.95rem;background-color:#f8fafc;border:1px solid #c8d3de;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}#arpegios-app select:focus{outline:none;border-color:#005180;box-shadow:0 0 0 3px rgba(0,81,128,.15)}@media(max-width: 801px){#arpegios-app select{font-size:1rem;margin-bottom:6px}}#arpegios-app input{border:1px solid #c8d3de;border-radius:8px;padding:.35em .75em;cursor:pointer;line-height:1.1;font-size:.95rem;background-color:#f8fafc;height:42px;transition:border-color .2s,box-shadow .2s}#arpegios-app input:focus{outline:none;border-color:#005180;box-shadow:0 0 0 3px rgba(0,81,128,.15)}@media(max-width: 801px){#arpegios-app input{padding:.5em;font-size:1em;margin-bottom:6px}}@media(orientation: landscape){#arpegios-app input{padding:.45em;align-self:baseline}}#arpegios-app .settings-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin:0 auto;max-width:1200px}@media(max-width: 801px){#arpegios-app .settings-container{border-radius:0;margin:0 -12px}}#arpegios-app .settings-title{margin:0;padding:16px 24px 0;font-weight:700;font-size:1.1rem;color:#1a202c;letter-spacing:-0.01em;text-align:center}#arpegios-app .icon{user-select:none;height:24px;width:24px;transition:.3s ease-in-out}#arpegios-app .icon:hover{rotate:30deg;transition:.3s ease-in-out}#arpegios-app #arrow{height:12px;width:12px}#arpegios-app .settings{flex-wrap:wrap;user-select:none;display:flex;align-content:center;justify-content:center;color:#1a202c;padding:20px 24px;z-index:3;gap:16px;margin-bottom:0}@media(max-width: 801px){#arpegios-app .settings{flex-direction:column;padding:16px;margin-bottom:0px}}#arpegios-app .controls-secondary{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}@media(max-width: 801px){#arpegios-app .controls-secondary{width:100%;flex-wrap:wrap;gap:8px}#arpegios-app .controls-secondary .control-pair{flex:1;min-width:80px}}#arpegios-app .info-container{user-select:none;display:flex;flex-direction:column;align-items:center}#arpegios-app .info-container h3{font-size:1.2rem;color:#000}#arpegios-app input[type=number]::-webkit-inner-spin-button,#arpegios-app input[type=number]::-webkit-outer-spin-button{opacity:1}#arpegios-app .fretboard{display:flex;flex-direction:column;background-size:cover !important;width:auto;scale:94%;height:calc(var(--fretboard-height)*1px);-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .fretboard{left:50%;position:absolute;top:50%;transform:var(--orientationLeftMobile);transform-origin:top left;width:1200px;--fretboard-height: 300;--double-fretmark-position-1: calc(var(--fretboard-height) * 0.25);--double-fretmark-position-2: calc(var(--fretboard-height) * 0.75);--half-string-height: calc(var(--string-height) / 2);--string-top-position: calc(var(--fretboard-height) / var(--number-of-strings) / 2 - var(--half-string-height))}}#arpegios-app .string{width:100%;height:100%;display:flex;position:relative}#arpegios-app .string:before{content:"";width:100%;height:calc(var(--string-height)/var(--number-of-strings)*var(--string-num)*1.5px);background:linear-gradient(#eee, #929292);background-position:none;z-index:1;position:absolute;top:22px;top:calc(var(--string-top-position)*1px)}#arpegios-app .note_fret{display:flex;flex:1;border-right:10px solid;border-image:linear-gradient(to left, #776b5c, #c1b59e, #776b5c) 1 100%;justify-content:center;align-items:center;position:relative}#arpegios-app .note_fret:first-child{background:var(--colorPala);min-width:59px;border-right:18px solid;flex-grow:0;flex-shrink:0;border-image:linear-gradient(to left, #cdcdcd, #fff, #cdcdcd) 1 100%}#arpegios-app .note_fret:before{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-out;content:attr(data-note);scale:var(--note-scale);width:3.7vw;height:3.7vw;max-width:36px;max-height:36px;border-radius:50%;border:1px solid var(--borderColor);line-height:min(3.7vw,36px);text-align:center;background:var(--background-frets);z-index:2;color:var(--note-color);opacity:var(--noteDotOpacity);font-family:"Open Sans",sans-serif;font-size:var(--noTextNote);font-weight:400;-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .note_fret:before{max-width:41px;max-height:41px;width:16vw;height:16vw;line-height:min(16vw,41px);transform:var(--orientationLeftNoteMobile)}}@media(max-width: 801px)and (orientation: landscape){#arpegios-app .note_fret:before{width:4.5vw;height:4.5vw;max-width:40px;max-height:40px;line-height:min(4.5vw,40px)}}#arpegios-app .note_fret[data-visualizacion=interval]:before{content:attr(data-interval)}#arpegios-app .chord-tone:before{background:var(--background-frets);color:var(--note-fundamental-color);-webkit-transform:var(--orientationLeft)}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .chord-tone:before{max-width:40px;max-height:40px;width:16vw;height:16vw;line-height:min(16vw,40px);transform:rotate(-90deg);transform:var(--orientationLeftNoteMobile)}}#arpegios-app .fundamental:before{background:var(--background-fundamental);color:var(--note-fundamental-color);-webkit-transform:var(--orientationLeft);border-radius:38%;border:1px solid var(--borderColor)}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .fundamental:before{max-width:40px;max-height:40px;width:16vw;height:16vw;line-height:min(16vw,40px);transform:rotate(-90deg);transform:var(--orientationLeftNoteMobile)}}#arpegios-app .single-fretmark:after,#arpegios-app .double-fretmark:before,#arpegios-app .double-fretmark:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background:var(--fretmark-color)}#arpegios-app .single-fretmark:after{top:calc(var(--fretboard-height)/2*1px);transform:translate(0, -50%)}#arpegios-app .double-fretmark:before{top:calc(var(--double-fretmark-position-1)*1px);transform:translate(-140%, -50%)}#arpegios-app .double-fretmark:after{top:calc(var(--double-fretmark-position-2)*1px);transform:translate(-140%, -50%)}#arpegios-app .titulo-wrapper{display:inline-flex;align-items:baseline}#arpegios-app .titulo-wrapper #extra-info-icon{color:#ffc107;cursor:pointer;font-size:2rem}#arpegios-app .titulo-wrapper #play{color:#ffc107;font-size:2rem}#arpegios-app .container-titulo-escala{display:flex;margin:20px 15px 10px 15px;display:flex;align-items:center;max-width:98%;justify-content:space-between;font-size:25px}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .container-titulo-escala h3{max-width:none}}#arpegios-app .container-titulo-escala .arpegio-symbol{font-size:90%;font-weight:500}#arpegios-app #play{display:none;transition:.3s ease-in-out}#arpegios-app #play:hover{cursor:pointer}#arpegios-app .titulo-escala{margin:0 30px;text-align:center;font-size:2em;width:auto;font-weight:500;color:#4f4c4c}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .titulo-escala{margin:0 20px}}#arpegios-app p{padding:4px 0;text-align:center;font-weight:200;margin-left:auto;margin-right:auto}@media(max-width: 801px)and (orientation: portrait){#arpegios-app p{padding:6px;width:96%;font-size:19px}}#arpegios-app .description-show{height:100%;width:100%;margin-left:auto;margin-right:auto;padding-bottom:50px;font-size:1rem;line-height:1.4;max-width:600px}#arpegios-app .description-show h3{font-size:18px;line-height:.3;text-align:center;margin-top:-10px}#arpegios-app .description-show a{text-decoration:none;color:#ffc107}#arpegios-app .description-show ul{padding-left:20px;line-height:.8}#arpegios-app .description-show ul a{line-height:1.9;font-size:1rem}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .description-show{margin-top:10px;font-size:.6rem}}#arpegios-app .escalas-aconsejadas{height:100%;width:80%;margin-left:auto;margin-right:auto;font-size:1.1rem;padding-bottom:30px;line-height:1.7;text-align:center;max-width:600px}#arpegios-app .escalas-aconsejadas h4{text-align:center;margin-bottom:10px;font-weight:600}#arpegios-app .escalas-aconsejadas a{text-decoration:none;color:#ffc107}#arpegios-app .escalas-aconsejadas ul{margin-top:10px;line-height:.8}#arpegios-app .escalas-aconsejadas ul a{line-height:1.9}#arpegios-app .cursos-recom{line-height:3}#arpegios-app .scale-notes-show{font-size:1.2rem;margin-bottom:0px}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .scale-notes-show{padding:2px}}#arpegios-app .show-extra-info{display:none;flex-direction:column;align-items:center}#arpegios-app .show-acordes{padding-bottom:8px;width:98%}#arpegios-app .show-armonia{width:98%}#arpegios-app .chord-show{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;flex-wrap:wrap}#arpegios-app .interval-pattern{font-size:1.2em;margin-bottom:0px}#arpegios-app .control-pair{display:flex;flex-direction:column;gap:4px}@media(max-width: 801px)and (orientation: landscape){#arpegios-app .control-pair{padding:0px 0px}}#arpegios-app .control-pair label{font-weight:600;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}#arpegios-app #boton-reset{padding:10px;border-radius:20px;background-color:gray;color:#fff;border:none}#arpegios-app #boton-reset:hover{box-shadow:2px 2px 1px 1px rgba(0,0,0,.7);position:relative;left:-2px;top:-2px}@media(max-width: 801px){#arpegios-app #boton-reset{width:50%;align-self:center;padding:13px 0px;font-size:1.1rem}}#arpegios-app #boton-reset:active{box-shadow:none;position:relative;left:2px;top:2px}#arpegios-app #boton-reset:active{box-shadow:none;position:relative;left:2px;top:2px}@media(max-width: 801px){#arpegios-app .settings-top{margin-top:20px;flex-direction:row;display:flex;flex-wrap:wrap}}@media(max-width: 801px){#arpegios-app .settings-top .control-escala{width:72%}}@media(max-width: 801px)and (orientation: portrait){#arpegios-app label{margin:0 0 6px 0}}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .box{height:1px;width:100vw}}#arpegios-app .box--image{max-width:1600px;margin-left:auto;margin-right:auto}@media(max-width: 801px)and (orientation: portrait){#arpegios-app .box--image{position:relative;max-width:100vw;height:1100px;padding:30px 0px}}#arpegios-app .information-container{display:flex;flex-direction:column;margin:auto;text-align:center;max-width:600px;padding-top:60px;line-height:1.5}#arpegios-app .information-container h1{font-size:2rem;font-weight:600}#arpegios-app .information-container h2{margin:30px 0px;font-size:1.8rem;font-weight:600}#arpegios-app .information-container h3{padding:65px 0px 0px 0px;border-bottom:2px solid;border-bottom-width:1px;--border-opacity: 1;border-color:#ffc107;font-size:1.6rem;font-weight:600}#arpegios-app .information-container h4{margin-top:30px;font-size:1.3rem}#arpegios-app .information-container ul{text-align:center;list-style-position:inside;font-weight:200;line-height:1.7;list-style-type:square}#arpegios-app .information-container p{font-size:18px;text-align:justify;display:inline-block;line-height:1.7}@media(max-width: 801px){#arpegios-app .information-container{width:92%}}#arpegios-app .promo-img{display:block;padding:15px 0px;margin-left:auto;margin-right:auto;width:100%;object-fit:scale-down;max-width:600px}#arpegios-app .listado-escalas{padding:0px}#arpegios-app .cursos-auto-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:50px;justify-items:stretch;padding:20px}#arpegios-app .cursos-auto-grid a{display:block}#arpegios-app .cursos-auto-grid a img{height:auto;width:100%}#arpegios-app .scale-pattern-note{margin:0 5px;position:relative;cursor:default}#arpegios-app .scale-pattern-note:hover:before{font-weight:bold;content:attr(data-description);display:block;position:absolute;top:-40px;left:50%;transform:translateX(-50%);padding:10px;background-color:#005180;color:#fff;font-size:16px;border-radius:7px;white-space:nowrap}#arpegios-app .chord-note{white-space:nowrap;padding:0px 8px}#arpegios-app .chord-in-object{background-color:#fff;border-radius:20px;white-space:nowrap;font-weight:bold;color:#005180;border:1px solid #005180;padding:3px 8px;margin:5px 5px}#arpegios-app .chord-buttons{display:flex;gap:14px;margin:14px 0px 30px 0px;flex-grow:1}#arpegios-app .chord-buttons button{padding:10px;font-weight:400;border-radius:10px;border:1px dashed #005180;transition:.1s;color:#000;background-color:#fff}#arpegios-app .chord-buttons button:disabled{color:#c2c2c2;background-color:rgba(194,194,194,.062745098);border:none}#arpegios-app .chord-buttons button .show{display:block}#arpegios-app .chord-buttons .selected{background-color:#005180;font-weight:bold;color:#fff}#arpegios-app .chord-buttons .selected:hover{background-color:none}#arpegios-app #chord-warning{display:none;margin:14px 0px;font-size:.9rem}#arpegios-app .lazy{opacity:0}#arpegios-app .lazy .loaded{opacity:1}#arpegios-app .info-icon{position:relative}#arpegios-app .armonia-changer{width:23px;height:23px;margin-right:5px}#arpegios-app .armonia-changer .text{color:#005180}#arpegios-app .tooltip{display:none !important;position:absolute !important;left:-97px !important;top:22px !important;z-index:1 !important;background-color:#333 !important;color:#fff !important;padding:6px !important;border-radius:6px !important;font-family:ubuntu;width:200px !important;line-height:1.4 !important;font-size:.9rem !important}#arpegios-app .tooltip:before{content:"";position:absolute !important;bottom:100% !important;left:50% !important;margin-left:-5px !important;border-width:5px !important;border-style:solid !important;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333 rgba(0,0,0,0) !important}@media(max-width: 801px){#arpegios-app .tooltip{left:1%}#arpegios-app .tooltip:before{left:5%}}#arpegios-app .chords-in-harmony{display:flex;position:relative;align-items:center;justify-content:center;flex-wrap:wrap}#arpegios-app .chord-harmony-display{padding:3px 3px}#arpegios-app .chord-note-show{display:flex;gap:6px;font-size:16px;align-items:center}#arpegios-app .individual-chord-note{display:inline-block;width:32px;height:32px;border-radius:50%;background-color:var(--background-frets);color:var(--note-color);text-align:center;line-height:32px}#arpegios-app .fundamental-chord-note{display:inline-block;width:30px;height:30px;border-radius:50%;background-color:var(--background-fundamental);color:#fff;text-align:center;line-height:30px}#arpegios-app .chord-position-display{will-change:background-color;display:flex;flex-direction:column;align-items:center;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;margin-top:15px}#arpegios-app .chord-position-display h4{font-size:1.2rem;font-weight:400}#arpegios-app .chord-position-display .position-show{gap:12px;display:flex;flex-direction:row;justify-content:center}#arpegios-app .chord-position-display .position-show span{display:inline-block;width:50px;height:50px;border-radius:30%;background-color:rgba(0,81,128,0);border:1px solid #005180;color:#000;text-align:center;line-height:50px;font-weight:600;font-size:1.3rem}#arpegios-app .chord-position-display .position-show .isActive{background-color:#005180;color:#fff}#arpegios-app .chord-position-display .position-show .span-container{padding-top:10px;display:flex;justify-content:center;gap:25px}#arpegios-app .chord-position-display .position-show .chord-position-container .positions{font-weight:600 !important;margin:0px;padding:10px 0px;font-size:1.3rem}#arpegios-app .dropdown{box-sizing:border-box}#arpegios-app .caret{width:0;height:0;border-left:5px solid tranparent;border-right:5px solid tranparent;border-top:6px solid #fff;transition:.3s}#arpegios-app .menu-open{display:block;opacity:1}#arpegios-app .mail-info{flex-grow:1;flex-basis:100%;width:80%;font-size:1rem;font-weight:200;color:#000;line-height:1.5;padding:0px 10px;margin-top:10px}#arpegios-app .mail-info a{color:inherit}#arpegios-app .generate-tab-button{display:flex;gap:14px;margin:14px 0px 30px 0px;flex-grow:1;padding:10px 30px;font-weight:400;font-size:1.2rem;border-radius:10px;border:1px dashed #005180;transition:.1s;color:#000;background-color:#fff}#arpegios-app .generate-tab-button.selected{background-color:#005180;font-weight:bold;color:#fff}#arpegios-app .tab-container{display:flex;flex-direction:column;align-items:center}#arpegios-app .tab-container .tab-alert{font-size:1rem;font-weight:200 !important;margin-bottom:20px}#arpegios-app .frets-numbers{display:flex;flex-direction:var(--orientationLeftFretNumberMobile);padding:var(--orientationLeftFretNumberMobilePad);justify-content:center;align-items:center;position:relative;width:auto;scale:94%;text-align:center}@media(max-width: 801px){#arpegios-app .frets-numbers{display:none}}#arpegios-app .frets-numbers span{margin:auto;width:100%;justify-content:center;align-items:center;color:#8c8c8c}#arpegios-app .arpegio-lists{padding-inline-start:0px}#arpegios-app .arpegio-lists li{padding:10px 0px;font-size:1.2rem}#arpegios-app #secondary-controls-inner{display:contents}@media(max-width: 801px){#arpegios-app #secondary-controls-inner{display:none}}#arpegios-app .control-pair--config-btn{display:none !important}@media(max-width: 801px){#arpegios-app .control-pair--config-btn{display:flex !important}}#arpegios-app .control-pair--config-btn button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:42px;background:#005180;border:none;border-radius:8px;padding:0 14px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;transition:background .2s}#arpegios-app .control-pair--config-btn button:hover{background:#003757}#arpegios-app .control-pair--metronome .metronome-label-mobile{display:none;font-size:.85rem;font-weight:600;color:#64748b}@media(max-width: 801px){#arpegios-app .control-pair--metronome .metronome-label-mobile{display:inline}}@media(max-width: 801px){#arpegios-app .control-pair--metronome .metronome-label-desktop{display:none}}#arpegios-app .control-pair--metronome button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:42px;background:#f8fafc;border:1px solid #c8d3de;border-radius:8px;padding:0 14px;cursor:pointer;transition:background .2s,border-color .2s}#arpegios-app .control-pair--metronome button:hover{background:#eef2f7;border-color:#a0aec0}#arpegios-app #config-modal-body #secondary-controls-inner{display:flex;flex-direction:column}#arpegios-app #config-modal-body #secondary-controls-inner .control-pair{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e2e8f0;gap:12px}#arpegios-app #config-modal-body #secondary-controls-inner .control-pair:last-child{border-bottom:none}#arpegios-app #config-modal-body #secondary-controls-inner .control-pair label{font-weight:500;color:#1a202c;font-size:.95rem;text-transform:none;letter-spacing:0;margin:0;flex-shrink:0}#arpegios-app #config-modal-body #secondary-controls-inner .control-pair select,#arpegios-app #config-modal-body #secondary-controls-inner .control-pair input{width:150px;flex-shrink:0}#arpegios-app .metro-beat{display:block;width:10px;height:10px;border-radius:50%;background:#dde3e8;transition:background .08s}#arpegios-app .metro-beat--active{background:#eeb727}#arpegios-app .metro-beat--first{background:#13df00}#configModal .modal-content{border:none;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}#configModal .modal-header{background:#005180;border-bottom:none;padding:18px 22px}#configModal .modal-header .modal-title{color:#fff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:10px}#configModal .modal-header .modal-title i{font-size:1rem;opacity:.9}#configModal .modal-header .close{color:#fff;opacity:.7;font-size:1.5rem;padding:0;margin:0;line-height:1;text-shadow:none}#configModal .modal-header .close:hover{opacity:1}#configModal .modal-body{padding:0}#configModal .modal-body .control-pair{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #eef0f3;gap:12px}#configModal .modal-body .control-pair:last-child{border-bottom:none}#configModal .modal-body .control-pair label{font-weight:500;color:#1a202c;font-size:1rem;margin:0;flex-shrink:0}#configModal .modal-body .control-pair select,#configModal .modal-body .control-pair input{width:155px;flex-shrink:0;height:40px;border-radius:8px;border:1px solid #c8d3de;background-color:#f8fafc;padding:0 10px;font-size:.95rem;color:#1a202c}/*# sourceMappingURL=arpegios-app.css.map */