/* assets/story-portfolio.css — estilos del módulo 'story-portfolio' */

/* "Sobre esta cartera": mismo lenguaje visual que .story-card/.story-block de
   style.css (tarjeta "Sobre el fondo"). #portfolio-story ya hereda .card y
   .story-card (base, borde en pantalla, look sin borde + Lora al imprimir) y
   .card-title (pastilla verde) directamente de style.css; aquí solo lo que es
   propio de la cartera: el párrafo de conjunto y la lista de fondos. */

.story-conjunto {
  margin: 10px 0 18px;
  font-size: .95rem;
  line-height: 1.6;
  color: var(--ink);
}

.story-fund-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) { .story-fund-list { grid-template-columns: 1fr 1fr; } }

.story-fund-item { padding: 0; }

.story-fund-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.story-fund-head strong { font-size: .92rem; color: var(--ink); }
.story-fund-weight { flex: none; font-size: .8rem; font-weight: 650; color: var(--accent); }

.story-fund-item p {
  margin: 4px 0 0;
  font-size: .9rem;
  line-height: 1.55;
  color: var(--muted);
}

@media print {
  .story-conjunto { font-size: 12.5px; line-height: 1.5; margin: 0 0 14px; }
  .story-fund-list { grid-template-columns: 1fr 1fr; gap: 10px 28px; }
  .story-fund-item { break-inside: avoid; }
  .story-fund-head strong { color: #153d30; font-size: 12px; }
  .story-fund-weight { color: #153d30; font-size: 11px; }
  .story-fund-item p { font-size: 11.5px; color: #333; }
}