@import url('https://fonts.googleapis.com/css2?family=Exo:wght@700&family=Roboto:wght@400;700&display=swap');

  #ag-business-block,
  #ag-business-block * {
    box-sizing: border-box !important;
  }

  #ag-business-block {
    --ag-yellow: #EAAA04;
    --ag-white: #ffffff;
    --ag-text: #efefef;

    position: relative !important;

    width: 100% !important;
    min-height: 930px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;

    background: #000000 !important;
  }

  /* =========================================================
     VIDEO DE FONDO
  ========================================================= */

  #ag-business-block .ag-business-block__video {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;

    pointer-events: none !important;

    background: #000000 !important;
  }

  /* =========================================================
     OVERLAY PRINCIPAL
  ========================================================= */

  #ag-business-block .ag-business-block__overlay {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    pointer-events: none !important;

    background:
      linear-gradient(
        90deg,
        rgba(7, 16, 28, .56) 0%,
        rgba(7, 16, 28, .40) 42%,
        rgba(7, 16, 28, .32) 100%
      ) !important;
  }

  /* =========================================================
     SOMBRA INFERIOR
  ========================================================= */

  #ag-business-block::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index: 1 !important;

    height: 150px !important;

    pointer-events: none !important;

    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.18) 58%,
        rgba(0,0,0,.34) 100%
      ) !important;
  }

  /* =========================================================
     CONTENEDOR
  ========================================================= */

  #ag-business-block .ag-business-block__inner {
    position: relative !important;

    z-index: 2 !important;

    width: min(1280px, calc(100% - 120px)) !important;

    margin: 0 auto !important;

    padding: 115px 0 90px !important;
  }

  /* =========================================================
     CONTENIDO
  ========================================================= */

  #ag-business-block .ag-business-block__content {
    width: 100% !important;

    max-width: 720px !important;
  }

  /* =========================================================
     TÍTULO
  ========================================================= */

  #ag-business-block .ag-business-block__title {
    margin: 0 0 24px !important;

    padding: 0 !important;

    color: var(--ag-white) !important;

    font-family: "Exo", sans-serif !important;

    font-weight: 700 !important;

    font-style: normal !important;

    font-size: 70px !important;

    line-height: 75px !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    text-shadow:
      0 3px 18px rgba(0,0,0,.25) !important;
  }

  #ag-business-block .ag-business-block__title .ag-yellow {
    color: var(--ag-yellow) !important;

    background: transparent !important;

    -webkit-text-fill-color: var(--ag-yellow) !important;
  }

  /* =========================================================
     TEXTO
  ========================================================= */

  #ag-business-block .ag-business-block__text {
    max-width: 690px !important;

    margin: 0 0 42px !important;

    padding: 0 !important;

    color: var(--ag-text) !important;

    font-family: "Roboto", sans-serif !important;

    font-weight: 400 !important;

    font-style: normal !important;

    font-size: 20px !important;

    line-height: 30px !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    text-shadow:
      0 2px 10px rgba(0,0,0,.20) !important;
  }

  #ag-business-block .ag-nowrap {
    white-space: nowrap !important;
  }

  /* =========================================================
     BOTÓN
  ========================================================= */

  #ag-business-block .ag-business-block__button {
    width: auto !important;

    min-width: 140px !important;
    min-height: 50px !important;

    margin: 0 !important;

    padding: 0 28px !important;

    border: 0 !important;

    border-radius: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 14px !important;

    background: #ffffff !important;

    color: #141414 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-transform: none !important;

    text-decoration: none !important;

    transition:
      transform .22s ease,
      background .22s ease,
      color .22s ease !important;
  }

  #ag-business-block .ag-business-block__button:hover {
    background: var(--ag-yellow) !important;

    color: #ffffff !important;

    transform: translateY(-2px) !important;
  }

  #ag-business-block .ag-business-block__button svg {
    width: 17px !important;

    height: 17px !important;

    display: block !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 1.8 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;
  }

  /* =========================================================
     LAPTOP
  ========================================================= */

  @media (max-width: 1200px) {

    #ag-business-block {
      min-height: 860px !important;
    }

    #ag-business-block .ag-business-block__inner {
      width: calc(100% - 80px) !important;
    }

    #ag-business-block .ag-business-block__title {
      font-size: 60px !important;

      line-height: 66px !important;
    }

  }

  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 900px) {

    #ag-business-block {
      min-height: 820px !important;
    }

    #ag-business-block .ag-business-block__video {
      width: 100% !important;

      height: 100% !important;

      object-fit: cover !important;

      object-position: 60% center !important;
    }

    #ag-business-block .ag-business-block__overlay {
      background:
        linear-gradient(
          90deg,
          rgba(7, 16, 28, .60) 0%,
          rgba(7, 16, 28, .45) 48%,
          rgba(7, 16, 28, .37) 100%
        ) !important;
    }

    #ag-business-block .ag-business-block__inner {
      width: calc(100% - 44px) !important;

      padding: 110px 0 80px !important;
    }

    #ag-business-block .ag-business-block__content {
      width: 100% !important;

      max-width: 100% !important;
    }

    #ag-business-block .ag-business-block__title {
      max-width: 100% !important;

      font-size: 52px !important;

      line-height: 58px !important;
    }

    #ag-business-block .ag-business-block__text {
      width: 100% !important;

      max-width: 100% !important;

      font-size: 18px !important;

      line-height: 28px !important;

      overflow-wrap: break-word !important;
    }

    #ag-business-block .ag-nowrap {
      white-space: normal !important;
    }

  }

  /* =========================================================
     MÓVIL
  ========================================================= */

  @media (max-width: 600px) {

    #ag-business-block {
      min-height: 720px !important;
    }

    #ag-business-block .ag-business-block__video {
      width: 100% !important;

      height: 100% !important;

      object-fit: cover !important;

      object-position: 66% center !important;
    }

    #ag-business-block .ag-business-block__overlay {
      background:
        linear-gradient(
          90deg,
          rgba(7, 16, 28, .66) 0%,
          rgba(7, 16, 28, .50) 50%,
          rgba(7, 16, 28, .40) 100%
        ) !important;
    }

    #ag-business-block .ag-business-block__inner {
      width: calc(100% - 32px) !important;

      padding: 84px 0 62px !important;
    }

    #ag-business-block .ag-business-block__content {
      width: 100% !important;

      max-width: 100% !important;

      min-width: 0 !important;
    }

    #ag-business-block .ag-business-block__title {
      width: 100% !important;

      max-width: 100% !important;

      font-size: 42px !important;

      line-height: 47px !important;

      margin-bottom: 18px !important;

      overflow-wrap: break-word !important;

      word-break: normal !important;
    }

    #ag-business-block .ag-business-block__text {
      width: 100% !important;

      max-width: 100% !important;

      font-size: 16px !important;

      line-height: 26px !important;

      margin-bottom: 32px !important;

      white-space: normal !important;

      overflow-wrap: break-word !important;

      word-break: normal !important;
    }

    #ag-business-block .ag-nowrap {
      white-space: normal !important;
    }

    #ag-business-block .ag-business-block__button {
      min-width: 132px !important;

      min-height: 47px !important;

      padding: 0 24px !important;
    }

  }

  /* =========================================================
     MÓVIL PEQUEÑO
  ========================================================= */

  @media (max-width: 390px) {

    #ag-business-block .ag-business-block__inner {
      width: calc(100% - 26px) !important;
    }

    #ag-business-block .ag-business-block__title {
      font-size: 36px !important;

      line-height: 42px !important;
    }

    #ag-business-block .ag-business-block__text {
      font-size: 15px !important;

      line-height: 24px !important;
    }

  }