.tri-library,.tri-single{max-width:1200px;margin:0 auto;padding:30px 18px}.tri-library-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.tri-eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;opacity:.65}.tri-library h1{font-size:clamp(32px,5vw,52px)}.tri-count{min-width:120px;text-align:center;border:1px solid #ddd;border-radius:16px;padding:13px}.tri-count strong{display:block;font-size:30px}.tri-count span{font-size:12px;text-transform:uppercase}.tri-controls{position:sticky;top:10px;z-index:5;background:rgba(255,255,255,.94);padding:14px 0}.tri-search{display:flex;align-items:center;gap:10px;border:1px solid #d7d7d7;border-radius:14px;padding:0 15px}.tri-search input{width:100%;border:0!important;padding:15px 0;font-size:16px}.tri-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tri-filter{border:1px solid #ccc;background:#fff;color:#222!important;border-radius:999px;padding:9px 16px;cursor:pointer;display:inline-block;font-size:14px;line-height:1.2;min-width:110px;text-align:center;opacity:1!important}.tri-filter.active,.tri-filter:hover{background:#222!important;color:#fff!important;border-color:#222!important}.tri-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tri-card{border:1px solid #e2e2e2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.05)}.tri-card-media{display:block;aspect-ratio:16/9;background:#f1f1f1;overflow:hidden}.tri-card-media img{width:100%;height:100%;object-fit:cover}.tri-card-placeholder{height:100%;display:grid;place-items:center;font-size:50px;opacity:.25}.tri-card-body{padding:18px}.tri-level{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:#eee}.tri-card h3{font-size:23px;margin:12px 0 7px}.tri-card h3 a{text-decoration:none;color:inherit}.tri-meta,.tri-stats{font-size:14px;opacity:.72}.tri-stats{display:flex;gap:15px}.tri-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tri-button{display:inline-block;background:#222;color:#fff!important;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700}.tri-link{font-size:13px;font-weight:700;text-decoration:none}.tri-no-results{text-align:center;padding:50px}.tri-info-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ddd;border-radius:16px;overflow:hidden;margin:20px 0 30px}.tri-info-grid>div{padding:16px;background:#fafafa}.tri-info-grid small{display:block;font-size:10px;letter-spacing:.1em;opacity:.6;margin-bottom:6px}.tri-info-grid strong{font-size:15px}.tri-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;background:#111;margin:25px 0}.tri-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tri-notes{font-size:17px;line-height:1.7}.single-tri_coreografia .entry-meta,.single-tri_coreografia .post-meta,.single-tri_coreografia .ast-single-post-order .entry-meta{display:none!important}@media(max-width:900px){.tri-grid{grid-template-columns:repeat(2,1fr)}.tri-info-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.tri-grid{grid-template-columns:1fr}.tri-info-grid{grid-template-columns:repeat(2,1fr)}}

/* Imágenes uniformes de las tarjetas de coreografías */
.tri-card-media{
    display:block;
    width:100%;
    height:230px;
    overflow:hidden;
    background:#f1f1f1;
}
.tri-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* Botones YouTube visibles */
.tri-youtube-button{
    display:inline-block;
    background:#4a4a4a;
    color:#fff!important;
    padding:10px 14px;
    border-radius:9px;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    line-height:1.2;
}
.tri-youtube-button:hover{
    background:#2f2f2f;
    color:#fff!important;
}
.tri-single-youtube-wrap{
    margin:18px 0 22px;
}
.tri-single-youtube-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#4a4a4a;
    color:#fff!important;
    padding:13px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:800;
    font-size:16px;
}
.tri-single-youtube-button:hover{
    background:#2f2f2f;
    color:#fff!important;
}



/* Forzar color discreto del botón de vídeo y evitar estilos/caché de Astra */
.tri-card .tri-actions .tri-youtube-button,
.tri-single .tri-single-youtube-button{
    background:#625a50 !important;
    border:1px solid #625a50 !important;
    color:#ffffff !important;
    box-shadow:none !important;
}
.tri-card .tri-actions .tri-youtube-button:hover,
.tri-single .tri-single-youtube-button:hover{
    background:#49433c !important;
    border-color:#49433c !important;
    color:#ffffff !important;
}


/* Favoritos sin registro: guardados en el navegador */
.tri-card{
    position:relative;
}
.tri-favorite{
    position:absolute;
    top:12px;
    right:12px;
    z-index:4;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.75);
    background:rgba(255,255,255,.92);
    color:#3d3934;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
    transition:transform .15s ease, background .15s ease, color .15s ease;
}
.tri-favorite:hover{
    transform:scale(1.06);
    background:#fff;
}
.tri-favorite.is-favorite{
    color:#8b3f43;
}
.tri-filter-favorites{
    border-color:#9b8d7d;
}
.tri-filter-favorites.active{
    background:#625a50!important;
    border-color:#625a50!important;
    color:#fff!important;
}
.tri-single{
    position:relative;
}
.tri-favorite-single{
    position:relative;
    top:auto;
    right:auto;
    margin:0 0 14px 0;
    display:inline-flex;
    vertical-align:middle;
}
@media(max-width:620px){
    .tri-favorite{
        width:40px;
        height:40px;
        font-size:25px;
        top:10px;
        right:10px;
    }
}