/* TriunfoHN V6: editorial, videoblogs y foro. Compatible con escritorio y móvil. */
.cb-nav{display:flex;gap:22px;align-items:center;font-size:.93rem}.cb-nav a{color:#ebdfc5}
.cb-main{min-height:390px}.cb-toplink{color:#245174;font-size:.93rem;font-weight:700}
.cb-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cb-video-card{background:#fff;border:1px solid #dce4ed;border-radius:15px;overflow:hidden;box-shadow:0 6px 22px #132c4911}
.cb-cover{display:block;width:100%;height:206px;position:relative;border:0;background:#162d48;color:#fff;overflow:hidden;text-align:left;cursor:pointer}
.cb-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.cb-cover:hover img{transform:scale(1.05)}
.cb-cover-fallback{background:linear-gradient(135deg,#102033 0%,#2c4e6b 65%,#b39157 120%)}
.cb-provider{position:absolute;bottom:13px;left:13px;border-radius:50px;padding:7px 11px;background:#102033df;color:white;font-weight:800;font-size:.83rem}
.cb-video-body{padding:22px}.cb-video-body h3{font-family:Georgia,serif;font-size:1.3rem;margin:10px 0 10px;color:#132b46}
.cb-kicker{font-size:.76rem;color:#9a7538;text-transform:uppercase;letter-spacing:.09em;font-weight:750}
.cb-summary{color:#617185;font-size:.94rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.cb-link,.cb-share{background:transparent;color:#214965;border:0;padding:9px 0;font-weight:700;cursor:pointer;font-size:.91rem}
.cb-link:hover,.cb-share:hover{text-decoration:underline}
.cb-detail{max-width:850px;margin:0 auto}.cb-detail h2{font-family:Georgia,serif;color:#142d46;font-size:clamp(1.8rem,3.6vw,2.8rem);margin:16px 0}
.cb-description{font-size:1.06rem;line-height:1.7;white-space:pre-line}
.cb-watch{display:inline-flex;padding:12px 20px;background:#142c47;color:white;font-weight:700;text-decoration:none;border-radius:8px}
.cb-empty{padding:45px 12px;text-align:center;color:#5f7387}
.cb-forum{border-top:1px solid #dfe6ed;padding-top:28px;margin-top:32px}
.cb-title{color:#142c47;font-family:Georgia,serif;font-size:1.6rem}
.cb-note{color:#65768c;line-height:1.6;font-size:.92rem}
.cb-comments{display:grid;gap:12px;margin:24px 0}
.cb-comment{padding:16px 18px;border:1px solid #dce4ea;border-radius:12px;background:#f8fafc}
.cb-reply{margin-left:25px;border-left:3px solid #c8a76b}
.cb-comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:#223851;margin:9px 0;line-height:1.65}
.cb-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.89rem;color:#61718a}
.cb-meta strong{color:#14304b}
.cb-comment-form{display:grid;gap:14px;padding:22px;background:#f7f9fb;border:1px solid #e0e7f0;border-radius:14px}
.cb-comment-form label{color:#283f57;font-weight:700;display:grid;gap:7px}
.cb-comment-form input:not([type=checkbox]),.cb-comment-form textarea{width:100%;padding:12px;border:1px solid #bdccda;border-radius:8px;font:inherit}
.cb-comment-form textarea{resize:vertical;min-height:110px}
.cb-comment-form .cb-consent{display:flex;gap:10px;font-size:.86rem;font-weight:400;align-items:flex-start}
.cb-consent input{margin-top:4px}.cb-consent a{text-decoration:underline}
.cb-submit{background:#142c47;color:#fff;padding:12px 18px;border:0;border-radius:8px;font-weight:700;cursor:pointer}
.cb-submit:disabled{opacity:.6;cursor:wait}
.cb-website{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cb-status{color:#506a80;font-size:.92rem;min-height:20px}
.cb-reply-context{padding:10px;border-radius:8px;background:#e9f0f7;color:#27445e;font-size:.89rem}
.cb-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:22px}
.cb-edit label{display:grid;gap:6px;font-size:.93rem;font-weight:650}
.cb-edit label.cb-wide{grid-column:1/-1}
.cb-edit input,.cb-edit textarea,.cb-edit select{border:1px solid #bdcddc;border-radius:7px;padding:10px;width:100%;font:inherit}
.cb-edit textarea{min-height:110px}
.cb-moderation-row{border-top:1px solid #e4e9ed;padding:14px 0;display:grid;gap:6px}
.cb-moderation-row p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;color:#263b53}
.cb-moderation-row small{color:#6a7d90}.cb-moderation-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.cb-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cb-video-grid{grid-template-columns:1fr}.cb-cover{height:220px}.cb-edit{grid-template-columns:1fr}.cb-edit label.cb-wide{grid-column:1}.cb-nav{gap:10px;font-size:.82rem}.cb-comment-form{padding:17px}}


/* Navegación contextual de la ficha de videoblogs: sin portada alta ni columna angosta */
.cb-detail-open .of-post-hero{display:none}
.cb-detail-open .cb-main{min-height:70vh;padding-top:36px}
.cb-video-grid.is-detail{display:block;width:100%}
.cb-video-grid.is-detail,.cb-forum{scroll-margin-top:24px}
.cb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:0 0 18px;color:#64758a;font-size:.92rem}
.cb-back{border:1px solid #becddd;border-radius:8px;padding:10px 15px;background:#fff;color:#15324d;font-weight:700;cursor:pointer}
.cb-back:hover{background:#edf2f7}
.cb-breadcrumb-current{color:#687a8b}
.cb-detail-open .cb-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:38px;width:100%;max-width:none;margin:0;padding:34px}
.cb-detail-info{min-width:0;max-width:650px}
.cb-detail-open .cb-detail h2{font-size:clamp(1.75rem,2.8vw,2.65rem);line-height:1.22;letter-spacing:-.015em;overflow-wrap:anywhere;margin:12px 0 18px}
.cb-detail-open .cb-description{line-height:1.75;color:#40546a;font-size:1.02rem;white-space:pre-line;margin:0 0 25px;overflow-wrap:anywhere}
.cb-detail-open .cb-watch{margin-bottom:12px}
.cb-action-comment{background:#f0f5fa;border:1px solid #c7d5e4;border-radius:8px;padding:10px 14px;color:#14314e;font-weight:700;cursor:pointer}
.cb-action-comment:hover{background:#e2edf7}
.cb-detail-open .cb-forum{margin:0;padding:0 0 0 36px;border-top:0;border-left:1px solid #dce5ee;min-width:0}
.cb-detail-open .cb-title{margin-top:0}
.cb-detail-open .cb-comment-form{min-width:0}
.cb-detail-open .cb-comment-form textarea{min-height:125px}
.cb-detail-open .cb-comment-form .cb-consent{display:flex;grid-template-columns:none;align-items:flex-start}
.cb-detail-open .cb-comment-form .cb-consent input{width:auto;flex:none;margin:4px 3px 0 0}
.cb-detail-open .cb-comment-form .cb-consent span{flex:1;min-width:0}
@media(max-width:850px){
 .cb-detail-open .cb-detail{grid-template-columns:1fr;gap:26px;padding:24px}
 .cb-detail-open .cb-detail-info{max-width:100%}
 .cb-detail-open .cb-forum{border-left:0;border-top:1px solid #dce5ee;padding:24px 0 0}
}
@media(max-width:620px){
 .cb-detail-open .cb-main{padding-top:22px}
 .cb-detail-open .cb-detail{padding:20px 15px}
 .cb-detail-open .cb-detail h2{font-size:1.72rem}
 .cb-detail-open .cb-comment-form{padding:16px}
 .cb-detail-open .cb-breadcrumb{margin-bottom:12px}
 .cb-detail-open .cb-comment-form .cb-consent{font-size:.85rem}
}

/* Miniatura y enlace de reproducción en la ficha individual de videoblogs */
.cb-detail-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin:0 0 22px;background:linear-gradient(130deg,#0e2238,#294d70 72%,#b9945a);border:1px solid #d7e0e9;text-decoration:none;isolation:isolate}
.cb-detail-cover img{display:block;width:100%;height:100%;object-fit:cover}
.cb-detail-cover::after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;background:#10253cdd;box-shadow:0 3px 22px #0004;pointer-events:none}
.cb-detail-cover::before{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-44%,-50%);z-index:2;color:#fff;font-size:1.65rem;pointer-events:none}
.cb-detail-play{position:absolute;left:13px;bottom:13px;z-index:3;background:#102a45ed;color:white;padding:7px 12px;border-radius:99px;font-size:.85rem;font-weight:700}
.cb-detail-cover:hover img{transform:scale(1.025);transition:transform .2s ease}
.cb-detail-cover:focus-visible{outline:3px solid #cb9e51;outline-offset:3px}
@media(max-width:620px){.cb-detail-cover{margin-bottom:17px}.cb-detail-cover::after{width:52px;height:52px}.cb-detail-play{font-size:.77rem}}


/* Panel de moderación: pendientes, publicados y rechazados/ocultos */
.cb-moderation-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #dde6ee;margin-bottom:14px}
.cb-moderation-tab{display:inline-flex;align-items:center;gap:9px;min-height:45px;padding:9px 15px;border:1px solid #c6d5e2;border-radius:9px;background:#f7f9fb;color:#233f59;font:inherit;font-size:.94rem;font-weight:700;cursor:pointer}
.cb-moderation-tab:hover{background:#edf2f8}
.cb-moderation-tab.is-active{background:#122d49;color:#fff;border-color:#122d49}
.cb-moderation-tab:focus-visible{outline:3px solid #c6a160;outline-offset:3px}
.cb-moderation-tab:disabled{opacity:.65;cursor:wait}
.cb-moderation-count{min-width:24px;min-height:24px;padding:3px 7px;border-radius:20px;background:#e2e9f0;color:#122d49;display:inline-flex;align-items:center;justify-content:center;font-size:.81rem}
.cb-moderation-tab.is-active .cb-moderation-count{background:#fff;color:#122d49}
.cb-moderation-feedback{min-height:1em;color:#386078;font-size:.94rem;margin:8px 0}
.cb-moderation-row{display:grid;gap:8px}
.cb-moderation-row strong{color:#172e45}
.cb-moderation-row p{margin:2px 0 5px;line-height:1.65}
.cb-moderation-actions button{font-size:.9rem;padding:9px 14px;min-height:40px}
.cb-moderation-reply{color:#55708a;font-size:.86rem}
.cb-moderation-actions .cb-danger{background:#fff;color:#a12e2e;border:1px solid #ceaaaa}
.cb-moderation-actions .cb-danger:hover{background:#fff2f2}
.cb-moderation-help{margin-top:26px;border-top:1px solid #e1e7ef;padding-top:16px;color:#67788d;line-height:1.65}
@media(max-width:620px){.cb-moderation-tabs{display:grid;grid-template-columns:1fr;gap:7px}.cb-moderation-tab{justify-content:space-between;width:100%}.cb-moderation-actions{display:grid;grid-template-columns:1fr}.cb-moderation-actions button{width:100%}}


/* Catálogo compacto de videoblogs V6: mostrar las miniaturas sin portada gigante */
.cb-catalog-main{padding-top:30px}
.cb-catalog-head{margin-bottom:22px;gap:20px;align-items:flex-end}
.cb-catalog-heading{min-width:0}
.cb-catalog-eyebrow{display:block;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#a47634;margin:0 0 5px}
.cb-catalog-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.18;letter-spacing:-.02em;color:#102941;margin:0 0 8px;font-weight:700}
.cb-catalog-head p{font-size:.96rem;line-height:1.5;max-width:650px;margin:0;color:#5e7188}
.cb-catalog-main .cb-video-grid:not(.is-detail){align-items:start}
.cb-catalog-main .cb-video-grid:not(.is-detail) .cb-cover{aspect-ratio:16/9;height:auto}
.cb-catalog-main .cb-video-grid:not(.is-detail) .cb-cover img{height:100%}
.cb-catalog-main .cb-video-grid:not(.is-detail) .cb-video-body{padding:19px 20px}
.cb-catalog-main .cb-video-grid:not(.is-detail) .cb-video-body h3{font-size:1.24rem;line-height:1.3}
@media(max-width:650px){
 .cb-catalog-main{padding-top:22px}
 .cb-catalog-head{align-items:flex-start;gap:11px}
 .cb-catalog-head .cb-toplink{margin-top:3px}
 .cb-catalog-main .cb-video-grid:not(.is-detail){gap:17px}
}
