.elementor-32 .elementor-element.elementor-element-3fca6b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-32 .elementor-element.elementor-element-93e3848{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-33fe174 */body {
    width: 100vw;
    background-image: url('img/background.png');
    margin: 0;
    color: white;
    overflow: hidden;
    font-family: 'Agdasima';
    font-stretch: ultra-condensed;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
    display: grid;
    grid-template-rows: 1fr;
    height: 100dvh !important;
    display: flex;

    flex-direction: column;
  }
  ::-webkit-scrollbar {
    width: 0px;
}
  * {
    box-sizing: border-box;
  }
  
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
  }
  header {
    padding: 1em;
    display: flex;
    justify-content: center;
  }
  
  .logo {
    height: 2.4em;
  }
  
  main {
    position: relative;
    height: 80vh;
  }
  
  .carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .carousel-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
  }
  
  .carousel-image.active {
    opacity: 1;
  }
  
  .overlay {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    text-align: center;
  }
  
  #playButton {
    margin-right: 1em;
    font-size: 2em;
    border-radius: 50%;
    border: none;
    background: #007BFF;
    color: white;
    cursor: pointer;
  }
  
  footer {
    display: flex;
    justify-content: space-around;
    padding: 1em;
    padding-right: 0em;
    padding-left: 5em;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size:small;
  }
  
  footer span {
    margin-bottom: 0.5em;
  }
  .overlay-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    gap: 2em;
    z-index: 2;
    flex-wrap: wrap;
}
  
  .logo-col .logo {
    max-height: 4em;
    width: auto;
  }
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    flex-wrap: wrap; /* permite empilhar em telas pequenas */
  }
  
  .player-col {
    position: relative;
    background-color: black;
    width: 30em;
    height: 20em;
    border-radius: 80px;
    opacity: 0.9;
    text-align: center;
    overflow: visible;
    color: white;
  }
  
  .player-col h1 {
    font-size: 2.5em;
    margin-top: 1.5em;
    letter-spacing: 0.25em;
  }
  
  .fire-top {
    position: absolute;
    left: 26%;
    transform: translateX(-50%);
    top: -12%;
    width: 40em;
  }
  
  .fire-bottom {
    position: absolute;
    bottom: -28px;
    left: 80%;
    transform: translateX(-50%);
    width: 40em;
  }
  
  .player-col button {
    padding: 0 0.9em;
    width: 2.7em;
    height: 2.7em;
    border: none;
    background-color: #007BFF;
    color: white;
    cursor: pointer;
  }
  
  .social{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }
  .social img {
    height: 3.5em;
    margin: 0 1em;
    padding-bottom: 0.5em;
  }

  .address{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }

  .apps{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }

  .apps img{
    width: 12.5em;
    margin: 0 1em;
    opacity: 90%;
  }
  @media (min-width: 1024px) and (max-width: 1124px) {
    .logo-col{
      width: 20em;
      
    }
    .player-col {
      width: 25em;
      height: 15em;
      padding-bottom: 80px; /* espaço para imagem de baixo */
    }
    
    #playButton {
      font-size: 1.4em;
    }

    .player-col h1 {
      font-size: 2em;
    }
  
    .fire-top,
    .fire-bottom {
      width: 30em; /* redimensiona no mobile se quiser */
    }
  }

  @media (min-width: 890) and (max-width: 1024px) {
    .logo-col{
      width: 20em;
      margin: 2em;
      margin-bottom: 0;
    }
    .player-col{
      margin: 1em;
      width: 20em;
      height: 13em;
    }
    
    #playButton {
      font-size: 1.2em;
    }

    .player-col h1 {
      font-size: 1.5em;
    }
    .social{
      margin: 1em;
      flex-wrap: wrap;
    }
    .address{
      margin: 1em;
      flex-wrap: wrap;
    }
    .apps{
      margin: 1em;
      flex-wrap: wrap;
    }

    footer{
      padding: 1em 2em;
    }

    .fire-top,
    .fire-bottom {
      width: 0; /* redimensiona no mobile se quiser */
    }
  }

  @media (max-width: 890px) {
    .carousel-image{
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: -54vw;
      opacity: 0;
    }
    html, body{
      overflow:visible;
    }
    .overlay-row{
      top: 55%;
      bottom: auto;
    }
    .logo-col img{
      width: 100%;
      max-width: 30em;
    }
    .logo-col{
      width: 100%;
      max-width: 80vh;
    }
    .container{
      width: 100%;
    }
    .player-col{
      max-width: 65vw;
      height: 35vw;
    }
     #playButton {
      font-size: 4vw;
    }

    .player-col h1 {
      font-size: 4vw;
    }
    .fire-top,
    .fire-bottom {
      width: 0; /* redimensiona no mobile se quiser */
    }
    .social{
      margin-top: 1.2em;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    
    .address-mobile{
      display: flex !important;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    .address{
      display: none;
    }
    .apps{
      flex-wrap: wrap;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    footer{
      position: absolute;
    }
  }/* End custom CSS */
/* Start custom CSS */body {
    width: 100vw;
    background-image: url('img/background.png');
    margin: 0;
    color: white;
    overflow: hidden;
    font-family: 'Agdasima';
    font-stretch: ultra-condensed;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
    display: grid;
    grid-template-rows: 1fr;
    height: 100dvh !important;
    display: flex;

    flex-direction: column;
  }
  ::-webkit-scrollbar {
    width: 0px;
}
  * {
    box-sizing: border-box;
  }
  
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
  }
  header {
    padding: 1em;
    display: flex;
    justify-content: center;
  }
  
  .logo {
    height: 2.4em;
  }
  
  main {
    position: relative;
    height: 80vh;
  }
  
  .carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .carousel-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
  }
  
  .carousel-image.active {
    opacity: 1;
  }
  
  .overlay {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    text-align: center;
  }
  
  #playButton {
    margin-right: 1em;
    font-size: 2em;
    border-radius: 50%;
    border: none;
    background: #007BFF;
    color: white;
    cursor: pointer;
  }
  
  footer {
    display: flex;
    justify-content: space-around;
    padding: 1em;
    padding-right: 0em;
    padding-left: 5em;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size:small;
  }
  
  footer span {
    margin-bottom: 0.5em;
  }
  .overlay-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    gap: 2em;
    z-index: 2;
    flex-wrap: wrap;
}
  
  .logo-col .logo {
    max-height: 4em;
    width: auto;
  }
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    flex-wrap: wrap; /* permite empilhar em telas pequenas */
  }
  
  .player-col {
    position: relative;
    background-color: black;
    width: 30em;
    height: 20em;
    border-radius: 80px;
    opacity: 0.9;
    text-align: center;
    overflow: visible;
    color: white;
  }
  
  .player-col h1 {
    font-size: 2.5em;
    margin-top: 1.5em;
    letter-spacing: 0.25em;
  }
  
  .fire-top {
    position: absolute;
    left: 26%;
    transform: translateX(-50%);
    top: -12%;
    width: 40em;
  }
  
  .fire-bottom {
    position: absolute;
    bottom: -28px;
    left: 80%;
    transform: translateX(-50%);
    width: 40em;
  }
  
  .player-col button {
    padding: 0 0.9em;
    width: 2.7em;
    height: 2.7em;
    border: none;
    background-color: #007BFF;
    color: white;
    cursor: pointer;
  }
  
  .social{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }
  .social img {
    height: 3.5em;
    margin: 0 1em;
    padding-bottom: 0.5em;
  }

  .address{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }

  .apps{
    display: flex
    ;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
  }

  .apps img{
    width: 12.5em;
    margin: 0 1em;
    opacity: 90%;
  }
  @media (min-width: 1024px) and (max-width: 1124px) {
    .logo-col{
      width: 20em;
      
    }
    .player-col {
      width: 25em;
      height: 15em;
      padding-bottom: 80px; /* espaço para imagem de baixo */
    }
    
    #playButton {
      font-size: 1.4em;
    }

    .player-col h1 {
      font-size: 2em;
    }
  
    .fire-top,
    .fire-bottom {
      width: 30em; /* redimensiona no mobile se quiser */
    }
  }

  @media (min-width: 890) and (max-width: 1024px) {
    .logo-col{
      width: 20em;
      margin: 2em;
      margin-bottom: 0;
    }
    .player-col{
      margin: 1em;
      width: 20em;
      height: 13em;
    }
    
    #playButton {
      font-size: 1.2em;
    }

    .player-col h1 {
      font-size: 1.5em;
    }
    .social{
      margin: 1em;
      flex-wrap: wrap;
    }
    .address{
      margin: 1em;
      flex-wrap: wrap;
    }
    .apps{
      margin: 1em;
      flex-wrap: wrap;
    }

    footer{
      padding: 1em 2em;
    }

    .fire-top,
    .fire-bottom {
      width: 0; /* redimensiona no mobile se quiser */
    }
  }

  @media (max-width: 890px) {
    .carousel-image{
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: -54vw;
      opacity: 0;
    }
    html, body{
      overflow:visible;
    }
    .overlay-row{
      top: 55%;
      bottom: auto;
    }
    .logo-col img{
      width: 100%;
      max-width: 30em;
    }
    .logo-col{
      width: 100%;
      max-width: 80vh;
    }
    .container{
      width: 100%;
    }
    .player-col{
      max-width: 65vw;
      height: 35vw;
    }
     #playButton {
      font-size: 4vw;
    }

    .player-col h1 {
      font-size: 4vw;
    }
    .fire-top,
    .fire-bottom {
      width: 0; /* redimensiona no mobile se quiser */
    }
    .social{
      margin-top: 1.2em;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    
    .address-mobile{
      display: flex !important;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    .address{
      display: none;
    }
    .apps{
      flex-wrap: wrap;
      padding-right: 4em;
      margin-bottom: 1.2em;
    }
    footer{
      position: absolute;
    }
  }/* End custom CSS */