/* tarjeta_ipc.css — tarjeta del IPC de EE. UU. (Importantes y Semana anterior). Letra ≥ 12 px, sin posiciones absolutas, tabla → tarjetas en móvil. */
.ti-card { border: 1px solid var(--t-borde, rgba(255,255,255,.1)); border-left: 3px solid var(--t-naranja, #ff7a2e); border-radius: 12px; padding: 14px 16px; margin: 0 0 14px; display: grid; gap: 10px; min-width: 0; background: var(--t-panel, #131314); }
.ti-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; align-items: baseline; }
.ti-kick { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--t-naranja-2, #ff9a5c); font-weight: 600; }
.ti-fecha { font-size: 12.5px; opacity: .75; }
.ti-tit { margin: 0; font-size: clamp(17px, 4.6vw, 21px); line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }
.ti-datos { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.ti-dato { display: grid; gap: 3px; align-content: start; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.03); min-width: 0; }
.ti-et { font-size: 13px; } .ti-et i { font-style: normal; opacity: .7; }
.ti-v { font-size: clamp(22px, 6vw, 28px); font-weight: 600; }
.ti-alza { color: #4cc38a; } .ti-baja { color: #e5594f; }
.ti-ap, .ti-sorp { font-size: 12.5px; overflow-wrap: anywhere; }
.ti-bp { font-size: 14px; overflow-wrap: anywhere; }
.ti-det-card summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; font-size: 14px; font-weight: 600; list-style: none; }
.ti-det-card summary::-webkit-details-marker { display: none; }
.ti-chev { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; flex: none; }
.ti-det-card[open] .ti-chev { transform: rotate(-135deg); }
.ti-cuerpo { display: grid; gap: 12px; }
.ti-cuerpo h5 { margin: 4px 0 0; font-size: 14px; }
.ti-bloques { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ti-bloque { padding: 10px 12px; border: 1px solid var(--t-borde, rgba(255,255,255,.08)); border-radius: 10px; display: grid; gap: 6px; align-content: start; min-width: 0; }
.ti-bloque h5 { margin: 0; }
.ti-cifras { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: 13px; }
.ti-txt, .ti-lect, .ti-emp { margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.ti-det { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; font-size: 13px; }
.ti-det li { display: flex; justify-content: space-between; gap: 8px; } .ti-det i { font-style: normal; opacity: .65; }
.ti-tabla { display: grid; gap: 0; border: 1px solid var(--t-borde, rgba(255,255,255,.08)); border-radius: 10px; overflow: hidden; }
.ti-fila { display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px 12px; font-size: 13.5px; border-top: 1px solid var(--t-borde, rgba(255,255,255,.06)); align-items: center; }
.ti-reac .ti-fila { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }
.ti-fila > span { min-width: 0; overflow-wrap: anywhere; }
.ti-cab { border-top: 0; font-size: 12px; opacity: .75; text-transform: uppercase; letter-spacing: .03em; }
.ti-nom em { display: block; font-style: normal; font-size: 12px; }
.ti-empuja .ti-nom em, .ti-empuja .ti-contrib { color: #e5594f; } .ti-frena .ti-nom em, .ti-frena .ti-contrib { color: #4cc38a; }
.ti-fed { margin: 0; padding-left: 18px; font-size: 13.5px; display: grid; gap: 4px; }
.ti-pie, .ti-int { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .ti-card { padding: 12px; }
  .ti-datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ti-cab { display: none; }
  .ti-tabla { border: 0; gap: 8px; }
  .ti-fila, .ti-reac .ti-fila { grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--t-borde, rgba(255,255,255,.08)); border-radius: 10px; padding: 10px; row-gap: 6px; }
  .ti-fila .ti-nom { grid-column: 1 / -1; font-weight: 600; }
  .ti-fila > [data-et]::before { content: attr(data-et); display: block; font-size: 12px; opacity: .65; }
  .ti-reac .ti-fila { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print { .ti-card { break-inside: avoid; } }