/* ======================================================
   WOOREWARDS – 3 BLOQUES FIJOS ALINEADOS
   ====================================================== */

/* contenedor */
.wr-order-points-preview{
display:flex;
flex-direction:column;
gap:6px;
}

/*evita contendio fuerce ancho*/
.wr-order-points-preview .preview-total-line{
min-width:0;
}

/* tarjeta programa */
.wr-order-points-preview .item.line{

display:grid;

grid-template-columns:
220px
minmax(0,1fr)
220px;

align-items:start;
column-gap:16px;

padding:6px 8px;
border:1px solid #e5e5e5;
border-radius:4px;
background:#fff;
}


/* BLOQUE 1 PROGRAMA */

.wr-order-points-preview .poolname{



font-weight:600;
font-size:13px;
line-height:1.2;

}


/* BLOQUE 2 EVENTOS */

.wr-order-points-preview .details{



display:flex;
flex-direction:column;
gap:2px;
min-width:0;

}


/* linea evento */

.wr-order-points-preview .detailline{

display:grid;
grid-template-columns:1fr auto;

align-items:baseline;

font-size:13px;

}


/* nombre evento */

.wr-order-points-preview .event.title{

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

}


/* puntos evento */

.wr-order-points-preview .event.points{

white-space:nowrap;
text-align:right;
font-weight:500;
font-variant-numeric: tabular-nums;

}


/* BLOQUE TOTAL */

.wr-order-points-preview .preview-total-line{


display:grid;
grid-template-columns:1fr auto;

align-items:baseline;

font-size:13px;
font-weight:600;

}


.wr-order-points-preview .preview-total-line .total{

font-size:12px;
color:#777;

}


/* ======================================================
   RESPONSIVE
   ====================================================== */

@media (max-width:900px){

.wr-order-points-preview .item.line{

grid-template-columns:
140px
260px
110px;

}

}


@media (max-width:650px){

.wr-order-points-preview .item.line{

grid-template-columns:
110px
200px
90px;

}

.wr-order-points-preview .event.title{

font-size:12px;

}

}