header nav .botao-log img {
    cursor: pointer;
}
/* Imagem do rodapé responsiva */
.rodape img {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.rodape span, .rodape a.footer-link {
    margin-left: 0;
}
/* Rodapé alinhado horizontalmente: imagem e texto/link lado a lado */
/* Rodapé com imagem separada do texto/link, ambos centralizados */
.rodape {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
    margin-bottom: 24px;
    text-align: center;
}
.rodape-img {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 auto 4px auto;
}
/* Centralizar conteúdo do rodapé */
.rodape {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}
/* Link do rodapé com cor igual ao texto */
.footer-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}
.footer-link:hover, .footer-link:focus {
    color: #e50914; /* Destaque no hover, opcional */
}
:root{
  --vermelho: #E50914;
  --preta:#141414;


  
}

*{
       margin:0;
       padding:0;
       box-sizing: border-box;

}
/* elemento base */

body{
     background: var(--preta);
     font-family: 'Times New Roman', Times, serif;
     color: white;
}

header .container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: 52px;
}
header .logo{
    margin-left: 5px;
    color: var(--vermelho);
    font-family: 'Arial Black', Times;
    font-size: 50px;
}

header nav a{
    text-decoration: none;
    color:white;
    margin-left: 10px;
    font-size: 25px;
    margin-inline-end: 15px;
}

header nav a:hover{
    color: red;


}

header .logo:hover{
    color: white;
}

footer .rodape{
    height: 10px;
    margin-left: 8px;
    border-radius: 50px;
    font-family: 'Times New Roman', Times, serif;
    color: #fff;
    text-decoration: none;
}


/* filme principal*/
.filme-principal {
    font-size: 16px;
    background: linear-gradient(rgba(0,0,0,.50), rgba(0,0,0,.50)100%),  url('/img/the-walking-dead.jpg');

    height: 400px;
    background-size:cover;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.filme-principal .descricao{
   margin-top: 10px;
    margin-bottom: 40px;
}
.filme-principal .titulo{
    margin-top: 15%;
    font-size: 40px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}


.botao{
    background-color: rgba(0,0,0,.50);
    border: none;
    color: white;

    padding: 15px 30px;
    margin-right: 15px;
    font-size: 12px;
    
    cursor: pointer;
    transition: 3s ease all;
}

/* é hover e não haver.*/ 

.botao:hover{       
    background-color:white;
    
 
}
.botao i{
margin-right: 8px;
color: #E50914;

}
.botaolink{
   text-decoration: none;
    color: red ;
    cursor: pointer;
     

}

.botao log{
    display: inline-block;
    height: 134px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 104px;
    cursor: pointer;

  }


.container{
    margin-left: 20px;
}

 .filme-principal .container{
    width: 70%;
}

/*
.box-filme{
    height: 100%;
    width: 100%;
    display: flex ;
    cursor: pointer;
}
*/


.zoom {
    overflow: hidden;
  }
  
.box-filme  {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .zoom:hover  {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.3);
  }

.carrosel-filmes{
    margin-top:5px;
}