.ftm-diagramas{max-width:1160px;margin:2rem 0 2.5rem;color:#24444b}
.ftm-diagramas-head{padding:clamp(1rem,3vw,1.7rem);background:linear-gradient(135deg,#eff8f6,#fff);border:1px solid #d6e7e3;border-radius:19px}
.ftm-diagramas-head h2{margin:.5rem 0}
.ftm-diagramas-options{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0}
.ftm-dg-choice{appearance:none;background:#fff;color:#126a64;border:1px solid #bcd9d4;border-radius:999px;padding:.65rem 1.15rem;font-size:1rem;font-weight:700;cursor:pointer}
.ftm-dg-choice[aria-pressed="true"]{background:#087d77;color:white;border-color:#087d77}
.ftm-dg-choice:focus-visible{outline:3px solid #f6b954;outline-offset:2px}
.ftm-diagramas-display{border:1px solid #d4e5e1;background:white;border-radius:18px;padding:1.25rem}
.ftm-dg-description strong{font-family:Georgia,serif;color:#103740;font-size:1.4rem}
.ftm-dg-description p{margin:.4rem 0 .8rem}
.ftm-dg-svg-wrap{overflow-x:auto}
#ftm-dg-instrument{display:block;width:100%;min-width:520px;height:auto}
#ftm-dg-keys circle{fill:white;transition:fill .15s}
#ftm-dg-keys circle.is-down{fill:#087d77}
.ftm-dg-legend{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.9rem;margin:.4rem 0 0}
.ftm-dg-legend span{display:flex;align-items:center;gap:.45rem}
.ftm-dg-legend i{display:inline-block;width:16px;height:16px;border:2px solid #087d77;border-radius:50%}
.ftm-dg-pressed{background:#087d77}
.ftm-dg-released{background:#fff}
.ftm-dg-caveat{background:#f4f9f7;border-left:3px solid #087d77;border-radius:8px;padding:1rem 1.2rem;margin-top:1.2rem}
.ftm-dg-links a{color:#087d77;font-weight:700;text-decoration:underline}
@media(max-width:600px){.ftm-diagramas-display{padding:.85rem}.ftm-dg-choice{padding:.55rem .85rem}}
/* FLAUTEA_PRACTICA_DIGITACIONES_CSS */
.ftm-dg-practice{margin:1.35rem 0;border:1px solid #d1e4df;background:#f6faf9;border-radius:18px;padding:1.2rem}
.ftm-dg-practice-head h3{font-family:Georgia,serif;font-size:1.3rem;color:#103740;margin:0 0 .4rem}
.ftm-dg-practice-head p{margin:0 0 .9rem}
.ftm-dg-practice-start,.ftm-dg-practice-next{background:#087d77;color:#fff;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;cursor:pointer;font-size:1rem}
.ftm-dg-practice-questions[hidden],.ftm-dg-practice-next[hidden]{display:none!important}
.ftm-dg-practice-answers{display:flex;flex-wrap:wrap;gap:.55rem;margin:.7rem 0}
.ftm-dg-practice-answers button{border:1px solid #accfc9;background:#fff;color:#185b57;border-radius:14px;padding:.6rem .8rem;font-size:1rem;font-weight:700;cursor:pointer}
.ftm-dg-practice-answers button:focus-visible,.ftm-dg-practice-start:focus-visible,.ftm-dg-practice-next:focus-visible{outline:3px solid #e6a535;outline-offset:3px}
.ftm-dg-practice-answers button:disabled{opacity:.6;cursor:default}
.ftm-dg-feedback{min-height:1.6rem;font-weight:700;color:#103740}
.ftm-dg-score{font-size:.9rem!important;margin-top:.65rem}
.ftm-diagramas.is-practicing .ftm-diagramas-options,.ftm-diagramas.is-practicing #ftm-dg-current,.ftm-diagramas.is-practicing #ftm-dg-help{display:none!important}