html { scroll-behavior: smooth; }
    body { margin: 0; font-family: Arial, sans-serif; }

    #inicio {
      height: 75vh;
      background: linear-gradient(135deg, #6a11cb, #2575fc);
      position: relative;
    }

    .content {
      height: 75vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .text-wrapper { max-width: 600px; }

    .titulo-hero {
      font-family: 'Poppins', sans-serif;
      text-shadow: 2px 2px 8px rgba(0,0,0,0.85);
      font-size: 2.2rem;
    }

    .subtitulo-hero {
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      text-shadow: 2px 2px 8px rgba(0,0,0,0.85);
      font-size: 1.2rem;
    }

    .logo-hero {
      max-width: 260px;
      width: 100%;
      filter: drop-shadow(2px 2px 8px rgba(0,0,0,0.7));
    }

    .cta-hero {
      background-color: #25D366;
      border: none;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      transition: all 0.3s ease;
    }
    .cta-hero:hover {
      background-color: #1ebe5d;
      transform: scale(1.05);
    }

    .video-background {
      position: relative;
      width: 100%;
      height: 75vh;
      overflow: hidden;
    }
    .video-iframe {
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
    }

    .overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.45);
    }

    .video-background-movil {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 75vh;
      z-index: -1;
      overflow: hidden;
    }

    @media (max-width: 991px) {
      .logo-hero { max-width: 180px; }
      .titulo-hero { font-size: 1.8rem; }
      .subtitulo-hero { font-size: 1rem; }
    }

    @media (max-width: 767px) {
      #inicio { height: 75vh; background: none; }
      .content { height: 75vh; }
      .logo-hero { max-width: 130px; }
      .titulo-hero { font-size: 1.4rem; }
      .subtitulo-hero { font-size: 0.85rem; }
      .cta-hero { font-size: 0.9rem; padding: 0.6rem 1.2rem; }
    }

    #tipos-negocios h2 {
      text-shadow: 1px 1px 3px rgba(0,0,0,0.05);
    }
    #tipos-negocios h6 { margin-bottom: 0.6rem; }
    #tipos-negocios ul li { margin-bottom: 0.35rem; }

    /* Responsive para móviles: centrar textos */
    @media (max-width: 767px) {
      #tipos-negocios .col-md-4, #tipos-negocios .col-lg-2 {
        text-align: center;
      }
      #tipos-negocios ul {
        padding-left: 0;
      }
    }