/* Estilos para o vídeo de background */
    .herotn {
      position: relative;
      height: 80vh;
      min-height: 500px;
      display: flex;
      align-items: center;
      text-align: center;
      color: var(--text-light);
      overflow: hidden;
    }

    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--overlay);
      z-index: 1;
    }

    .video-background {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
    }

    .video-background iframe {
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
    }

    /* Estilos para o conteúdo da página */
    .step-card {
      background-color: white;
      border-radius: 10px;
      padding: 25px;
      margin-bottom: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
      border: 1px solid rgba(0,0,0,0.05);
      transition: all 0.3s ease;
    }
    
    .step-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }
    
    .step-number {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-color: var(--primary);
      color: white;
      border-radius: 50%;
      text-align: center;
      line-height: 40px;
      font-weight: bold;
      margin-right: 15px;
    }
    
    .step-title {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: var(--dark);
    }
    
    .warning-box {
      background-color: #fff8e1;
      border-left: 4px solid #ffc107;
      padding: 15px;
      margin: 20px 0;
      border-radius: 0 4px 4px 0;
    }
    
    .link-box {
      background-color: #f5f5f5;
      padding: 15px;
      border-radius: 5px;
      word-break: break-all;
      margin: 15px 0;
    }
    
    .xbox-image {
      max-width: 100%;
      border-radius: 8px;
      margin: 15px 0;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }
  
     .tutorial-image {
      max-width: 100%;
      border-radius: 8px;
      margin: 15px 0;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
      border: 1px solid #ddd;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }