.video {
  padding: var(--space-md);
  .container-video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--color-secondary);
    border-radius: var(--radius-sm);
    width: min(var(--max-width), 95%);
    padding: var(--space-xl);
    margin: 0 auto;
    gap: var(--space-xl);
    .en-vivo {
        li {
            display: inline-block;
            color: var(--color-text);
            font: 400 13px/1.5 "Work Sans", sans-serif;
            font-weight: 600;
            text-decoration: none;
            background: red;
            border-radius: var(--radius-xl);
            padding: var(--space-xs) var(--space-md);
            text-transform: uppercase;
        }
    }

    p {
      padding: var(--space-md) 0;
    }

  }
}

.video-responsive { 
  height: 0; 
  overflow: hidden; 
  padding-bottom: 56.25%; 
  padding-top: 30px; /* Esta línea ofrece compatibilidad para IE6 y puede eliminarse */ 
  position: relative; 
  iframe { 
    height: 100%; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 100%; 
  }
}