.hero-tour-glass-light {

      width: 100vw;

      max-width: 100vw;

      margin-left: calc(50% - 50vw);

      margin-right: calc(50% - 50vw);

      padding: 22px 40px 30px;

      box-sizing: border-box;

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

      background: transparent;

      color: #ffffff;

      overflow: hidden;

    }



    .hero-tour-glass-light,

    .hero-tour-glass-light * {

      box-sizing: border-box;

    }



    .hero-tour-glass-light a,

    .hero-tour-glass-light a:hover,

    .hero-tour-glass-light a:focus,

    .hero-tour-glass-light a:visited {

      text-decoration: none !important;

    }



    .hero-tour-glass-light .htgl-wrap {

      width: 100%;

      max-width: none;

      margin: 0;

      min-height: 360px;

      display: flex;

      align-items: center;

      justify-content: center;

      padding: 0;

    }



    .hero-tour-glass-light .htgl-box {

      width: 100%;

      max-width: none;

      position: relative;

      overflow: hidden;

      border-radius: 34px;

      padding: 60px;

      background: transparent !important;

      border: 1px solid rgba(255, 255, 255, 0.18);

      box-shadow:

        0 24px 60px rgba(0, 0, 0, 0.10),

        inset 0 1px 0 rgba(255, 255, 255, 0.14);

      backdrop-filter: blur(3px) saturate(108%);

      -webkit-backdrop-filter: blur(3px) saturate(108%);

      transform: translateY(44px);

      opacity: 0;

      animation: htglBannerUp 0.85s cubic-bezier(.18,.84,.32,1) forwards;

      will-change: transform, opacity;

    }



    .hero-tour-glass-light .htgl-box::before {

      content: "";

      position: absolute;

      inset: 0;

      background: rgba(0, 0, 0, 0.16);

      pointer-events: none;

      z-index: 0;

    }



    .hero-tour-glass-light .htgl-box::after {

      content: "";

      position: absolute;

      left: 0;

      right: 0;

      bottom: 0;

      height: 30px;

      background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.08));

      pointer-events: none;

      z-index: 1;

    }



    .hero-tour-glass-light .htgl-content {

      position: relative;

      z-index: 2;

      width: 100%;

      max-width: 1320px;

      margin: 0 auto;

      display: grid;

      grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);

      gap: 36px;

      align-items: center;

    }



    .hero-tour-glass-light .htgl-kicker {

      display: inline-flex;

      align-items: center;

      gap: 9px;

      width: fit-content;

      margin-bottom: 16px;

      padding: 9px 15px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.09);

      border: 1px solid rgba(255, 255, 255, 0.18);

      color: rgba(255,255,255,0.94);

      font-size: 12px;

      line-height: 1;

      font-weight: 900;

      letter-spacing: 0.5px;

      text-transform: uppercase;

      backdrop-filter: blur(6px);

      -webkit-backdrop-filter: blur(6px);

      transform: translateY(18px);

      opacity: 0;

      animation: htglElementUp 0.65s ease forwards;

      animation-delay: 0.18s;

    }



    .hero-tour-glass-light svg {

      width: 18px;

      height: 18px;

      stroke: currentColor;

      stroke-width: 2.15;

      fill: none;

      stroke-linecap: round;

      stroke-linejoin: round;

      flex: 0 0 auto;

    }



    .hero-tour-glass-light h2 {

      margin: 0;

      max-width: 820px;

      color: #ffffff;

      font-size: clamp(40px, 5.6vw, 72px);

      line-height: 0.96;

      font-weight: 950;

      letter-spacing: -2.6px;

      text-wrap: balance;

      text-shadow: 0 10px 32px rgba(0,0,0,0.40);

      transform: translateY(20px);

      opacity: 0;

      animation: htglElementUp 0.7s ease forwards;

      animation-delay: 0.28s;

    }



    .hero-tour-glass-light .htgl-lead {

      margin: 18px 0 0;

      max-width: 720px;

      color: rgba(255,255,255,0.91);

      font-size: clamp(16px, 1.65vw, 19px);

      line-height: 1.56;

      font-weight: 650;

      text-shadow: 0 7px 22px rgba(0,0,0,0.30);

      transform: translateY(20px);

      opacity: 0;

      animation: htglElementUp 0.7s ease forwards;

      animation-delay: 0.38s;

    }



    .hero-tour-glass-light .htgl-actions {

      display: grid;

      gap: 13px;

      width: 100%;

      transform: translateY(22px);

      opacity: 0;

      animation: htglElementUp 0.7s ease forwards;

      animation-delay: 0.48s;

    }



    .hero-tour-glass-light .htgl-btn {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 9px;

      width: 100%;

      min-height: 58px;

      padding: 0 24px;

      border-radius: 999px;

      font-size: 15px;

      font-weight: 950;

      line-height: 1;

      white-space: nowrap;

      text-align: center;

      transition: 0.25s ease;

      backdrop-filter: blur(8px);

      -webkit-backdrop-filter: blur(8px);

    }



    .hero-tour-glass-light .htgl-btn-main {

      color: #ffffff;

      background: rgba(255, 255, 255, 0.10);

      border: 1px solid rgba(255, 255, 255, 0.28);

      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.10);

    }



    .hero-tour-glass-light .htgl-btn-main:hover {

      transform: translateY(-2px);

      color: #ffffff;

      background: rgba(255, 255, 255, 0.16);

      border-color: rgba(255, 255, 255, 0.42);

    }



    .hero-tour-glass-light .htgl-btn-wa {

      color: #ffffff;

      background: rgba(37, 211, 102, 0.14);

      border: 1px solid rgba(37, 211, 102, 0.34);

      box-shadow: 0 12px 26px rgba(37, 211, 102, 0.10);

    }



    .hero-tour-glass-light .htgl-btn-wa:hover {

      transform: translateY(-2px);

      color: #ffffff;

      background: rgba(37, 211, 102, 0.22);

      border-color: rgba(37, 211, 102, 0.50);

    }



    .hero-tour-glass-light .htgl-points {

      display: grid;

      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 10px;

      margin-top: 24px;

    }



    .hero-tour-glass-light .htgl-point {

      min-height: 50px;

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 8px;

      padding: 10px 12px;

      border-radius: 16px;

      background: rgba(255, 255, 255, 0.08);

      border: 1px solid rgba(255, 255, 255, 0.14);

      color: rgba(255,255,255,0.91);

      font-size: 13px;

      line-height: 1.2;

      font-weight: 850;

      text-align: center;

      transform: translateY(18px);

      opacity: 0;

      animation: htglElementUp 0.62s ease forwards;

      backdrop-filter: blur(6px);

      -webkit-backdrop-filter: blur(6px);

    }



    .hero-tour-glass-light .htgl-point:nth-child(1) {

      animation-delay: 0.58s;

    }



    .hero-tour-glass-light .htgl-point:nth-child(2) {

      animation-delay: 0.70s;

    }



    .hero-tour-glass-light .htgl-point:nth-child(3) {

      animation-delay: 0.82s;

    }



    .hero-tour-glass-light .htgl-point svg {

      width: 16px;

      height: 16px;

      color: rgba(255,255,255,0.94);

    }



    @keyframes htglBannerUp {

      from {

        transform: translateY(44px);

        opacity: 0;

      }



      to {

        transform: translateY(0);

        opacity: 1;

      }

    }



    @keyframes htglElementUp {

      from {

        transform: translateY(20px);

        opacity: 0;

      }



      to {

        transform: translateY(0);

        opacity: 1;

      }

    }



    @media (prefers-reduced-motion: reduce) {

      .hero-tour-glass-light .htgl-box,

      .hero-tour-glass-light .htgl-kicker,

      .hero-tour-glass-light h2,

      .hero-tour-glass-light .htgl-lead,

      .hero-tour-glass-light .htgl-actions,

      .hero-tour-glass-light .htgl-point {

        animation: none;

        transform: none;

        opacity: 1;

      }

    }



    @media (max-width: 900px) {

      .hero-tour-glass-light {

        padding-left: 40px;

        padding-right: 40px;

      }



      .hero-tour-glass-light .htgl-box {

        padding: 48px 28px;

      }



      .hero-tour-glass-light .htgl-content {

        grid-template-columns: 1fr;

        gap: 28px;

      }



      .hero-tour-glass-light .htgl-actions {

        grid-template-columns: 1fr 1fr;

      }

    }



    @media (max-width: 767px) {

      .hero-tour-glass-light {

        width: 100vw;

        max-width: 100vw;

        margin-left: calc(50% - 50vw);

        margin-right: calc(50% - 50vw);

        padding: 14px 16px 24px;

      }



      .hero-tour-glass-light .htgl-wrap {

        min-height: auto;

      }



      .hero-tour-glass-light .htgl-box {

        padding: 34px 18px;

        border-radius: 24px;

        background: transparent !important;

        backdrop-filter: blur(2px) saturate(105%);

        -webkit-backdrop-filter: blur(2px) saturate(105%);

      }



      .hero-tour-glass-light .htgl-box::before {

        background: rgba(0, 0, 0, 0.20);

      }



      .hero-tour-glass-light h2 {

        font-size: clamp(33px, 10vw, 46px);

        letter-spacing: -1.35px;

      }



      .hero-tour-glass-light .htgl-lead {

        font-size: 15px;

        line-height: 1.52;

      }



      .hero-tour-glass-light .htgl-actions,

      .hero-tour-glass-light .htgl-points {

        grid-template-columns: 1fr;

      }



      .hero-tour-glass-light .htgl-btn {

        min-height: 54px;

      }

    }