/* Estilos para el enlace de arriba */
    .enlace-superior {
      display: block;
      text-align: center;
      margin: 20px auto;
      font-size: 18px;
      color: #0066cc;
      text-decoration: none;
      font-weight: bold;
    }
    
    .enlace-superior:hover {
      text-decoration: underline;
    }

    .contenedor-videos {
      display: grid;
      /* Fuerza exactamente 2 columnas iguales */
      grid-template-columns: repeat(2, 1fr); 
      gap: 20px;
      padding: 20px;
      padding-bottom: 100px;
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .video-card {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    /* texto debajo del v¨ªdeo */
    .video-card p {
        margin: 0;
        font-size: 14px;
        text-align: justify;
        
    }
    
    /* Agrega esto para que en tel¨¦fonos m¨®viles s¨ª se pongan uno abajo de otro */
    @media (max-width: 600px) {
      .contenedor-videos {
        grid-template-columns: 1fr;
        padding-bottom: 50px;

      }
    }

    /* Contenedor individual de cada video (Proporción 16:9) */
    .video-item {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .video-item iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }