/*
           SISTEMA DE ESCALA PROPORCIONAL 1920px
           Padronização Rendimento Solution Architecture - ULTRA UNIQUE CLASSES
        */
      #block-hero{
        --lt-s1-navy: #253064;
        --lt-s1-gold: #d89a14;
        --lt-s1-white: #ffffff;
        --lt-s1-black: #000000;
      }

      #block-hero, #block-hero *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent !important;
        outline: none !important;
      }

      #block-hero,
#block-hero{
        margin: 0;
        padding: 0;
        background: var(--lt-s1-white);
        font-family: "Ekster", sans-serif;
      }

      @font-face{
        font-family: "Lemon Milk";
        src: url("/fontes/lemonmilk-bold.woff2")
          format("woff2");
        font-weight: 700;
        font-display: swap;
      }
      @font-face{
        font-family: "Ekster";
        src: url("/fontes/ekster-regular.woff2")
          format("woff2");
        font-weight: 400;
        font-display: swap;
      }
      @font-face{
        font-family: "Ekster";
        src: url("/fontes/ekster-medium.woff2")
          format("woff2");
        font-weight: 500;
        font-display: swap;
      }
      @font-face{
        font-family: "Ekster";
        src: url("/fontes/ekster-bold.woff2")
          format("woff2");
        font-weight: 700;
        font-display: swap;
      }

      #block-hero .lt-s1-wrapper{
        width: 100%;
        height: 85vh;
        position: relative;
        overflow: hidden;
        background: var(--lt-s1-white);
      }

      #block-hero #lt-s1-scaling{
        width: 1920px;
        height: 1080px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center center;
        background: var(--lt-s1-white);
        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
      }

      #block-hero .lt-s1-section{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 140px;
        gap: 120px;
      }

      #block-hero .lt-s1-reveal{
        opacity: 0;
        filter: blur(12px);
        transition:
          opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1),
          filter 0.8s ease;
        will-change: opacity, filter;
      }

      #block-hero .lt-s1-reveal.is-visible{
        opacity: 1;
        filter: blur(0);
      }

      #block-hero .lt-s1-left{
        width: 660px;
        flex: none;
        position: relative;
        z-index: 10;
      }

      #block-hero .lt-s1-tag{
        font-family: "Ekster", sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: var(--lt-s1-gold);
        text-transform: uppercase;
        letter-spacing: 2.5px;
        margin-bottom: 5px;
        display: block;
      }

      #block-hero .lt-s1-title{
        font-family: "Lemon Milk", sans-serif;
        font-size: 34px;
        line-height: 1.1;
        color: var(--lt-s1-navy);
        text-transform: uppercase;
        margin-bottom: 35px;
        letter-spacing: 0.5px;
      }

      #block-hero .lt-s1-text{
        font-family: "Ekster", sans-serif;
        font-size: 18px;
        line-height: 1.5;
        color: var(--lt-s1-black);
      }

      #block-hero .lt-s1-text p{
        margin-bottom: 25px;
      }

      #block-hero .lt-s1-right{
        width: 860px;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        position: relative;
        z-index: 20;
      }

      #block-hero .lt-s1-video-container{
        width: 860px;
        height: 520px;
        border-radius: 50px;
        overflow: hidden;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.12);
        background: #000;
        position: relative;
        cursor: pointer;
        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 100;
      }

      #block-hero .lt-s1-video-container video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50px;
      }

      #block-hero .lt-s1-controls-group{
        position: absolute;
        bottom: 30px;
        right: 30px;
        display: flex;
        align-items: center;
        gap: 15px;
        z-index: 150;
        opacity: 0;
        transition: opacity 0.5s ease;
        pointer-events: none;
      }

      #block-hero .lt-s1-video-container:hover .lt-s1-controls-group,
