/* BienVivir — ficha individual del glosario (single-saber.php).
   Aprobado sobre design-src/preview/saber-ficha.html — ver DESIGN_BRIEF.md §6.4-6.5. */

.f-hero{position:relative;min-height:36vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;}
.f-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.f-hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,28,33,.35) 0%,rgba(18,28,33,.6) 100%);}
.f-hero .container{position:relative;padding-block:clamp(2rem,5vw,2.6rem) clamp(2.2rem,6vw,3.2rem);}
.f-hero.sin-foto{background:var(--piedra);color:var(--ink);min-height:auto;}
.f-hero.sin-foto .container{padding-block:2rem 2.4rem;}
.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;text-decoration:none;margin-bottom:.7rem;opacity:.85;color:inherit;}
.back-link svg{flex-shrink:0;}
.back-bottom{max-width:760px;margin:2rem auto 0;text-align:right;}
.back-bottom .back-link{margin-bottom:0;}
.f-hero h1{font-family:var(--fs-serif);font-weight:400;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;margin:0 0 .7rem;color:#fff;}
.f-hero.sin-foto h1{color:var(--ink);}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.chip-cat{font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:.35rem;}
.chip-cat .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.c-mente{background:var(--cat-mente-tint);color:var(--cat-mente-ink);}
.c-cuerpo{background:var(--cat-cuerpo-tint);color:var(--cat-cuerpo-ink);}
.c-trad{background:var(--cat-trad-tint);color:var(--cat-trad-ink);}
.c-nat{background:var(--cat-nat-tint);color:var(--cat-nat-ink);}

.f-body{padding:3rem 0 5rem;}
.f-content{max-width:760px;margin:0 auto;}
.f-section{margin-bottom:2.2rem;}
.f-section h2{font-family:var(--fs-serif);font-weight:400;font-size:1.5rem;margin-bottom:.6rem;}
.f-section p{color:#3f3d34;max-width:70ch;}

.disclaimer-box{background:var(--arena);border:1px solid #ece6d2;border-radius:var(--r-md);padding:1.1rem 1.3rem;
  color:#5c563f;font-size:.86rem;margin:2.4rem auto;max-width:760px;}
.disclaimer-box b{color:#42402f;}

.prof-title{font-family:var(--fs-sans);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--agua-texto);margin:2.6rem auto .9rem;max-width:760px;}
.prof-wrap{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow);}
table.prof-table{width:100%;border-collapse:collapse;font-size:.86rem;}
.prof-table th{text-align:left;font-weight:600;color:var(--muted);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
  padding:.8rem 1rem;border-bottom:1px solid var(--border);background:var(--g50);}
.prof-table td{padding:.9rem 1rem;border-bottom:1px solid var(--g100);vertical-align:top;}
.prof-table tr:last-child td{border-bottom:none;}
.prof-table td a{color:var(--agua-texto);text-decoration:none;}
.prof-table td a:hover{text-decoration:underline;}
.pill-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;padding:.3rem .7rem;
  border-radius:var(--r-pill);background:var(--g100);color:var(--ink);text-decoration:none;border:1px solid var(--border);
  margin:.25rem .3rem .3rem 0;}
.pill-link:hover{background:var(--g200);}
.pill-link svg{width:13px;height:13px;flex-shrink:0;}
.redes-cell{display:flex;flex-wrap:wrap;}
.prof-empty{padding:2.2rem 1.3rem;text-align:center;color:var(--muted);font-size:.9rem;}

.ref-cta{max-width:760px;margin:2.2rem auto 0;background:var(--salvia);border-radius:var(--r-lg);padding:1.6rem 1.8rem;}
.ref-cta h3{font-family:var(--fs-serif);font-size:1.25rem;margin-bottom:.5rem;color:#2c2f2a;}
.ref-cta p{color:#3a3d37;font-size:.88rem;margin-bottom:1rem;}
.ref-cta .btn{background:var(--ink);border-color:var(--ink);color:#fff;}
.ref-cta .mail-plain{font-size:.78rem;color:#4d5049;margin-top:.7rem;}
.ref-cta .mail-plain a{text-decoration:underline;}

@media (max-width:768px){
  .prof-table thead{display:none;}
  .prof-table, .prof-table tbody, .prof-table tr, .prof-table td{display:block;width:100%;}
  .prof-table tr{padding:1rem 1.1rem;border-bottom:1px solid var(--g100);}
  .prof-table td{padding:.25rem 0;border-bottom:none;}
  .prof-table td[data-label]::before{content:attr(data-label);display:block;font-size:.64rem;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;}
}