/* CANAL NUBRA V5.6 — un único escenario visual, dos funciones reales. */
.watch-section .watch-grid{
  display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(315px,1fr)!important;
  gap:0!important;align-items:stretch!important;position:relative;isolation:isolate;
  border:1px solid rgba(111,226,255,.85);border-radius:25px;padding:10px;
  background:linear-gradient(125deg,rgba(4,15,42,.95),rgba(7,19,45,.88) 52%,rgba(26,12,61,.92)),url('/static/assets/universo-unificado-v52.webp') center/cover;
  box-shadow:0 18px 70px #010515bd,0 0 16px #199ee9a8,0 0 33px #7738ef5c,inset 0 1px #d3faff90;
  overflow:hidden;
}
.watch-section .watch-grid::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 52% 45%,#348bff25,transparent 66%)}
.watch-section .player-card{min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:5px 12px 5px 5px!important;display:flex;flex-direction:column;justify-content:center}
.watch-section .screen-perspective{min-width:0}
.watch-section .screen-frame{border-radius:17px!important;overflow:hidden;padding:8px!important}
.watch-section .screen-portal-architecture{display:none!important}
.watch-section .player-card::before{display:none!important}
.watch-section .chat-card.comunidad-v55{
 width:auto!important;max-width:none!important;margin:0!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;justify-content:center;position:relative;
 border:0!important;border-left:1px solid rgba(101,215,255,.63)!important;border-radius:0 15px 15px 0!important;
 box-shadow:inset 20px 0 42px -40px #36b7ff!important;
 background:linear-gradient(102deg,#07172fdd,#0a1530d9 55%,#160d32eb)!important;overflow:hidden;
}
.watch-section .comunidad-v55 .community-photo{
 position:absolute!important;z-index:0!important;inset:0!important;width:auto!important;height:auto!important;min-height:0!important;
 background:url('/static/assets/comunidad-original-v55.webp') 10% 52%/cover no-repeat!important;
 opacity:.37!important;filter:saturate(1.25) contrast(1.1);
}
.watch-section .comunidad-v55 .community-photo::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,#09132a77 0%,#07142ce8 47%,#0b102af4 100%)!important;
}
.watch-section .comunidad-v55 .chat-interface{
 grid-column:auto!important;z-index:1;position:relative;flex:1;display:flex!important;flex-direction:column;justify-content:center!important;
 width:auto;min-width:0;padding:18px clamp(12px,1.6vw,25px)!important;border:0!important;box-shadow:none!important;
 background:linear-gradient(105deg,rgba(6,15,35,.5),rgba(10,13,39,.68))!important;
 backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.watch-section .comunidad-v55 .chat-head{flex-wrap:wrap}
.watch-section .comunidad-v55 .chat-caption{font-size:clamp(11px,.9vw,13px);margin:12px 0;line-height:1.45}
.watch-section .comunidad-v55 .chat-messages{max-height:min(230px,27vh);overflow-y:auto}
.watch-section .comunidad-v55 .chat-principles{margin-top:12px}
.watch-section .player-utility{padding:10px 6px 0!important}
@media (min-width:981px) and (max-width:1200px){
  .watch-section .watch-grid{grid-template-columns:minmax(0,1.48fr) minmax(290px,1fr)!important}
  .watch-section .comunidad-v55 .chat-interface{padding:13px!important}
}
@media (max-width:980px){
  .watch-section .watch-grid,body.portal-mode .watch-grid{grid-template-columns:minmax(0,1fr)!important;padding:8px!important;gap:0!important}
  .watch-section .player-card{padding:2px!important}
  .watch-section .chat-card.comunidad-v55{border:0!important;border-top:1px solid rgba(101,215,255,.65)!important;border-radius:0 0 14px 14px!important;margin-top:9px!important;min-height:160px!important}
  .watch-section .comunidad-v55 .community-photo{background-position:left 43%!important;background-size:cover!important;opacity:.33!important}
  .watch-section .comunidad-v55 .chat-interface{padding:16px!important}
}
@media (max-width:540px){
  .watch-section .watch-grid{border-radius:16px;padding:5px!important}
  .watch-section .screen-frame{padding:5px!important}
  .watch-section .comunidad-v55 .chat-interface{padding:13px!important}
  .watch-section .comunidad-v55 .chat-head h3{font-size:18px!important}
  .watch-section .comunidad-v55 .chat-caption{font-size:12px}
}