.tla-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:22px; margin:20px 0}
.tla-card{background:#fcfbf9; border:1px solid #e8e2d9; border-radius:18px; padding:20px; transition:.2s}
.tla-card:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.06)}
.tla-estrellas{color:#111; font-size:13px; letter-spacing:3px; margin-bottom:8px}
.tla-texto{font-family:'Cormorant Garamond', serif; font-size:17px; font-style:italic; line-height:1.5; margin:0 0 12px}
.tla-producto{font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#8a7d6b; border:1px solid #e8e2d9; display:inline-block; padding:3px 9px; border-radius:12px; margin-bottom:8px}
.tla-autor strong{display:block; font-size:13px}
.tla-autor span{font-size:11px; color:#8a8a8a}


/* Paginación Lujo Auténtico - Anterior < 1 2 3 4 5 > Siguiente */
.tla-paginacion{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:40px auto;
    flex-wrap:wrap;
    font-family: inherit;
}
.tla-page-btn{
    padding:8px 16px;
    border:1px solid #111;
    background:#fff;
    color:#111;
    text-decoration:none;
    font-size:14px;
    transition: all 0.2s;
}
.tla-page-btn:hover{
    background:#111;
    color:#fff;
}
.tla-page-btn.tla-disabled{
    opacity:0.4;
    pointer-events:none;
    border-color:#ccc;
}
.tla-page-num{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e5e5e5;
    text-decoration:none;
    color:#333;
    font-size:14px;
    transition: all 0.2s;
}
.tla-page-num:hover{
    border-color:#111;
    background:#f9f9f9;
}
.tla-page-num.tla-current{
    background:#111;
    color:#fff;
    border-color:#111;
    font-weight:bold;
}
.tla-page-sep{
    font-weight:bold;
    margin:0 2px;
}