/* =====================================================================
   BarnCalc · Fichas de raza (.bcb-breed) — prefijo bcb- para no chocar con las calculadoras (.bc-)
   Añadir UNA sola vez: Apariencia > Personalizar > CSS adicional,
   o con WPCode / child theme. No pegar en cada post.
   Usa los mismos tokens de color que las calculadoras (.bcb-dog).
   ===================================================================== */
.bcb-breed{
  --pasture:#3d5a3f;--pasture-d:#2c4530;--raddle:#c9742e;--raddle-d:#a85f22;
  --male:#3a7a4a;--female:#c9742e;
  --slate:#2b2b28;--muted:#6b6f66;--paper:#ffffff;--field:#f6f5f0;--sage:#eaf0e8;--line:#e3e0d6;
  color:var(--slate);line-height:1.65;font-size:17px;
  container-type:inline-size;container-name:bcb;
}
.bcb-breed *,.bcb-breed *::before,.bcb-breed *::after{box-sizing:border-box;}
.bcb-breed p{margin:0 0 1em;}
.bcb-breed a{color:var(--pasture);text-decoration-thickness:1px;text-underline-offset:3px;}
.bcb-breed a:hover{color:var(--pasture-d);}
.bcb-breed h2{margin:2.2em 0 .6em;line-height:1.2;scroll-margin-top:90px;}
.bcb-breed h3{margin:1.6em 0 .5em;line-height:1.25;}
.bcb-breed .bcb-num{font-variant-numeric:tabular-nums;}

/* --- imagen destacada al inicio (la añade el plugin) --- */
figure.bcb-hero{margin:0 0 22px;border-radius:16px;overflow:hidden;background:#f6f5f0;border:1px solid #e3e0d6;}
figure.bcb-hero img.bcb-hero-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 35%;margin:0;}
figure.bcb-hero figcaption{font-size:12.5px;color:#6b6f66;padding:8px 14px;background:#f6f5f0;border-top:1px solid #e3e0d6;}
figure.bcb-hero figcaption a{color:#3d5a3f;}

/* --- cabecera --- */
.bcb-breed .bcb-eyebrow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;}
.bcb-breed .bcb-eyebrow li{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:var(--sage);color:var(--pasture-d);border-radius:999px;padding:4px 11px;margin:0;}
.bcb-breed .bcb-lead{font-size:19px;line-height:1.6;}
.bcb-breed .bcb-byline{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:4px;}

/* --- fichas de datos clave --- */
.bcb-breed .bcb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 8px;}
.bcb-breed .bcb-fact{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:13px 14px;
  box-shadow:0 2px 10px rgba(43,43,40,.04);}
.bcb-breed .bcb-fact-k{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);}
.bcb-breed .bcb-fact-v{font-size:17px;font-weight:800;line-height:1.25;margin-top:4px;}
.bcb-breed .bcb-fact-s{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.35;}
.bcb-breed .bcb-fact-hl{background:var(--pasture);border-color:var(--pasture);color:#fff;}
.bcb-breed .bcb-fact-hl .bcb-fact-k,.bcb-breed .bcb-fact-hl .bcb-fact-s{color:#dfe8dd;}

/* --- índice --- */
.bcb-breed .bcb-toc{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:24px 0;}
.bcb-breed .bcb-toc-t{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.bcb-breed .bcb-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:15px;}
.bcb-breed .bcb-toc li{margin:0 0 4px;break-inside:avoid;}

/* --- tablas --- */
.bcb-breed .bcb-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:16px 0 8px;background:var(--paper);}
.bcb-breed table.bcb-table{width:100%;border-collapse:collapse;font-size:15px;margin:0;min-width:420px;}
.bcb-breed .bcb-table th,.bcb-breed .bcb-table td{padding:10px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);}
.bcb-breed .bcb-table thead th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--field);font-weight:800;}
.bcb-breed .bcb-table tbody tr:nth-child(even){background:#fbfaf7;}
.bcb-breed .bcb-table tbody tr:last-child td{border-bottom:0;}
.bcb-breed .bcb-table td small{color:var(--muted);font-size:.85em;margin-left:4px;}
.bcb-breed .bcb-table tr.bcb-row-strong td{font-weight:800;background:var(--sage);}
.bcb-breed .bcb-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:baseline;}
.bcb-breed .bcb-dot-m{background:var(--male);}
.bcb-breed .bcb-dot-f{background:var(--female);}
.bcb-breed .bcb-note{font-size:13.5px;color:var(--muted);}

/* --- figura del gráfico --- */
.bcb-breed figure.bcb-chart{margin:18px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);}
.bcb-breed figure.bcb-chart img{display:block;width:100%;height:auto;margin:0;}
.bcb-breed figure.bcb-chart figcaption{font-size:13px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line);background:var(--field);}

/* --- CTA y callouts --- */
.bcb-breed .bcb-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:var(--sage);border:1px solid #d6e2d3;border-radius:14px;padding:14px 18px;margin:18px 0;}
.bcb-breed .bcb-cta p{margin:0;font-weight:600;}
.bcb-breed .bcb-btn{display:inline-block;background:var(--pasture);color:#fff !important;text-decoration:none;font-weight:800;
  border-radius:11px;padding:11px 16px;font-size:15px;line-height:1.2;white-space:nowrap;}
