.cartoes{ 
    display: flex;
   flex-wrap: wrap;
    align-items: stretch;
}
.cartao{
    flex:0 0 200px;
    margin: 10px;
    border: 1px solid #89b6fd;
    box-shadow: 2px 2px 800px 20px rgb(13, 18, 116);
    border-radius: 20px;
    background-color: #acb1b9;
}
.cartao img{
    max-width:100%;
    border-radius: 10%;
}
.cartao .texto{
    padding: 0 20px 20px;
    text-align: justify;
}
.cartao .texto > button{
    background-color: rgb(50, 48, 195);
    border: 0;
    color: rgb(178, 226, 238);
    padding: 10px;
    width: 100%;
}

.desativa{
    display: none;
}
.alternar {
    background: linear-gradient(135deg, #0f0f0f, #2980b9);
    border: none;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(9, 85, 239, 0.4);
    transition: background 0.3s ease, box-shadow 0.3s ease;
    margin: 20px 10px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  
  .alternar:hover {
    background: linear-gradient(135deg, #0546a0, #5b6ff5);
    box-shadow: 0 6px 12px rgba(5, 70, 160, 0.6);
  }
  
  .alternar:active {
    background: linear-gradient(135deg, #04397d, #153a5e);
    box-shadow: 0 2px 5px rgba(4, 57, 125, 0.7);
    transform: scale(0.97);
  }
  .melhoresfilmesde2025
  
  .h1{
    color: #04397d;
  }