/* ---------- AJUSTE GLOBAL DE ANCHO Y TEXTO EN FICHAS ---------- */
.flautea-history-layout,
.flautea-history-layout .fh-article {
    max-width: 1160px !important;
    width: 100% !important;
}

.flautea-history-layout .fh-article > *,
.flautea-history-layout .fh-article p,
.flautea-history-layout .fh-article ul,
.flautea-history-layout .fh-article ol,
.flautea-history-layout .fh-article li,
.flautea-history-layout .fh-article blockquote,
.flautea-history-layout .fh-article table,
.flautea-history-layout .fh-article .fh-realphotos,
.flautea-history-layout .fh-article .fh-realphotos-intro,
.flautea-history-layout .fh-article .fh-realphotos-note,
.flautea-history-layout .fh-article [class*="text"],
.flautea-history-layout .fh-article [class*="copy"],
.flautea-history-layout .fh-article [class*="content"] {
    max-width: 100% !important;
    width: 100%;
    box-sizing: border-box;
}

.flautea-history-layout .fh-article p,
.flautea-history-layout .fh-article li {
    line-height: 1.75;
}

/* ---------- BLOQUES DE FOTOGRAFÍAS REALES ---------- */
.fh-realphotos {
    margin: 2rem 0 2.6rem;
    width: 100%;
    max-width: 100%;
}

.fh-realphotos-intro {
    margin: 0 0 1rem;
    color: #45636b;
    line-height: 1.75;
    max-width: 100%;
}

.fh-realphotos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
}

.fh-realphotos-grid--single {
    grid-template-columns: minmax(0, 1fr);
}

.fh-realphotos-card {
    background: #fff;
    border: 1px solid #d9e8e3;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(13, 53, 67, .05);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fh-realphotos-card img {
    display: block;
    width: 100%;
    height: 255px;
    object-fit: contain;
    object-position: center center;
    background: #f4f7f6;
}

.fh-realphotos-body {
    padding: 14px 16px 16px;
}

.fh-realphotos-body strong {
    display: block;
    color: #103740;
    margin-bottom: .35rem;
    line-height: 1.35;
}

.fh-realphotos-body p {
    margin: 0;
    color: #4e6a71;
    font-size: .96rem;
    line-height: 1.6;
    max-width: 100%;
    width: 100%;
}

.fh-realphotos-body a {
    color: #0a8a86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.fh-realphotos-label {
    display: inline-block;
    margin-bottom: .8rem;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #0f8f8a;
}

.fh-realphotos-note {
    margin-top: .9rem;
    font-size: .88rem;
    color: #61767d;
    max-width: 100%;
}

/* ---------- AJUSTE ESPECÍFICO DE LA FICHA 3 ---------- */
.fh-realphotos--renacimiento .fh-realphotos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fh-realphotos--renacimiento .fh-realphotos-card img {
    height: 230px;
}

/* La foto "Transverse Flute in F-sharp" queda algo más compacta,
   para que tenga una presencia visual similar a la de la otra tarjeta */
.fh-realphotos--renacimiento .fh-realphotos-card--compact img {
    width: 82%;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .fh-realphotos--renacimiento .fh-realphotos-grid {
        grid-template-columns: 1fr;
    }

    .fh-realphotos-card img,
    .fh-realphotos--renacimiento .fh-realphotos-card img {
        height: auto;
        width: 100%;
        margin: 0;
    }
}

/* ==========================================================
   156-B · ORIGENES · FLAUTA DE HUESO
   Fotografía vertical girada 90 grados a la derecha.
   ========================================================== */

.flautea-history-layout
.fh-realphotos--origenes
.fh-realphotos-grid--single {
    display: block;
    width: 100%;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-realphotos-card {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-origin-bone-frame {
    position: relative;

    width: 100%;
    height: clamp(210px, 29vw, 310px);

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    padding: 0;

    background: #f4f7f6;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-origin-bone-image {
    display: block;

    /*
     * La fotografía fuente es vertical.
     * Su altura previa a la rotación se convierte
     * en el ancho visible después de girarla.
     */

    width: auto !important;
    height: min(78vw, 940px) !important;

    min-width: 0;
    max-width: none !important;
    max-height: none !important;

    object-fit: contain;

    transform: rotate(90deg);
    transform-origin: center center;
}


/* Pantalla grande */

@media (min-width: 1100px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame {
        height: 300px;
    }

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height: 920px !important;
    }

}


/* Tablet */

@media (max-width: 800px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame {
        height: 230px;
    }

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height: 88vw !important;
    }

}


/* Móvil */

@media (max-width: 520px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame {
        height: 170px;
    }

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height: 91vw !important;
    }

}

/* ==========================================================
   156-E2 · ORIGENES · FOTO HUESO HORIZONTAL REAL
   Imagen físicamente rotada: sin transform ni crop.
   ========================================================== */

.flautea-history-layout
.fh-realphotos--origenes
.fh-realphotos-grid--single {
    display:block !important;
    width:100% !important;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-realphotos-card {
    display:block !important;
    width:100% !important;
    max-width:none !important;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-origin-bone-frame {
    display:block !important;

    width:100% !important;
    height:auto !important;

    min-height:0 !important;
    max-height:none !important;

    padding:0 !important;

    overflow:hidden !important;

    background:#f4f7f6;
}

.flautea-history-layout
.fh-realphotos--origenes
.fh-origin-bone-image {
    display:block !important;

    width:100% !important;
    height:auto !important;

    min-width:0 !important;
    min-height:0 !important;

    max-width:100% !important;
    max-height:none !important;

    margin:0 auto !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    transform:none !important;
}


/* Evitar que reglas antiguas de 156-B vuelvan a imponer
   una altura fija mediante media queries. */

@media (min-width:1100px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame,
    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height:auto !important;
    }

}

@media (max-width:800px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame,
    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height:auto !important;
    }

}

@media (max-width:520px) {

    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-frame,
    .flautea-history-layout
    .fh-realphotos--origenes
    .fh-origin-bone-image {
        height:auto !important;
    }

}