/* FLAUTEA_DIGITACIONES_TRAVESERA_CSS_V1 */
.ftm .ftm-fingering{scroll-margin-top:90px}.ftm-fingering-head{background:#f2f9f7;border:1px solid #d7e8e3;border-radius:19px;padding:1.4rem 1.6rem}.ftm-fingering-head h2{margin:.45rem 0 .6rem}
.ftm-fingering-legend{display:flex;flex-wrap:wrap;gap:.7rem 1.25rem;align-items:center;margin:1.1rem 0 1.55rem;padding:1rem 1.2rem;background:#fff;border:1px solid #dfebe7;border-radius:15px;font-size:.91rem}
.ftm-fingering-legend span{display:inline-flex;align-items:center;gap:.4rem}.ftm-fingering-legend b{color:#0d6666}.ftm .ftm-fingering h3{font-family:Georgia,serif;color:#103740;font-size:clamp(1.2rem,2vw,1.55rem);margin:1.6rem 0 .6rem}
.ftm-finger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.ftm-finger-card{min-width:0;background:#fff;border:1px solid #dce9e6;border-radius:18px;padding:1.2rem}.ftm-finger-card-head{display:flex;flex-direction:column;gap:.2rem}.ftm-finger-card-head strong{font-family:Georgia,serif;color:#103740;font-size:1.4rem}.ftm-finger-card-head small{color:#628085;font-size:.85rem}.ftm-finger-card p{font-size:.95rem;margin-top:1rem}
.ftm-finger-diagram{display:flex;flex-direction:column;gap:.85rem;margin:1.05rem 0;padding:1.05rem .75rem;border-radius:13px;background:#f5f9f8;border:1px solid #e3eeeb}.ftm-finger-hand>span{display:block;color:#55777b;font-size:.78rem;text-align:center;margin-bottom:.5rem}.ftm-key-row{display:flex;align-items:center;justify-content:center;gap:.85rem}.ftm-finger-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ftm-key{display:inline-block;width:24px;height:24px;flex:none;border:2px solid #218980;border-radius:50%;background:#fff}.ftm-key.is-pressed{background:#008e88;border-color:#008e88}.ftm-finger-cell small{font-size:.78rem;color:#365f64}.ftm-finger-note{padding:.85rem 1rem;border-left:3px solid #008e88;background:#f4faf8;font-size:.92rem!important}
.ftm-finger-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.ftm-finger-levels article{background:#fff;border:1px solid #dce9e6;border-radius:16px;padding:1.25rem}.ftm-finger-levels article>span{color:#008e88;letter-spacing:.05em;font-size:.8rem;font-weight:700}.ftm-finger-levels h4{font-size:1.04rem;margin:.55rem 0;color:#103740}.ftm-finger-levels article>strong{display:block;margin-top:1rem;color:#103740}.ftm-finger-levels p{font-size:.95rem}.ftm-finger-tip{border-radius:12px;background:#f2f9f7;border-left:4px solid #008e88;padding:1.1rem 1.35rem}.ftm-finger-tip strong{color:#103740}
@media(max-width:850px){.ftm-finger-grid,.ftm-finger-levels{grid-template-columns:1fr}.ftm-key-row{gap:1.3rem}}@media(max-width:600px){.ftm-fingering-head{padding:1.2rem}.ftm-fingering-legend{padding:.8rem}}