/* FLAUTEA_173D_BIBLIOTECA */
.flib-wrap{max-width:1180px;margin:0 auto;padding:26px 20px 90px;color:#183b43;font-family:Inter,system-ui,sans-serif}
.flib-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px;color:#63787c;margin:5px 0 25px}
.flib-breadcrumb a,.flib-back{color:#087d77;text-decoration:none;font-weight:600}
.flib-breadcrumb a:hover,.flib-back:hover{text-decoration:underline}
.flib-hero{border-radius:24px;background:linear-gradient(115deg,#edf8f5,#f8fbfa 65%,#fff);border:1px solid #d7e8e3;padding:clamp(26px,5vw,64px);margin-bottom:46px}
.flib-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0b877f}
.flib-hero h1,.flib-detail h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(40px,5.5vw,70px);line-height:1.03;font-weight:600;color:#14383f;margin:12px 0 22px}
.flib-hero>p{max-width:780px;font-size:17px;line-height:1.85;color:#456269;margin:0}
.flib-hero-note{margin-top:20px;font-size:12px;color:#61767a}
.flib-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}
.flib-section-head h2,.flib-detail-sections h2{font-family:"Cormorant Garamond",Georgia,serif;color:#153f45;font-size:clamp(28px,3vw,40px);margin:6px 0 0}
.flib-section-head p{color:#60747a;font-size:14px}
.flib-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;background:#f8faf9;padding:18px;border-radius:16px;border:1px solid #dae9e5;margin-bottom:26px}
.flib-filters label{display:grid;gap:7px;min-width:180px;color:#345b60;font-size:13px;font-weight:650}
.flib-filters select{font:inherit;font-size:14px;background:#fff;color:#24474c;border:1px solid #bfd6d2;border-radius:9px;padding:12px}
.flib-filters button,.flib-card-link{display:inline-flex;align-items:center;justify-content:center;background:#087d77;border:1px solid #087d77;color:white;padding:12px 16px;border-radius:10px;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
.flib-filters button:hover,.flib-card-link:hover{background:#066a66;color:#fff}
.flib-reset{color:#087d77;font-size:13px;font-weight:650;padding:12px}
.flib-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.flib-card{display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;padding:18px;border-radius:17px;background:#fff;border:1px solid #d9e8e4;box-shadow:0 9px 32px rgba(12,52,58,.045)}
.flib-book-art{min-height:225px;border-radius:6px 13px 13px 6px;background:linear-gradient(145deg,#124f52,#0c7774 58%,#123d48);border-left:9px solid #093e42;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px 15px;box-shadow:6px 9px 14px rgba(10,62,65,.1);overflow-wrap:anywhere}
.flib-art-symbol{font-family:Georgia,serif;font-size:42px;color:#c9e6df}
.flib-art-author{font-size:11px;letter-spacing:.04em;opacity:.9}
.flib-art-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:600;line-height:1.04}
.flib-art-footer{font-size:9px;letter-spacing:.13em;opacity:.8;margin-top:22px}
.flib-card-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.flib-category{color:#0a8078;background:#eaf5f2;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800}
.flib-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;line-height:1.12;margin:12px 0 5px;color:#173c42}
.flib-card h3 a{color:inherit;text-decoration:none}
.flib-card h3 a:hover{text-decoration:underline}
.flib-author,.flib-detail-author{font-size:14px;color:#577179;margin:0 0 12px}
.flib-level{font-size:13px;background:#f1f8f6;padding:9px 11px;border-radius:7px;color:#176b66;margin:0 0 12px}
.flib-description{color:#445f65;font-size:13px;line-height:1.7;margin:0 0 17px}
.flib-card-link{margin-top:auto}
.flib-empty{grid-column:1/-1;background:#f8faf9;padding:35px;border-radius:12px}
.flib-detail-heading{display:grid;grid-template-columns:255px minmax(0,1fr);gap:clamp(28px,5vw,75px);align-items:start;margin:30px 0 50px}
.flib-book-art-large{min-height:375px;padding:28px 22px}
.flib-book-art-large .flib-art-title{font-size:35px}
.flib-detail h1{font-size:clamp(38px,5vw,64px)}
.flib-level-highlight{display:flex;flex-direction:column;align-items:start;gap:5px;border-left:4px solid #087d77;background:#edf8f5;padding:17px 20px;border-radius:0 13px 13px 0;margin:22px 0}
.flib-level-highlight span{font-size:11px;color:#35726e;font-weight:800;letter-spacing:.12em}
.flib-level-highlight strong{font-size:21px;color:#11544e}
.flib-detail-lead{font-size:17px;line-height:1.9;color:#3c5b61}
.flib-back{display:inline-block;margin-top:20px}
.flib-detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.flib-detail-sections section{padding:28px;border-radius:17px;background:#fff;border:1px solid #dbe9e6}
.flib-detail-sections h2{font-size:30px;margin:10px 0}
.flib-detail-sections p{font-size:15px;color:#48646a;line-height:1.85;margin:0}
.flib-editorial-note{border-top:1px solid #dae8e5;padding-top:22px;margin-top:35px;color:#6c7f82;font-size:12px;line-height:1.7}
@media(max-width:850px){.flib-grid{grid-template-columns:1fr}}
@media(max-width:620px){
 .flib-wrap{padding:18px 13px 60px}
 .flib-card{grid-template-columns:116px minmax(0,1fr);gap:13px;padding:13px}
 .flib-book-art{min-height:190px;padding:13px 9px}
 .flib-art-title{font-size:19px}
 .flib-card h3{font-size:22px}
 .flib-description{font-size:12px}
 .flib-detail-heading{grid-template-columns:1fr;gap:25px}
 .flib-book-art-large{max-width:245px;width:100%;min-height:310px}
 .flib-detail-sections{grid-template-columns:1fr}
 .flib-filters label{width:100%}
}

/* FLAUTEA_173E - PROFUNDIDAD EDITORIAL Y PORTADAS */
.flib-cover-holder{display:flex;align-items:stretch;justify-content:center;min-width:0;width:100%;position:relative}
.flib-cover-holder .flib-book-art{width:100%;min-width:0}
.flib-real-cover{position:absolute;inset:0;z-index:2;display:block;width:100%;height:225px;object-fit:contain;border-radius:7px;background:#f3f7f6;box-shadow:0 8px 20px rgba(12,52,58,.12)}
.flib-detail-heading .flib-real-cover{height:375px}
.flib-id-small{font-size:12px;color:#54736d;margin:0 0 10px}
.flib-bibliography{padding:27px;border:1px solid #d7e8e3;border-radius:17px;background:#f6faf8;margin:15px 0 30px}
.flib-bibliography h2,.flib-deep-analysis h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:32px;color:#153f45;margin:8px 0 20px}
.flib-bibliography dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.flib-bibliography dl>div{padding:12px;background:white;border:1px solid #e1ece8;border-radius:9px;min-width:0}
.flib-bibliography dt{font-size:11px;color:#54736d;font-weight:700;margin-bottom:4px}
.flib-bibliography dd{margin:0;color:#173f43;font-size:14px;overflow-wrap:anywhere}
.flib-bibliography p{font-size:12px;color:#577178;line-height:1.6;margin-top:18px}
.flib-bibliography a{color:#087d77;font-size:13px;font-weight:700}
.flib-deep-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.flib-deep-analysis section{border:1px solid #dbe9e6;border-radius:17px;padding:28px}
.flib-deep-analysis p{color:#48646a;line-height:1.85}
@media(max-width:620px){
.flib-real-cover{height:190px}
.flib-detail-heading .flib-real-cover{height:310px}
.flib-bibliography dl,.flib-deep-analysis{grid-template-columns:1fr}
}

/* =========================================================
   FLAUTEA_BIBLIOTECA_TIPOGRAFIA_181G
   Unificación tipográfica con Técnica / Respiración.
   Solo cambia familia tipográfica, no tamaños ni estructura.
   ========================================================= */

.flib-hero h1,
.flib-section-head h2,
.flib-card h3,
.flib-art-title,
.flib-detail h1,
.flib-detail-sections h2 {
    font-family: "Nunito", sans-serif !important;
}

/* Evitar aspecto editorial serif en los títulos */
.flib-hero h1,
.flib-section-head h2,
.flib-card h3,
.flib-detail h1,
.flib-detail-sections h2 {
    font-style: normal !important;
}




/* FLAUTEA_173G_PORTADAS_LOGO
   Portadas centradas y logo de reserva.
*/

.flib-cover-holder {
    width: 100%;
    min-width: 0;
    min-height: 225px;
    padding: 18px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e2eae8;
}

.flib-cover-holder .flib-real-cover {
    position: static;
    inset: auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 215px;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.flib-cover-holder .flib-fallback-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 130px;
    object-fit: contain;
}

.flib-cover-holder .flib-fallback-logo[hidden],
.flib-cover-holder .flib-real-cover[hidden] {
    display: none !important;
}

.flib-detail-heading .flib-cover-holder {
    min-height: 375px;
    padding: 24px;
}

.flib-detail-heading .flib-real-cover {
    max-height: 345px;
}

.flib-detail-heading .flib-fallback-logo {
    max-width: 75%;
    max-height: 180px;
}

@media (max-width: 620px) {
    .flib-card .flib-cover-holder {
        min-height: 190px;
        padding: 10px;
    }

    .flib-card .flib-real-cover {
        max-height: 175px;
    }

    .flib-card .flib-fallback-logo {
        max-height: 85px;
    }

    .flib-detail-heading .flib-cover-holder {
        min-height: 310px;
    }

    .flib-detail-heading .flib-real-cover {
        max-height: 280px;
    }

    .flib-detail-heading .flib-fallback-logo {
        max-height: 150px;
    }
}


/* FLAUTEA_173H_BUSCADOR */
.flib-filters {
    align-items: end;
}

.flib-search-field {
    flex: 1 1 250px;
    min-width: 230px;
}

.flib-filters input[type="search"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 12px 13px;
    border: 1px solid #bfd6d2;
    border-radius: 9px;
    background: #fff;
    color: #24474c;
    font: inherit;
    font-size: 14px;
}

.flib-filters input[type="search"]:focus,
.flib-filters select:focus {
    outline: 2px solid #0b877f;
    outline-offset: 2px;
}

.flib-filters select {
    min-height: 44px;
}

.flib-filters button {
    min-height: 44px;
}

.flib-results-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 2px 18px;
    color: #48646a;
    font-size: 14px;
}

.flib-results-summary strong {
    color: #183b43;
}

.flib-results-summary a {
    color: #087d77;
    font-weight: 700;
    text-decoration: none;
}

.flib-results-summary a:hover {
    text-decoration: underline;
}

@media (max-width: 620px) {
    .flib-search-field,
    .flib-author-field {
        width: 100%;
        min-width: 0;
    }

    .flib-results-summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .flib-filters button {
        width: 100%;
    }
}


/* FLAUTEA_173I_PEDAGOGIA */
.flib-educational,.flib-related{margin-top:42px}
.flib-educational-intro{margin-bottom:22px}
.flib-educational h2,.flib-related h2{
    font-family:"Cormorant Garamond",Georgia,serif;
    color:#153f45;font-size:clamp(31px,4vw,42px);
    line-height:1.14;margin:10px 0 12px
}
.flib-educational-intro>p{
    color:#5a7276;line-height:1.75;max-width:760px;font-size:14px
}
.flib-educational-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px
}
.flib-educational-panel{
    padding:26px;border:1px solid #dbe9e6;background:#fff;
    border-radius:17px;min-width:0
}
.flib-educational-panel h3{
    color:#17454a;font-size:18px;line-height:1.35;margin:0 0 13px
}
.flib-educational-panel p,
.flib-educational-panel li{
    color:#49636a;font-size:14px;line-height:1.85
}
.flib-educational-panel ul,
.flib-educational-panel ol{padding-left:21px;margin:0}
.flib-educational-panel li+li{margin-top:9px}
.flib-educational-level{
    background:#edf8f5;border-radius:9px;padding:11px 13px
}
.flib-teacher-note{
    margin-top:18px;background:#f0f8f5;
    border-left:4px solid #0b877f;
    padding:22px 25px;border-radius:0 13px 13px 0
}
.flib-teacher-note strong{color:#145d59}
.flib-teacher-note p{
    margin:9px 0 0;color:#48646a;
    font-size:14px;line-height:1.8
}
.flib-related-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;margin-top:18px
}
.flib-related-card{
    display:flex;flex-direction:column;align-items:flex-start;
    min-width:0;gap:10px;padding:23px;
    border-radius:15px;border:1px solid #dbe9e6;
    background:#fff;text-decoration:none;
    transition:border-color .18s,transform .18s
}
.flib-related-card:hover{
    border-color:#0b877f;transform:translateY(-2px)
}
.flib-related-topic{
    background:#eaf5f2;color:#087d77;font-size:11px;
    font-weight:800;padding:5px 10px;border-radius:20px
}
.flib-related-card strong{
    font-family:"Cormorant Garamond",Georgia,serif;
    color:#173f45;font-size:24px;line-height:1.12
}
.flib-related-card>span:not(.flib-related-topic):not(.flib-related-action){
    color:#526d73;font-size:13px
}
.flib-related-card small{color:#496d68;font-size:12px}
.flib-related-action{
    margin-top:auto;padding-top:8px;
    color:#087d77;font-size:13px;font-weight:800
}
@media(max-width:800px){
    .flib-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .flib-educational-grid,
    .flib-related-grid{grid-template-columns:1fr}
    .flib-educational-panel{padding:20px}
}


/* ======================================================
   FLAUTEA_173J_TIPOGRAFIA
   Unificacion tipografica de las fichas individuales
   No afecta al resto de la web ni al catalogo.
   ====================================================== */

/* Texto de lectura: Inter */
.flib-wrap .flib-detail,
.flib-wrap .flib-detail p,
.flib-wrap .flib-detail li,
.flib-wrap .flib-detail dt,
.flib-wrap .flib-detail dd,
.flib-wrap .flib-detail small,
.flib-wrap .flib-detail a,
.flib-wrap .flib-detail strong,
.flib-wrap .flib-detail span {
    font-family: "Inter", Arial, sans-serif;
}

/* Titulos principales: Cormorant Garamond */
.flib-wrap .flib-detail h1,
.flib-wrap .flib-detail h2,
.flib-wrap .flib-detail h3,
.flib-wrap .flib-related-card strong {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-style: normal;
    letter-spacing: 0;
}

/* Titulo del libro */
.flib-wrap .flib-detail h1 {
    font-size: clamp(42px, 5vw, 66px);
    font-weight: 600;
    line-height: 1.08;
    color: #153f45;
}

/* Titulos de secciones */
.flib-wrap .flib-detail h2 {
    font-size: clamp(30px, 3.4vw, 39px);
    font-weight: 600;
    line-height: 1.15;
    color: #153f45;
}

/* Titulos de apartados pedagogicos */
.flib-wrap .flib-detail h3 {
    font-size: clamp(23px, 2.4vw, 28px);
    font-weight: 600;
    line-height: 1.2;
    color: #17454a;
}

/* Texto principal uniforme */
.flib-wrap .flib-detail-sections p,
.flib-wrap .flib-deep-analysis p,
.flib-wrap .flib-educational-panel p,
.flib-wrap .flib-educational-panel li,
.flib-wrap .flib-teacher-note p,
.flib-wrap .flib-bibliography p {
    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;
    color: #48646a;
}

/* Introduccion destacada */
.flib-wrap .flib-detail-lead {
    font-family: "Inter", Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
    color: #3c5b61;
}

/* Nombre del autor */
.flib-wrap .flib-detail-author {
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #577179;
}

/* Etiquetas y numeraciones */
.flib-wrap .flib-detail .flib-eyebrow,
.flib-wrap .flib-related-topic,
.flib-wrap .flib-level-highlight > span {
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Nivel recomendado */
.flib-wrap .flib-level-highlight strong {
    font-family: "Inter", Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
    color: #11544e;
}

/* Referencias bibliograficas */
.flib-wrap .flib-bibliography dt {
    font-size: 12px;
    font-weight: 700;
    color: #54736d;
}

.flib-wrap .flib-bibliography dd {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
    color: #173f43;
}

/* Orientacion para profesores */
.flib-wrap .flib-teacher-note > strong {
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #145d59;
}

/* Libros relacionados */
.flib-wrap .flib-related-card strong {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.12;
    color: #173f45;
}

.flib-wrap .flib-related-card small,
.flib-wrap .flib-related-card > span {
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.6;
}

/* Nota editorial */
.flib-wrap .flib-editorial-note {
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.75;
    color: #6c7f82;
}

/* Mantener legibilidad en moviles */
@media (max-width: 620px) {
    .flib-wrap .flib-detail h1 {
        font-size: 42px;
    }

    .flib-wrap .flib-detail h2 {
        font-size: 32px;
    }

    .flib-wrap .flib-detail h3 {
        font-size: 24px;
    }

    .flib-wrap .flib-detail-sections p,
    .flib-wrap .flib-deep-analysis p,
    .flib-wrap .flib-educational-panel p,
    .flib-wrap .flib-educational-panel li,
    .flib-wrap .flib-teacher-note p {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* FLAUTEA_173K_TITULOS_UNIFICADOS
   Estilo identico al de los recuadros superiores:
   Inter, sin remates, peso destacado.
*/

/* Apartados 01-06, bibliografia y secciones generales */
.flib-wrap .flib-detail .flib-detail-sections h2,
.flib-wrap .flib-detail .flib-deep-analysis h2,
.flib-wrap .flib-detail .flib-bibliography h2,
.flib-wrap .flib-detail .flib-educational h2,
.flib-wrap .flib-detail .flib-related h2 {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal;
    font-size: clamp(22px, 2.7vw, 30px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.025em;
    color: #143d43;
}

/* Los títulos de los cuatro cuadros pedagógicos */
.flib-wrap .flib-detail .flib-educational-panel h3 {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #143d43;
}

/* Títulos de los libros relacionados */
.flib-wrap .flib-detail .flib-related-card strong {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #143d43;
}

/* Texto complementario siempre coherente */
.flib-wrap .flib-detail .flib-deep-analysis p,
.flib-wrap .flib-detail .flib-educational-intro p,
.flib-wrap .flib-detail .flib-educational-panel p,
.flib-wrap .flib-detail .flib-educational-panel li,
.flib-wrap .flib-detail .flib-related-card small {
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
}

/* La portada y los datos bibliograficos se conservan */
@media (max-width: 620px) {
    .flib-wrap .flib-detail .flib-educational h2,
    .flib-wrap .flib-detail .flib-related h2,
    .flib-wrap .flib-detail .flib-deep-analysis h2,
    .flib-wrap .flib-detail .flib-bibliography h2 {
        font-size: 23px;
    }

    .flib-wrap .flib-detail .flib-educational-panel h3,
    .flib-wrap .flib-detail .flib-related-card strong {
        font-size: 17px;
    }
}