/* FLAUTEA_MODO_CONSULTA_ANIMACION_CSS */
.ftm-diagramas .ftm-dg-modes{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.15rem 0}
.ftm-diagramas .ftm-dg-mode{border:1px solid #a9d6ce;background:#fff;color:#12645e;border-radius:999px;padding:.72rem 1.1rem;font:inherit;font-size:.98rem;font-weight:700;cursor:pointer}
.ftm-diagramas .ftm-dg-mode[aria-pressed="true"]{background:#087d77;border-color:#087d77;color:#fff}
.ftm-diagramas .ftm-dg-mode:focus-visible{outline:3px solid #efbf54;outline-offset:2px}
.ftm-diagramas #ftm-dg-keys circle{transition:fill .23s ease,stroke .23s ease;transform-box:fill-box;transform-origin:center}
.ftm-diagramas #ftm-dg-keys circle.is-down{fill:#087d77}
.ftm-diagramas #ftm-dg-keys circle.ftm-dg-change{animation:ftm-key-pop .38s ease-out}
@keyframes ftm-key-pop{0%{transform:scale(.78)}65%{transform:scale(1.13)}100%{transform:scale(1)}}
.ftm-diagramas.is-practicing .ftm-diagramas-options{display:none!important}
.ftm-diagramas:not(.is-practicing) .ftm-diagramas-options{display:flex!important}
.ftm-diagramas:not(.is-practicing) .ftm-dg-description{display:block!important}
.ftm-diagramas:not(.is-practicing) .ftm-dg-practice-questions{display:none!important}
.ftm-diagramas:not(.is-practicing) .ftm-dg-practice-start{display:none!important}
.ftm-diagramas.is-practicing .ftm-dg-practice-start{display:inline-block!important}
@media(prefers-reduced-motion:reduce){.ftm-diagramas #ftm-dg-keys circle{transition:none}.ftm-diagramas #ftm-dg-keys circle.ftm-dg-change{animation:none}}