/* Cóndor comparte el sistema visual de la ficha Pudú, sin modificarla. */
.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .12em; color: var(--navy); margin-bottom: 20px; }
.hero .eyebrow, .dark-section .eyebrow { color: var(--mint); }
.hero h1 { margin-bottom: 28px; }
.hero-art img { width: 300px; }
.policy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 48px; }
.policy-grid > div { border-top: 1px solid #ffffff40; padding-top: 24px; }
.policy-grid strong { display: block; font: 600 clamp(32px, 4vw, 54px)/1.2 var(--display-font); color: var(--mint); }
.policy-grid span { display: block; margin-top: 12px; color: #bac9e4; }
.composition-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.composition-heading .eyebrow { margin-bottom: 12px; }
.composition-heading h2 { font-size: clamp(27px, 3vw, 36px); }
.composition-date { flex-shrink: 0; font-size: 12px; font-weight: 600; color: var(--navy); border: 1px solid var(--line); border-radius: 100px; padding: 8px 14px; }
.composition-chart { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: center; margin-top: 28px; padding: 32px 40px; background: var(--paper); border: 1px solid var(--line); border-radius: 20px; }
.composition-donut { width: 280px; max-width: 100%; justify-self: center; }
.composition-donut svg { display: block; width: 100%; height: auto; overflow: visible; }
.donut-name { fill: var(--navy); font: 600 25px var(--display-font); }
.donut-label { fill: var(--muted); font: 12px var(--body-font); }
.composition-list { display: grid; gap: 0; line-height: 1.45; }
.composition-list > div { display: grid; grid-template-columns: 1fr auto; gap: 20px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.composition-list > div:last-child { border-bottom: 0; }
.composition-list dt { color: var(--muted); display: flex; align-items: center; gap: 12px; }
.composition-list dt::before { content: ''; width: 11px; height: 11px; flex-shrink: 0; background: var(--slice); border-radius: 3px; }
.composition-list dd { color: var(--navy); font-family: var(--display-font); font-weight: 600; font-variant-numeric: tabular-nums; }
.composition-footnote { display: flex; align-items: start; gap: 32px; justify-content: space-between; margin-top: 18px; }
.composition-footnote .source-note { margin-top: 0; max-width: 760px; font-size: 12px; }
.composition-detail { flex-shrink: 0; color: var(--navy); font-size: 13px; font-weight: 600; padding-block: 3px; }
.source-note { margin-top: 24px; font-size: 13px; line-height: 1.7; color: var(--muted); }
.registration-link { display: inline-block; color: #bac9e4; margin-top: 26px; }
.facts-grid > div { min-width: 0; }
.facts-grid dd { max-width: 62%; }
@media (max-width: 1000px) { .composition-chart { grid-template-columns: 240px minmax(0, 1fr); padding: 28px; gap: 28px; } .composition-donut { width: 240px; } }
@media (max-width: 800px) { .composition-chart { grid-template-columns: 1fr; gap: 20px; } .composition-footnote { flex-direction: column; gap: 12px; } }
@media (max-width: 520px) {
  .policy-grid { grid-template-columns: 1fr; gap: 24px; }
  .policy-grid { margin-top: 34px; }
  .composition-list dt, .composition-list dd { font-size: 14px; }
  .composition-heading { align-items: start; flex-direction: column; gap: 16px; }
  .composition-chart { padding: 24px 18px; border-radius: 16px; margin-top: 22px; }
  .composition-donut { width: 220px; }
  .composition-list > div { gap: 12px; padding: 11px 0; }
  .composition-list dt { gap: 8px; font-size: 13px; }
}