/* lista-premium 20261024 · Vista LISTA limpia (reemplaza lista-movil.css). Solo body.vista-lista; Tarjetas intacta.
   Renglón: miniatura · nombre + 1 etiqueta · fechas · desglose + mensualidad protagonista · contado · botones.
   SAP / Vigencia / Tech / SO salen del renglón (siguen en Tarjetas y en «Ver más»). Revertir: volver a lista-movil.css en index.html. */
body.vista-lista #grid{gap:.6rem}
body.vista-lista #grid .card{
  display:grid;background:#fff;border:1px solid #e6e3dc;border-radius:14px;
  box-shadow:0 1px 2px rgba(11,42,74,.04);margin:0;min-width:0;
}
body.vista-lista #grid .card:nth-child(even){background:#fff}
body.vista-lista #grid .card:hover{border-color:#cfd6df;box-shadow:0 4px 14px rgba(11,42,74,.07)}
/* fuera del renglón */
body.vista-lista #grid .card dl,
body.vista-lista #grid .card .serie,
body.vista-lista #grid .card .so-linea,
body.vista-lista #grid .card .badge-lz,
body.vista-lista #grid .card .badge-so{display:none!important}
/* una sola etiqueta */
body.vista-lista #grid .card > .meta-row{display:flex;gap:0;margin:0;line-height:1;min-width:0}
body.vista-lista #grid .card > .meta-row > *{display:none}
body.vista-lista #grid .card > .meta-row > :first-child{display:inline-block}
body.vista-lista #grid .card > .meta-row > *{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:.22rem .5rem;border-radius:999px;background:#f3efe4;color:#8a6a12;border:0;white-space:nowrap}
body.vista-lista #grid .card > .meta-row > .badge-new{background:#0b2a4a;color:#fff}
/* miniatura */
body.vista-lista #grid .card > .row-thumb{grid-area:thumb;display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:12px;background:#f2f4f7;color:#0b2a4a;font-weight:800;font-size:1.1rem;overflow:hidden;align-self:center}
body.vista-lista #grid .card > .row-thumb img{width:100%;height:100%;object-fit:contain}
/* nombre */
body.vista-lista #grid .card h2{grid-area:title;margin:0;font-size:1.02rem;line-height:1.25;font-weight:800;color:#0b2a4a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* fechas discretas en una línea */
body.vista-lista #grid .card .pf-linea,body.vista-lista #grid .card .lanz-fecha{margin:0;font-size:.74rem;line-height:1.3;color:#7a7f87;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.vista-lista #grid .card .pf-linea{grid-area:pf}
body.vista-lista #grid .card .lanz-fecha{grid-area:lz}
body.vista-lista #grid .card .pf-linea ~ .lanz-fecha::before{content:"\00a0·\00a0"}
/* precio */
body.vista-lista #grid .card .et-precio{grid-area:precio;margin:0;min-width:0;text-align:left;align-self:center}
body.vista-lista #grid .card .et-p-main{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.28em;row-gap:.05rem;margin:0;
  font-size:.8rem;line-height:1.3;color:#5b6270;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:left}
body.vista-lista #grid .card .et-p-main::after{content:"";order:1;flex-basis:100%;height:0}
body.vista-lista #grid .card .et-p-plan,body.vista-lista #grid .card .et-p-renta,body.vista-lista #grid .card .et-p-eq{font-weight:600;color:#3d4450}
body.vista-lista #grid .card .et-p-total{order:2;font-size:1.65rem;line-height:1.1;font-weight:800;color:#0b2a4a;letter-spacing:-.01em}
body.vista-lista #grid .card .et-p-mes{order:3;font-size:.82rem;font-weight:600;color:#0b2a4a}
body.vista-lista #grid .card .et-p-contado{margin:.15rem 0 0;font-size:.72rem;color:#8a8f97;display:block}
/* botones */
body.vista-lista #grid .card .acts{grid-area:acts;display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin:0;flex-wrap:nowrap}
body.vista-lista #grid .card .acts a{white-space:nowrap}
/* ===== Escritorio / tablet (>720px) ===== */
@media (min-width:721px){
  body.vista-lista #grid .card{
    grid-template-columns:56px auto minmax(0,1fr) minmax(250px,300px) auto;
    grid-template-areas:"thumb meta meta precio acts" "thumb title title precio acts" "thumb pf lz precio acts";
    grid-template-rows:auto auto auto;column-gap:1rem;row-gap:.3rem;align-items:center;align-content:center;
    padding:1rem 1.25rem;min-height:112px;
  }
  body.vista-lista #grid .card > .meta-row{grid-area:meta;align-self:end}
  body.vista-lista #grid .card .pf-linea{margin-right:0}
  body.vista-lista #grid .card .lanz-fecha{justify-self:start;margin-left:-1rem}
  body.vista-lista #grid .card .et-precio{padding-left:1.25rem;border-left:1px solid #eceae4}
  body.vista-lista #grid .card .acts{width:296px}
}
/* ===== Móvil (≤720px) ===== */
@media (max-width:720px){
  body.vista-lista #grid{gap:.5rem}
  body.vista-lista #grid .card{
    grid-template-columns:44px auto minmax(0,1fr);
    grid-template-areas:"thumb meta meta" "thumb title title" "pf pf lz" "precio precio precio" "acts acts acts";
    column-gap:.65rem;row-gap:.3rem;align-items:center;padding:.8rem .85rem;min-height:0;
  }
  body.vista-lista #grid .card > .row-thumb{width:44px;height:44px;border-radius:10px;font-size:.95rem}
  body.vista-lista #grid .card > .meta-row{grid-area:meta;align-self:end}
  body.vista-lista #grid .card h2{font-size:.95rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
  body.vista-lista #grid .card .pf-linea,body.vista-lista #grid .card .lanz-fecha{font-size:.68rem;margin-top:.15rem}
  body.vista-lista #grid .card .et-precio{padding-top:.45rem;border-top:1px solid #f0eee8}
  body.vista-lista #grid .card .et-p-main{font-size:.8rem}
  body.vista-lista #grid .card .et-p-total{font-size:1.5rem}
  body.vista-lista #grid .card .acts{justify-content:stretch;gap:.5rem;margin-top:.2rem}
  body.vista-lista #grid .card .acts a{flex:1 1 0;text-align:center;justify-content:center;padding:.6rem .5rem;font-size:.84rem}
  body.vista-lista #grid .card .acts .cta{display:inline-flex!important;align-items:center}
  body.vista-lista #grid .card .lanz-fecha{margin-left:-.65rem}
  body.vista-lista #grid .card .acts .more{flex:0 0 auto;display:inline-flex;align-items:center;border:1px solid #d9dde3;border-radius:999px;padding-left:.9rem;padding-right:.9rem}
}