/* FLAUTEA_166B_SONIDO_PROFESIONAL */
.fs166{max-width:1100px;margin:2rem auto 3rem;color:inherit;line-height:1.75}
.fs166 *{box-sizing:border-box}
.fs166-intro{padding:1.6rem;border-radius:18px;background:var(--card-bg,#f4f7fa);margin-bottom:1.5rem}
.fs166-eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:750;color:#356c83}
.fs166 h2{font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.3;margin:0 0 .8rem}
.fs166 h3{font-size:1.12rem;line-height:1.4;margin:.5rem 0}
.fs166 p{margin:.6rem 0 1rem}
.fs166>section{padding:1.45rem 0;border-bottom:1px solid rgba(110,130,150,.2);scroll-margin-top:95px}
.fs166-index{padding:1.35rem 1.5rem;border:1px solid rgba(100,130,150,.28);border-radius:16px;margin-bottom:1.6rem}
.fs166-index ol{columns:2;column-gap:2rem;padding-left:1.3rem;margin:.8rem 0 0}
.fs166-index li{break-inside:avoid;margin:0 0 .35rem}
.fs166-index a{color:inherit;text-decoration:underline;text-decoration-color:#89b7c9;text-underline-offset:3px}
.fs166-index a:hover{color:#167499}
.fs166-note{font-size:.92rem;border-left:3px solid #84a7b8;padding:.4rem .9rem}
.fs166-table-wrap{overflow-x:auto;margin:1.2rem 0}
.fs166 table{border-collapse:collapse;width:100%;min-width:540px;font-size:.93rem}
.fs166 th,.fs166 td{padding:.85rem;border:1px solid rgba(100,120,140,.25);text-align:left;vertical-align:top}
.fs166 th{background:rgba(120,150,160,.12)}
.fs166-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.fs166-exercise{border:1px solid rgba(100,130,150,.26);border-radius:14px;padding:1.1rem}
.fs166-exercise h3{margin-top:0}
.fs166-exercise p:last-child{margin-bottom:0}
.fs166-references li{margin-bottom:.5rem;overflow-wrap:anywhere}
.fs166-final{font-weight:650;margin-top:1.3rem}
@media(max-width:720px){
.fs166-index ol{columns:1}
.fs166-exercises{grid-template-columns:1fr}
.fs166-intro{padding:1.1rem}
.fs166>section{padding:1.2rem 0}
}
@media(prefers-reduced-motion:no-preference){.fs166{scroll-behavior:smooth}}
/* FIN_FLAUTEA_166B_SONIDO_PROFESIONAL */

/* FLAUTEA_166G_ILUSTRACIONES */
.fs166 .fs166-diagram{
    margin:1.3rem 0 1.7rem;
    padding:.8rem;
    border:1px solid rgba(90,120,140,.24);
    border-radius:16px;
    background:#fff;
}
.fs166 .fs166-diagram svg{
    display:block;
    width:100%;
    height:auto;
}
.fs166 .fs166-diagram figcaption{
    margin:.85rem .35rem .15rem;
    font-size:.91rem;
    line-height:1.65;
    color:#445766;
}
@media(max-width:600px){
    .fs166 .fs166-diagram{
        padding:.3rem;
        border-radius:12px;
    }
    .fs166 .fs166-diagram figcaption{
        padding:.25rem;
        font-size:.86rem;
    }
}
/* FIN_FLAUTEA_166G_ILUSTRACIONES */