#block-hero .lt-s1-video-container.controls-active .lt-s1-controls-group{
        opacity: 1;
        pointer-events: all;
      }

      #block-hero .lt-s1-control-btn{
        width: 54px;
        height: 54px;
        background: rgba(255, 255, 255, 0.25);
        backdrop-filter: blur(12px);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        border: 1px solid rgba(255, 255, 255, 0.4);
        cursor: pointer;
      }

      #block-hero .lt-s1-control-btn:hover{
        background: var(--lt-s1-gold);
        transform: scale(1.1);
      }

      #block-hero .lt-s1-control-btn svg{
        width: 24px;
        height: 24px;
        fill: white;
        transition: transform 0.3s;
      }

      #block-hero .lt-s1-sound-toggle.is-playing svg{
        animation: hero__ltSpeakerPulse 1.5s infinite ease-in-out;
      }

      @keyframes hero__ltSpeakerPulse{
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.08);
        }
        100% {
          transform: scale(1);
        }
      }

      #block-hero .lt-s1-progress-container{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        z-index: 110;
        cursor: pointer;
        transition:
          height 0.3s ease,
          opacity 0.5s ease;
        opacity: 0;
      }

      #block-hero .lt-s1-video-container:hover .lt-s1-progress-container,
#block-hero .lt-s1-video-container.controls-active .lt-s1-progress-container{
        opacity: 1;
      }

      #block-hero .lt-s1-progress-container:hover{
        height: 14px;
      }

      #block-hero .lt-s1-progress-bar{
        height: 100%;
        width: 0%;
        background: var(--lt-s1-gold);
        box-shadow: 0 0 15px rgba(216, 154, 20, 0.6);
        transition: width 0.1s linear;
      }

      #block-hero .lt-s1-instruction{
        font-family: "Ekster", sans-serif;
        font-size: 14px;
        color: #666;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
      }

      #block-hero #lt-s1-scaling.is-expanded{
        background: rgba(0, 0, 0, 0.85) !important;
        backdrop-filter: blur(15px);
        z-index: 99999;
        width: 100vw !important;
        height: 100vh !important;
      }

      #block-hero #lt-s1-scaling.is-expanded .lt-s1-section{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        background: transparent;
      }

      #block-hero #lt-s1-scaling.is-expanded .lt-s1-left{
        opacity: 0;
        pointer-events: none;
        width: 0;
        margin: 0;
        transform: translateX(-350px);
        overflow: hidden;
      }

      #block-hero #lt-s1-scaling.is-expanded .lt-s1-right{
        width: 90vw;
        height: 90vh;
      }

      #block-hero #lt-s1-scaling.is-expanded .lt-s1-video-container{
        width: 90vw;
        height: 90vh;
      }

      #block-hero #lt-s1-scaling.is-expanded video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50px;
      }

      #block-hero #lt-s1-scaling.is-expanded .lt-s1-instruction{
        display: none;
      }

      @media (max-width: 768px){
        #block-hero .lt-s1-wrapper{
          height: auto;
          min-height: 100svh;
          overflow: visible;
        }

        #block-hero #lt-s1-scaling{
          position: relative !important;
          width: 100% !important;
          height: auto !important;
          top: auto !important;
          left: auto !important;
          transform: none !important;
          transition: none !important;
        }

        #block-hero .lt-s1-section{
          flex-direction: column;
          padding: 52px 24px 48px;
          gap: 32px;
          height: auto;
          min-height: 100svh;
        }

        #block-hero .lt-s1-left{
          width: 100%;
          text-align: center;
        }

        #block-hero .lt-s1-tag{
          font-size: 11px;
          letter-spacing: 2px;
        }

        #block-hero .lt-s1-title{
          font-size: 22px;
        }

        #block-hero .lt-s1-text{
          font-size: 14px;
          text-align: left;
        }

        #block-hero .lt-s1-right{
          width: 100%;
          order: 2;
          gap: 10px;
        }

        #block-hero .lt-s1-video-container{
          width: 100%;
          height: 56vw;
          border-radius: 18px;
        }

        #block-hero .lt-s1-video-container video{
          border-radius: 18px;
        }

        #block-hero .lt-s1-instruction{
          font-size: 10px;
          color: #aaa;
        }

        #block-hero .lt-s1-control-btn{
          width: 38px;
          height: 38px;
        }

        #block-hero .lt-s1-control-btn.fs-btn{
          display: none !important;
        }

        #block-hero .lt-s1-controls-group{
          bottom: 12px;
          right: 12px;
        }
      }