/* ============================================================
       OVERRIDE: Cámara del invitado con proporción 16:9 exacta y centrada
       ============================================================ */

    .main-border { padding: 8px; }

    /* Contenedor principal que centra la cámara y aplica la proporción */
    .cam-solo-wrapper {
      position: absolute;
      top: 72px;
      bottom: 74px;
      left: 20px;
      right: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .cam-solo-container {
      width: 100%;
      max-width: 1320px;         /* Ancho para mantener la pantalla balanceada */
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .cam-solo-box {
      width: 100%;
      aspect-ratio: 16 / 9;
      max-height: calc(100vh - 200px);
      position: relative;
      border-radius: 18px;
      background: transparent;
      box-shadow:
        0 0 40px rgba(139, 0, 0, 0.5),
        0 0 80px rgba(139, 0, 0, 0.2),
        0 20px 40px rgba(0, 0, 0, 0.8);
    }

    .cam-solo-box::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 18px;
      padding: 9px;
      background: linear-gradient(45deg, #8B0000, #1A1A1A, #C0392B, #FFD700, #8B0000);
      background-size: 300% 300%;
      animation: borderGlow 5s ease infinite;
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: destination-out;
      mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      mask-composite: exclude;
      pointer-events: none;
    }

    .cam-solo-box .cam-window {
      width: 100%;
      height: 100%;
      background: transparent;
      border-radius: 12px;
    }

    /* ============================================================
       NAME TAG GRANDE — Centrada debajo de la cámara
       ============================================================ */
    .name-tag-solo {
      position: absolute;
      bottom: -26px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg, #0d0d0d 0%, #2a0000 50%, #0d0d0d 100%);
      border: 2px solid #C0392B;
      border-radius: 12px;
      padding: 8px 36px;
      text-align: center;
      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.9), 0 0 14px rgba(192, 57, 43, 0.4);
      white-space: nowrap;
      z-index: 5;
    }

    .name-tag-solo .role-title {
      color: #E74C3C;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .name-tag-solo .user-name {
      color: #FFFFFF;
      font-size: 24px;
      font-weight: 900;
      margin-top: 2px;
      letter-spacing: 2px;
      text-shadow: 0 0 20px rgba(192, 57, 43, 0.5);
    }

    /* ============================================================
       SIDE DECORATIONS — Franjas laterales estéticas
       ============================================================ */
    .side-deco {
      position: absolute;
      top: 90px;
      bottom: 78px;
      width: 10px;
      border-radius: 5px;
      background: repeating-linear-gradient(
        180deg,
        #8B0000 0px, #8B0000 12px,
        #1A1A1A 12px, #1A1A1A 20px,
        #C0392B 20px, #C0392B 32px,
        #1A1A1A 32px, #1A1A1A 40px
      );
      opacity: 0.6;
    }
    .side-deco-left  { left: 16px; }
    .side-deco-right { right: 16px; }