.bcb-breed .bcb-btn:hover{background:var(--pasture-d);}
.bcb-breed .bcb-callout{border-left:4px solid var(--raddle);background:#fbf3ec;border-radius:0 12px 12px 0;padding:14px 18px;margin:20px 0;}
.bcb-breed .bcb-callout-t{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--raddle-d);margin-bottom:4px;}
.bcb-breed .bcb-callout p:last-child{margin-bottom:0;}

/* --- medidores de carácter (1–5) --- */
.bcb-breed .bcb-traits{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:18px 0;padding:0;list-style:none;}
.bcb-breed .bcb-trait{margin:0;}
.bcb-breed .bcb-trait-h{display:flex;justify-content:space-between;font-size:14.5px;font-weight:700;}
.bcb-breed .bcb-trait-h span:last-child{color:var(--muted);font-weight:600;}
.bcb-breed .bcb-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px;}
.bcb-breed .bcb-meter i{display:block;height:8px;border-radius:4px;background:var(--line);}
.bcb-breed .bcb-lv-1 i:nth-child(-n+1),.bcb-breed .bcb-lv-2 i:nth-child(-n+2),.bcb-breed .bcb-lv-3 i:nth-child(-n+3),
.bcb-breed .bcb-lv-4 i:nth-child(-n+4),.bcb-breed .bcb-lv-5 i:nth-child(-n+5){background:var(--pasture);}

/* --- listas con icono --- */
.bcb-breed ul.bcb-list{list-style:none;padding:0;margin:10px 0 18px;}
.bcb-breed ul.bcb-list li{position:relative;padding-left:24px;margin:0 0 7px;}
.bcb-breed ul.bcb-list li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--pasture);}

/* --- dos columnas (sí / no) --- */
.bcb-breed .bcb-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;}
.bcb-breed .bcb-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.bcb-breed .bcb-card h3{margin:0 0 6px;font-size:17px;}
.bcb-breed .bcb-card p{margin:0;font-size:15.5px;}
.bcb-breed .bcb-card-yes{border-top:4px solid var(--male);}
.bcb-breed .bcb-card-no{border-top:4px solid var(--raddle);}

/* --- calculadora embebida --- */
.bcb-breed .bcb-calcwrap{margin:22px 0;}

/* --- FAQ --- */
.bcb-breed .bcb-faq details{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:0 0 8px;overflow:hidden;}
.bcb-breed .bcb-faq summary{cursor:pointer;list-style:none;padding:14px 46px 14px 16px;font-weight:700;position:relative;}
.bcb-breed .bcb-faq summary::-webkit-details-marker{display:none;}
.bcb-breed .bcb-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font-weight:800;font-size:20px;color:var(--muted);}
.bcb-breed .bcb-faq details[open] summary::after{content:"–";}
.bcb-breed .bcb-faq details[open] summary{background:var(--field);border-bottom:1px solid var(--line);}
.bcb-breed .bcb-faq .bcb-faq-a{padding:12px 16px 4px;font-size:16px;}

/* --- tarjetas de enlace (razas similares / calculadoras) --- */
.bcb-breed .bcb-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0;padding:0;list-style:none;}
.bcb-breed .bcb-links li{margin:0;}
.bcb-breed .bcb-links a{display:block;height:100%;background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:12px 14px;text-decoration:none;color:var(--slate);font-weight:700;font-size:15px;transition:border-color .15s,box-shadow .15s;}
.bcb-breed .bcb-links a span{display:block;font-weight:500;font-size:13px;color:var(--muted);margin-top:2px;}
.bcb-breed .bcb-links a:hover{border-color:var(--pasture);box-shadow:0 3px 12px rgba(61,90,63,.12);}

/* --- fuentes y revisión --- */
.bcb-breed .bcb-sources{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:28px 0 8px;font-size:14px;}
.bcb-breed .bcb-sources h2{font-size:18px;margin:0 0 8px;}
.bcb-breed .bcb-sources ol{margin:0 0 10px;padding-left:20px;}
.bcb-breed .bcb-sources li{margin:0 0 4px;word-break:break-word;}
.bcb-breed .bcb-sources p{margin:6px 0 0;color:var(--muted);}

@media (max-width:720px){
  .bcb-breed{font-size:16.5px;}
  .bcb-breed .bcb-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bcb-breed .bcb-toc ol{columns:1;}
  .bcb-breed .bcb-traits,.bcb-breed .bcb-two{grid-template-columns:1fr;}
  .bcb-breed .bcb-lead{font-size:18px;}
  .bcb-breed .bcb-cta .bcb-btn{width:100%;text-align:center;}
  .bcb-breed table.bcb-table{min-width:0;font-size:14.5px;}
  .bcb-breed .bcb-table th,.bcb-breed .bcb-table td{padding:9px 10px;}
  .bcb-breed .bcb-table td small{display:block;margin-left:0;}
}
@container bcb (max-width:640px){
  .bcb-breed{font-size:16.5px;}
  .bcb-breed .bcb-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bcb-breed .bcb-toc ol{columns:1;}
  .bcb-breed .bcb-traits,.bcb-breed .bcb-two{grid-template-columns:1fr;}
  .bcb-breed .bcb-lead{font-size:18px;}
  .bcb-breed .bcb-cta .bcb-btn{width:100%;text-align:center;}
  .bcb-breed table.bcb-table{min-width:0;font-size:14.5px;}
  .bcb-breed .bcb-table th,.bcb-breed .bcb-table td{padding:9px 10px;}
  .bcb-breed .bcb-table td small{display:block;margin-left:0;}
}
@media print{
  .bcb-breed .bcb-toc,.bcb-breed .bcb-cta,.bcb-breed .bcb-calcwrap{display:none;}
}