/* ============================================================================
   improvements.css — v0.3: mejoras incrementales sobre el front ACTUAL (dev)
   Sesión de diseño 2026-07-28. Capa de PREVIEW: se carga después de app.css y
   mejora lo existente sin tocar el SCSS ni rebuildear. Reversible: quitar el
   <link> de templates/base.html.

   Ataca los "quick wins" del recon (selectores y valores reales del código):
   1. Radios unificados (había 0/3/4/5/6/8/10/12/27px sueltos) → 3 escalones.
   2. Sombras y bordes suaves (menos "cajas duras genéricas").
   3. Números en monoespaciada (precisión de dato) — solo los claramente numéricos.
   4. Cookie banner menos invasivo + más legible.
   5. Respiro en la intro de la ficha (estaba apretada a 15px).

   Usa !important SOLO porque es una capa sobre app.css compilado. Al productivizar,
   esto se pliega al SCSS (base/_globals.scss + los _*.scss) SIN !important — ver
   quick wins #1/#2/#3 del recon en design/bitacora-2026-07-28.md.
   ============================================================================ */
:root{
  --po-radius-sm: 6px;
  --po-radius-md: 10px;
  --po-radius-lg: 14px;
  --po-border-soft: #E7EAEE;
  --po-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --po-shadow-soft: 0 1px 2px rgba(20,30,40,.05), 0 8px 22px -10px rgba(20,40,60,.18);
}

/* 1 + 2 — Radios unificados, sombras y bordes suaves ---------------------- */
.card{
  border-radius: var(--po-radius-lg) !important;
  border-color: var(--po-border-soft) !important;
  box-shadow: var(--po-shadow-soft) !important;
  transition: box-shadow .15s ease-out, transform .15s ease-out;
}
.card:hover{ transform: translateY(-2px); }
.card__image{ border-top-left-radius: var(--po-radius-lg) !important; border-top-right-radius: var(--po-radius-lg) !important; }
.site-navbar{ box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 8px 24px -14px rgba(0,0,0,.30) !important; }
.cardtooltip, .tooltip, .info-hint__text, .search-box-mobile, .search-form, aside{
  border-radius: var(--po-radius-md) !important;
}
.medium__image{
  border-radius: var(--po-radius-md) !important;
  border-color: var(--po-border-soft) !important;
}
.stat__value .item{
  border-radius: var(--po-radius-sm) !important;
  border-color: var(--po-border-soft) !important;
}
/* Bordes divisorios duros (#4d4d4d/#ccc) → suaves */
.medium__content{ border-bottom-color: var(--po-border-soft) !important; }
.section__header h3{ border-bottom-color: var(--po-border-soft) !important; }
.section__row::after{ background-color: var(--po-border-soft) !important; }

/* 3 — Números en monoespaciada (solo los claramente numéricos) ------------ */
.results-counter, .number{
  font-family: var(--po-font-mono) !important;
  font-feature-settings: "tnum" 1;
  letter-spacing: -.01em;
}

/* 4 — Cookie banner: menos invasivo, más legible ------------------------- */
.CookielawBanner{ box-shadow: 0 -2px 18px -8px rgba(0,0,0,.30) !important; }
.CookielawBanner .msn{ font-size: 14px !important; line-height: 1.5 !important; }
.CookielawBanner .btn-accept,
.CookielawBanner .btn-reject{
  border-radius: var(--po-radius-sm) !important;
  padding: 8px 20px !important;
}

/* 5 — Respiro en la intro de la ficha (estaba a 15px) -------------------- */
.medium__content{
  padding-bottom: 22px !important;
  margin-bottom: 24px !important;
}