/* FLAUTEA_168C_DIGITACION */
.fd168{max-width:1080px;margin:2rem auto 3rem;line-height:1.76}
.fd168 *{box-sizing:border-box}
.fd168-intro{padding:1.7rem;border-radius:16px;background:rgba(90,145,155,.09)}
.fd168-eyebrow{font-size:.79rem;font-weight:750;letter-spacing:.08em}
.fd168 h2{font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.35;margin:0 0 1rem}
.fd168 h3{font-size:1.15rem;line-height:1.4}
.fd168 p{margin:.6rem 0 1rem}
.fd168-index{border:1px solid rgba(100,130,145,.3);border-radius:16px;padding:1.4rem;margin:1.7rem 0}
.fd168-index ol{columns:2;column-gap:2rem;padding-left:1.4rem;margin:.7rem 0 0}
.fd168-index li{break-inside:avoid;margin:0 0 .4rem}
.fd168-index a{text-decoration:underline;text-decoration-color:#79acba;text-underline-offset:3px;color:inherit}
.fd168-section{padding:1.8rem 0;border-bottom:1px solid rgba(110,135,150,.23);scroll-margin-top:95px}
.fd168-practice{border-left:3px solid #5e9bab;background:rgba(100,145,155,.06);padding:.85rem 1rem;margin:1.1rem 0}
.fd168-practice p{margin:.35rem 0 0}
.fd168-table{overflow-x:auto;margin:1.2rem 0 1.6rem}
.fd168 table{width:100%;min-width:510px;border-collapse:collapse;font-size:.94rem}
.fd168 th,.fd168 td{border:1px solid rgba(100,130,150,.27);padding:.8rem;text-align:left;vertical-align:top}
.fd168 th{background:rgba(110,150,160,.12)}
.fd168-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0}
.fd168-exercise{border:1px solid rgba(100,130,150,.3);border-radius:14px;padding:1.2rem}
.fd168-exercise h3{margin:.25rem 0 .7rem}
.fd168-exercise-label{font-size:.78rem;font-weight:750;letter-spacing:.04em;opacity:.8}
.fd168-related,.fd168-complements{margin:1.7rem 0}
.fd168-references li{margin-bottom:.65rem;overflow-wrap:anywhere}
.fd168-closing{font-weight:650;margin-top:1.4rem}
@media(max-width:720px){
.fd168-index ol{columns:1}
.fd168-exercises{grid-template-columns:1fr}
.fd168-intro,.fd168-index{padding:1rem}
.fd168-section{padding:1.3rem 0}
}
/* FIN_FLAUTEA_168C_DIGITACION */

/* FLAUTEA_168D_DIAGRAMAS */
.fd168 .fd168-diagram{
 margin:1.4rem 0 1.8rem;
 padding:.85rem;
 background:#fff;
 border:1px solid rgba(90,125,145,.27);
 border-radius:16px;
}
.fd168 .fd168-diagram svg{
 display:block;width:100%;height:auto;
}
.fd168 .fd168-diagram figcaption{
 margin:.8rem .3rem .2rem;
 font-size:.92rem;
 line-height:1.65;
 color:#455D69;
}
@media(max-width:650px){
 .fd168 .fd168-diagram{padding:.35rem;border-radius:10px}
 .fd168 .fd168-diagram figcaption{font-size:.86rem}
}
/* FIN_FLAUTEA_168D_DIAGRAMAS */

/* FLAUTEA_168E_PARTITURAS */
.fd168 .fd168-score{
 margin:1.5rem 0 1.8rem;
 padding:.85rem;
 border:1px solid rgba(90,125,145,.28);
 border-radius:16px;
 background:#fff;
}
.fd168 .fd168-score svg{
 display:block;
 width:100%;
 height:auto;
 min-width:0;
}
.fd168 .fd168-score figcaption{
 margin:.85rem .35rem .2rem;
 font-size:.92rem;
 line-height:1.65;
 color:#435D6B;
}
@media(max-width:650px){
  .fd168 .fd168-score{
    margin:.9rem 0 1.1rem;
    padding:.4rem;
    border-radius:10px;
    overflow:visible;
  }
  .fd168 .fd168-score svg{
    display:block;
    width:100%;
    height:auto;
    min-width:0;
  }
  .fd168 .fd168-score figcaption{
    margin:.6rem .2rem .15rem;
    font-size:.85rem;
    line-height:1.55;
    min-width:0;
  }
}
/* FIN_FLAUTEA_168E_PARTITURAS */

/* FLAUTEA_168J2_ACCESOS */
.fd168 .fd168-tools{
 margin:1.5rem 0 2rem;
 padding:1.4rem;
 border:1px solid #b9d5de;
 border-radius:16px;
 background:#f2f8fa;
}
.fd168 .fd168-tools-kicker{
 margin:0 0 .5rem;
 color:#245c70;
 font-size:.79rem;
 font-weight:800;
 letter-spacing:.065em;
}
.fd168 .fd168-tools h3{
 margin:.3rem 0 .8rem;
}
.fd168 .fd168-tools-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1rem;
 margin:1.3rem 0;
}
.fd168 .fd168-tool-link{
 display:flex;
 flex-direction:column;
 gap:.55rem;
 padding:1.2rem;
 border:1px solid #bed5dd;
 border-radius:12px;
 background:#fff;
 color:#174b64;
 text-decoration:none;
 min-width:0;
}
.fd168 .fd168-tool-link:hover,
.fd168 .fd168-tool-link:focus-visible{
 border-color:#287e9f;
 box-shadow:0 3px 12px rgba(30,80,100,.12);
 text-decoration:none;
}
.fd168 .fd168-tool-link strong{
 font-size:1rem;
 line-height:1.4;
}
.fd168 .fd168-tool-link span{
 font-size:.9rem;
 line-height:1.55;
}
.fd168 .fd168-tools-warning{
 margin:1rem 0 0;
 font-size:.9rem;
}
@media(max-width:750px){
 .fd168 .fd168-tools{
  padding:1rem;
 }
 .fd168 .fd168-tools-grid{
  grid-template-columns:1fr;
 }
}
/* FIN_FLAUTEA_168J2_ACCESOS */


/* FLAUTEA_168N_ENLACE_DIGITACIONES */
.flautea-fingering-crosslink {
    margin: 1.5rem 0;
    padding: 1.1rem 1.25rem;
    border: 1px solid #d6e6e3;
    border-left: 4px solid #127970;
    border-radius: 8px;
    background: #f2f8f6;
    color: #173b43;
}
.flautea-fingering-crosslink p {
    margin: .55rem 0;
}
.flautea-fingering-crosslink a {
    display: inline-block;
    font-weight: 700;
    color: #096e68;
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media (max-width: 640px) {
    .flautea-fingering-crosslink {
        padding: .9rem;
    }
}
/* FIN_FLAUTEA_168N_ENLACE_DIGITACIONES */