/* Inicio › «Lo nuevo en el Club» (club-inicio.js). Medidas del sistema (sistema.css). Las tarjetas tienen alto fijo:
   el machote y lo de verdad miden lo mismo, así nada se mueve cuando llegan los datos. */
.ci{margin:0 0 var(--esp-5)}
.ci-cab{display:flex;align-items:baseline;justify-content:space-between;gap:var(--esp-3);margin:0 0 var(--esp-3)}
.ci-cab h2{margin:0;font:700 italic var(--t-6)/var(--t-linea-titulo) var(--num);letter-spacing:0}
.ci-todo{flex:none;border:0;background:none;padding:var(--esp-2) 0;color:var(--menta);font:600 var(--t-3) var(--f);cursor:pointer}
.ci-fila{display:flex;gap:var(--esp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--esp-4));padding:0 var(--esp-4) var(--esp-1);scroll-padding-inline:var(--esp-4)}
.ci-fila::-webkit-scrollbar{display:none}
.ci-tj{flex:none;width:220px;height:196px;scroll-snap-align:start;display:flex;flex-direction:column;padding:0;border:1px solid var(--linea);border-radius:var(--radio-2);
  background:var(--sup);color:var(--texto);text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:border-color var(--dur-1) var(--curva-entra),transform var(--dur-1) var(--curva-entra)}
.ci-tj:active{transform:scale(.98)}
@media(hover:hover){.ci-tj:hover{border-color:var(--linea2)}}
.ci-esq{border-color:transparent}
.ci-img{position:relative;flex:none;height:112px;display:flex;align-items:center;justify-content:center;background:var(--sup2);overflow:hidden}
.ci-img img{width:100%;height:100%;object-fit:cover;display:block}
.ci-ico{display:flex;color:var(--menta);opacity:.85}
.ci-ico svg{width:36px;height:36px}
.ci-emir .ci-ico img{width:84px;height:auto;opacity:.9}
.ci-tag{position:absolute;left:var(--esp-2);top:var(--esp-2);padding:2px var(--esp-2);border-radius:var(--radio-pildora);background:rgba(0,0,0,.62);color:#fff;font:600 var(--t-1)/1.6 var(--f);font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.ci-video .ci-tag{background:var(--menta);color:#05110A}
.ci-tx{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--esp-1);padding:var(--esp-3)}
.ci-tx b{font:600 var(--t-3)/1.35 var(--f);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-tx small{font-size:var(--t-2);color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:900px){.ci-fila{margin:0;padding:0 0 var(--esp-1)}.ci-tj{width:240px}}
@media(prefers-reduced-motion:reduce){.ci-tj{transition:none}}