.celular__cabeca {
    display: none;
}

@media(max-width: 500px) {

    .celular__cabeca {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .celular__logo {
        width: 130px;
        margin: 2em 0 2em 5em;
    }

    .escolha__texto {
        text-align: center;
        font-size: 40px;
        margin-top: 3em;
    }

    @keyframes slidein {
        from {
            margin-top: 50px;
          }
        
          to {
            margin-top: 120px;
        }
    }

    .escolha__lista{
        scale: 1;
        margin: 3em 15px;
    }

    .perfil__foto {
        width: 100px;
    }

    .celular__edit {
        width: 30px;
        margin-left: 5em;
    }

    .celular__edit:hover {
        cursor: pointer;
        opacity: 60%;
        scale: 0.9;
    }
}

/*PAGINA PRINCIPAL----------------------------------------------------------------*/

.nlogo {
    display: none;
}

.container__texto__mobile {
    display: none;
}

@media(max-width: 500px) {
    .container__logo {
        display: none;
    }

    .nlogo {
        display: flex;
        width: 20px;
        margin: 0 15px;
    }

    .cabecario {
        width: 100%;
    }

    .cabecario__item {
        margin: 0 8%;
    }

    .mobile__sumir {
        display: none;
    }

    .cabecario__lista {
        margin: 0 0;
    }

    .container__titulo {
        width: 75%;
        margin: 160px 0 0 10px;
    }

    .container__lista {
        display: flex;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
    }

    .carrossel_item {
        scroll-snap-align: start;
    }

    .container__video {
        margin: 5px 0;
    }

    .cropped {
        margin: 0 0;
    }

    .container__background {
        background-image: url(img/Background-principalMobile.png);
    }

    .container__texto__mobile {
        display: inline-block;
        font-size: 18px;
        margin: 20px 0 30px 15px;
    }

    .mais__info {
        display: none;
    }

    .info {
        display: inline-flex;
        width: 70px;
        margin: 0 0;
    }

    .container__botao {
        margin: 150px 0 20px 10px;
    }

    .play {
        margin: 0 0;
    }

    .filme5 {
        width: 80%;
    }

    #btnleft {
        display: none;
    }

    #btnright {
        display: none;
    }
}

@media screen and (orientation: landscape) and (max-width: 896px) {
    .container__background {
      background-size: cover;
      background-position: center;
      width: 100%;
      min-height: 100vh;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .container__titulo {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }
    
    .container__texto__mobile,
    .container__texto {
      margin-bottom: 15px;
    }
    
    .container__botao {
      margin-top: 10px;
    }
    
    /* Fix for movie carousels */
    .container__lista {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      width: 100%;
      padding: 0 10px;
      -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
      scroll-behavior: smooth;
      gap: 15px; /* Space between items */
    }
    
    .container__video {
      flex: 0 0 auto;
      width: calc(33.333% - 10px); /* Show approximately 3 items and hint at more */
      min-width: 150px; /* Minimum size to ensure visibility */
      margin-right: 0;
    }
    
    .cropped {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    /* Make sure the container for all sections adapts properly */
    .container {
      width: 100%;
      padding: 10px 0;
    }
    
    /* Show navigation buttons for landscape */
    #btnleft, #btnright {
      display: block;
      position: absolute;
      z-index: 10;
    }
    
    #btnleft {
      left: 10px;
    }
    
    #btnright {
      right: 10px;
    }
}