/* Estilos propios de esta página. La base común está en assets/kalculia-ui.css. */
#ic-chart { display: block; width: 100%; cursor: crosshair; }
#btn-download-csv { margin-top: var(--s-4); }
.ic-result .calc-result-grid { margin-top: var(--s-4); }


/* =============================================================
   Móvil: revisión a 375 px
   ============================================================= */
.hero-sub--short { display: none; }
.rate-chip .rc-pct::before { content: "("; }
.rate-chip .rc-pct::after { content: ")"; }

/* 1) Datos que faltan */
.ic-missing { margin-top: var(--s-3); padding: var(--s-3) var(--s-4); border-radius: var(--radius); background: var(--accent-soft); color: var(--accent-dark); font-size: .9rem; font-weight: 600; }
.ic-missing[hidden], .ic-missing:empty { display: none; }


@media (max-width: 559px) {
  /* 8) Cabecera compacta */
  .hero h1 { font-size: 1.6rem; }
  .hero .hero-sub--long { display: none; }
  .hero .hero-sub--short { display: block; font-size: .95rem; line-height: 1.5; }
  .hero .byline-top { font-size: .76rem; }
  .hero .hero-art { transform: scale(.62); transform-origin: top right; }

  /* 5) Rentabilidad: 3 botones iguales en una fila, % arriba y nombre debajo */
  .rate-chips { display: grid; grid-template-columns: repeat(3, 1fr); }
  .rate-chip { flex-direction: column; justify-content: center; gap: 0; padding: var(--s-2) var(--s-1); line-height: 1.2; }
  .rate-chip .rc-pct { order: -1; font-family: var(--display); font-weight: 800; font-size: 1rem; }
  .rate-chip .rc-pct::before, .rate-chip .rc-pct::after { content: none; }
  .rate-chip .rc-name { font-size: .78rem; }

  /* 4) Cifras como lista compacta de 3 filas */
  .ic-result .calc-result-grid { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 0; padding: var(--s-1) var(--s-4); border-radius: var(--radius-lg); background: var(--surface-2); }
  .ic-result .calc-result-grid .result-stat { flex-direction: row; align-items: baseline; justify-content: space-between; gap: var(--s-3); padding: var(--s-3) 0; min-height: 0; border-radius: 0; background: none; box-shadow: none; color: var(--text); }
  .ic-result .calc-result-grid .result-stat + .result-stat { border-top: 1px solid var(--rule); }
  .ic-result .calc-result-grid .result-stat--highlight .result-label, .ic-result .calc-result-grid .result-stat--highlight .result-value { color: var(--opt-a-ink); }
  .ic-result .calc-result-grid .result-value { font-size: 1.1rem; white-space: nowrap; }

}

/* 9) Letra mínima de 13 px en la tabla */
.vat-table thead th { font-size: .8125rem; }

/* Enlace a /insertar/ bajo la tarjeta de compartir */
.embed-cta { margin-top: var(--s-3); text-align: center; }
.embed-cta a { color: var(--accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }