/*reseteo*/


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

/*estilos  principales */

/*barra busqueda*/

.search-form {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.search-input {
  padding: 10px 15px;
  width: 250px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}

.search-btn {
  padding: 10px 20px;
  background: #333;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.search-btn:hover {
  background: #555;
}

/*peliculas*/

#movies {
  padding: 30px;
  text-align: center;
}

.movies-title {
  font-size: 28px;
  margin-bottom: 20px;
  color: #333;
}

.movies-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}


.movie-card {
  background: #ffffff;
  width: 180px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
  text-align: center;
  transition: transform 0.2s ease;
}

.movie-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.movie-card h3 {
  padding: 10px;
  font-size: 16px;
  color: #333;
}

.movie-card:hover {
  transform: scale(1.07);
  cursor: pointer;
}

html, body{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 line-height: 1.7em;}
 a{color: #333 ; text-decoration: none ;}
 h1.h2.h3{padding-bottom: 10px 0;}

 /*utilidades*/

  .container{ width: 90%; max-width: 1100px; margin: 0 auto; padding: 20;}
    /*pading*/
    .py-1{ padding: 10px 0;}
    .py-2{ padding: 20px 0;}
    .py-3{ padding: 30px 0;}

    .btn{
        display: inline-block; 
        font-size:  10px ; 
        color: #fff; 
        background-color: #333; 
        padding:13px 20px; 
        border:none; 
        cursor: pointer;
    }

    #navbar{
      background-color: #333   ;
    color: #ffffff ;
    overflow: auto;}

    #navbar a{
        color: #fff ;
        
    }
    #navbar h1{
        float: left;
        padding-top:20px;
    }
    #navbar ul{
     
        list-style: none;
       float: right;
    }
    #navbar ul li{
      float: left   ;
    }

    #navbar ul li a{
        display: block;
        padding: 20px; text-align: center;

    }

    /*shwowcase*/
    #showcase{
       
        background: url('fondo.jpg') no-repeat center/cover ; height: 400px ;
  
    }
    #showcase .showcase-content{
        color: #fff;
        text-align: center;
        padding-top: 100px ;
    }
    
    #showcase .showcase-content h1{
        font-size: 50px ;
       line-height: 1.2em ;

    }
     #showcase .showcase-content p{
        padding-bottom: 20px ; 
        line-height: 1.7m;
    
    }

    #home.info{
       height: 400px ;
    }
    #home.info .info-img{
        float: left ;
        width: 50% ;
       background: url('data:image/jpeg;base64,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')no -repeat center/cover ;
       background-position: center; height: 100px ;}

      .info-content{
        float: none;
      margin: auto;
       text-align: center;
       overflow: hidden;
       font-size: 23px;
       margin-top: 60px;

    }

    /*fatures caja de estrenos*/

    .box{
  float: left;
  width: 33.3%;
  padding: 50px;
  text-align: center;
}

.box i{
  margin-bottom: 20px;
}

.bg-gray{
  background: #f4f4f4;
  color: #333;
}

.bg-light{
  background: #f4f4f4;
  color: #333;
}

.bg-primary{
  background: #dadd95;
  color: #333;
}

#main-footer{
  text-align: center;
  background: #000;
  color: #fff;
  padding: 20px;
  clear: both;
}
    

/*fondo*/

body {background: #fff ;

}