/* Casos · misma jerarquía y paleta que la landing */
body.cases-refresh { background: #fff; color: var(--navy); }
.cases-refresh .cases-shell { width: min(var(--max),calc(100% - 40px)); margin-inline: auto; }
.cases-refresh .site-nav a[aria-current="page"] { color: var(--blue); }
.cases-refresh .cases-hero {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.65fr);
  gap: clamp(36px,6vw,84px);
  align-items: center;
  padding-block: clamp(40px,4vw,56px);
}
.cases-refresh .cases-hero h1 {
  max-width: 760px;
  margin-bottom: 24px;
  font-size: clamp(2.625rem,4.6vw,4rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.04em;
  text-wrap: pretty;
}
.cases-refresh .cases-lead { max-width: 700px; margin-bottom: 0; color: #526078; font-size: 1.125rem; line-height: 1.7; }
.cases-refresh .cases-experience { padding: clamp(26px,3vw,36px); border: 1px solid #dce1eb; border-radius: 24px; background: #fff; }
.cases-refresh .cases-aside-label { margin-bottom: 20px; color: var(--blue); font-size: .875rem; font-weight: 600; }
.cases-refresh .cases-experience > strong { display: block; margin-bottom: 10px; font-size: clamp(3rem,4.5vw,4.25rem); font-weight: 600; line-height: 1; letter-spacing: -.04em; }
.cases-refresh .cases-experience > p:not(.cases-aside-label) { margin-bottom: 20px; color: #526078; font-size: 1rem; line-height: 1.65; }
.cases-refresh .cases-experience > span { display: block; padding-top: 18px; border-top: 1px solid #dce1eb; color: #59657b; font-size: .875rem; line-height: 1.6; }

.cases-refresh .cases-proof { padding: 28px clamp(24px,4vw,44px) 32px; border-radius: 24px; background: var(--navy); color: #fff; }
.cases-refresh .cases-proof-label { margin-bottom: 24px; color: #e0e5f1; font-size: .875rem; }
.cases-refresh .cases-proof-numbers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.cases-refresh .cases-proof article { padding-left: 26px; border-left: 1px solid #4b5570; }
.cases-refresh .cases-proof article:first-child { padding-left: 0; border-left: 0; }
.cases-refresh .cases-proof strong { display: block; margin-bottom: 8px; color: var(--mint); font-size: clamp(2rem,3vw,2.6rem); font-weight: 600; line-height: 1.1; letter-spacing: -.025em; }
.cases-refresh .cases-proof .result-word { font-size: clamp(1.25rem,2vw,1.65rem); line-height: 1.3; }
.cases-refresh .cases-proof p:not(.cases-proof-label) { max-width: 290px; margin-bottom: 0; color: #e0e5f1; font-size: 1rem; line-height: 1.6; }

.cases-refresh .case-collection { padding-block: clamp(52px,6vw,80px); }
.cases-refresh .case-collection-heading { display: flex; gap: 40px; align-items: end; justify-content: space-between; margin-bottom: 34px; }
.cases-refresh .case-collection-heading h2 { font-size: clamp(2rem,3vw,2.6rem); }
.cases-refresh .case-collection-heading > p { max-width: 410px; margin: 0; color: #526078; font-size: 1rem; line-height: 1.65; }
.cases-refresh .case-index { border-bottom: 1px solid #d6ddeb; }
.cases-refresh .case-entry { border-top: 1px solid #d6ddeb; }
.cases-refresh .case-entry > summary {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 220px 32px;
  gap: 20px;
  align-items: center;
  padding: 28px 8px;
  list-style: none;
  cursor: pointer;
}
.cases-refresh .case-entry > summary::-webkit-details-marker { display: none; }
.cases-refresh .case-entry > summary::marker { content: ""; }
.cases-refresh .case-entry > summary:focus-visible { outline: 3px solid var(--blue); outline-offset: -3px; border-radius: 8px; }
.cases-refresh .case-index-number { align-self: start; padding-top: 4px; color: var(--blue); font-size: .875rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.cases-refresh .case-summary-title { display: grid; gap: 8px; }
.cases-refresh .case-sector { color: var(--blue); font-size: .875rem; font-weight: 500; line-height: 1.5; }
.cases-refresh .case-summary-title > strong { max-width: 680px; color: var(--navy); font-size: clamp(1.25rem,1.8vw,1.6rem); font-weight: 600; line-height: 1.35; letter-spacing: -.025em; }
.cases-refresh .case-entry > summary:hover .case-summary-title > strong { color: var(--blue); }
.cases-refresh .case-summary-result { display: grid; gap: 7px; padding: 8px 16px; border-left: 3px solid var(--mint); }
.cases-refresh .case-summary-result > small { color: #59657b; font-size: .875rem; line-height: 1.5; }
.cases-refresh .case-summary-result > span { color: var(--blue); font-size: 1rem; font-weight: 600; line-height: 1.5; }
.cases-refresh .case-entry-diagnosis .case-summary-result { border-left-color: #d6ddeb; }
.cases-refresh .case-entry-diagnosis .case-summary-result > span { color: #526078; }
.cases-refresh .case-entry-toggle { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #b5c8ec; border-radius: 50%; color: var(--blue); font-size: 1.4rem; font-weight: 400; line-height: 1; }
.cases-refresh .case-entry[open] .case-entry-toggle { background: #edf2ff; transform: rotate(45deg); }
.cases-refresh .case-readout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0 0 28px 66px; border: 1px solid #dce1eb; border-radius: 16px; background: #fff; }
.cases-refresh .case-readout > div { min-width: 0; padding: 25px; }
.cases-refresh .case-readout > div + div { border-left: 1px solid #dce1eb; }
.cases-refresh .case-readout-finding { background: #f3f6fc; }
.cases-refresh .case-readout h3 { margin-bottom: 14px; color: var(--blue); font-size: .875rem; font-weight: 600; line-height: 1.5; letter-spacing: .01em; }
.cases-refresh .case-readout p { margin-bottom: 0; color: #526078; font-size: 1rem; line-height: 1.7; }
.cases-refresh .case-readout-result { border-radius: 0 16px 16px 0; }
.cases-refresh .case-readout-result h3 { width: fit-content; padding-bottom: 6px; border-bottom: 3px solid var(--mint); }
.cases-refresh .case-readout-result p { color: var(--navy); }
.cases-refresh .case-entry-diagnosis .case-readout-result h3 { border-bottom-color: #d6ddeb; }
.cases-refresh .cases-source-note { max-width: 920px; margin: 26px 0 0; color: #59657b; font-size: .875rem; line-height: 1.65; }
.cases-refresh .site-footer { border-top: 1px solid #dce1eb; }

@media (max-width: 1000px) {
  .cases-refresh .cases-hero { grid-template-columns: minmax(0,1.15fr) minmax(260px,.75fr); gap: 32px; }
  .cases-refresh .case-entry > summary { grid-template-columns: 30px minmax(0,1fr) 185px 32px; gap: 16px; }
  .cases-refresh .case-readout { margin-left: 54px; }
  .cases-refresh .case-readout > div { padding: 20px; }
}
@media (max-width: 840px) {
  .cases-refresh .case-collection-heading { align-items: start; flex-direction: column; gap: 18px; }
  .cases-refresh .case-collection-heading > p { max-width: 640px; }
  .cases-refresh .case-readout { grid-template-columns: 1fr; }
  .cases-refresh .case-readout > div + div { border-left: 0; border-top: 1px solid #dce1eb; }
  .cases-refresh .case-readout-result { border-radius: 0 0 16px 16px; }
}
@media (max-width: 760px) {
  .cases-refresh .cases-hero { grid-template-columns: 1fr; gap: 28px; padding-block: 40px; }
  .cases-refresh .cases-lead { font-size: 1rem; }
  .cases-refresh .cases-experience { padding: 24px; border-radius: 18px; }
  .cases-refresh .cases-proof { padding: 24px; border-radius: 18px; }
  .cases-refresh .cases-proof-numbers { grid-template-columns: 1fr; gap: 0; }
  .cases-refresh .cases-proof article { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 20px; padding: 18px 0; border-left: 0; border-top: 1px solid #4b5570; }
  .cases-refresh .cases-proof article:first-child { padding-top: 0; border-top: 0; }
  .cases-refresh .cases-proof article:last-child { padding-bottom: 0; }
  .cases-refresh .cases-proof strong { margin-bottom: 0; font-size: 2rem; }
  .cases-refresh .cases-proof .result-word { font-size: 1rem; overflow-wrap: normal; }
  .cases-refresh .cases-proof-numbers article { grid-template-columns: 120px minmax(0,1fr); gap: 16px; }
  .cases-refresh .case-entry > summary { grid-template-columns: 25px minmax(0,1fr) 32px; gap: 16px 12px; padding: 24px 0; }
  .cases-refresh .case-index-number { grid-column: 1; grid-row: 1/3; }
  .cases-refresh .case-summary-title { grid-column: 2; grid-row: 1; }
  .cases-refresh .case-summary-title > strong { font-size: 1.3rem; }
  .cases-refresh .case-summary-result { grid-column: 2; grid-row: 2; padding-block: 4px; }
  .cases-refresh .case-entry-toggle { grid-column: 3; grid-row: 1; align-self: start; }
  .cases-refresh .case-readout { margin-left: 0; }
  .cases-refresh .case-readout > div { padding: 22px; }
}
@media (prefers-reduced-motion: no-preference) {
  .cases-refresh .case-entry-toggle { transition: transform 160ms ease,background 160ms ease; }
}