body {
  background-image: url('img/background_copia.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero {
    background-size: cover;
    background-position: center;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    }
 .hero-content {
   text-align: center;
   background: rgba(167, 198, 255, 0.6);
   padding: 2rem;
   border-radius: 10px;
    }
  .btn-custom {
    margin-top: 1rem;
    }


      

        th, td{
            padding: 10px;
            color: rgb(19, 19, 19); 
        }
        th{
            text-align: left;
                        
        }

        /* este es una nota */

        .custombw {
            width: 190px !important;
        }

        .timebtn {
            width: 100px !important;
            height: 35px !important;
        }

        .btn-primary:hover, .btn-primary:focus {
            color: rgb(24, 24, 24);
            background-color: #FEC107;  
            
        }

       /* .row {
            background-color: rgb(165, 165, 165);
            padding-top: 1%;
        }
        

        .col {
            background-color: rgb(165, 165, 165);

            
            margin-bottom: 2%
            
        } */

       /* #peli {
            margin-top: 5%;
            margin-bottom: 2%;    
        }

        #categoria {
          /*  padding-left: 4%; */
           /* margin-bottom: 2%;    
        }

      /*  :root {
            --bs-body-bg: red;
        } */

      /*  .line {
            border-bottom: 2px solid #888;
          }

          #cartel {
            margin-top: 2%!important;
            font-weight: bolder;
            
            
          }

          #cartext {
            font-kerning:unset;
          } */