:root {
  --bg: -webkit-radial-gradient(152px top, ellipse, white, #70caff, white);
  --letras:  #ffffff;
  --ltNegras: #000000;
  --hoverNavLink: #ffc90a;
}

*{
margin: 0;
}

.w {
min-height: calc(100% - 8rem);
}

html, body{
  font-family: 'Nunito', sans-serif;
}

.navbar-toggler-icon{
  background-color: #ffffff;
}

.bg-difumado{
  background-image: url(https://i0.wp.com/imgs.hipertextual.com/wp-content/uploads/2014/03/posters-de-peliculas.jpg?w=1366&quality=50&strip=all&ssl=1);
  background-size: cover;
  background-position: center center;
  margin: auto;
}

h2{
  text-align: center;
  color: var(--ltNegras);
  font-size: 50px;
}

.cabecera-cab{
  background: linear-gradient(90deg,#020024 0,#0471a6 100%,#064983 100%,#00d4ff 100%);
}

.cabecera-cab nav a p{
  color: #ffffff!important;
}

header{
font-weight: bold;
align-items: center;
}

nav.navbar div div div a.nav-link:hover{
  color: var(--hoverNavLink)!important;
}

.t-index{
margin: 0 auto;
}

.div-parrafo{
text-align: justify;
font-size: 20px;
}

.div-index{
text-align: center;
padding-top: 40px;
}

header img{
  width: 220px;
}

.icono-plus{
  font-size: 24px;
  border: 1px solid #ffffff;
  padding: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.btn-full{
  border: none;
}


label{
  color: var(--letras);
}

nav div div{
  justify-content: flex-end;
}

.navbar-brand{
  display: flex;
  align-items: center;
}

.navbar-brand p{
  margin: 0;
  padding: 0;
}

p.msj-bievenida{
  color: #ffffff;
}

p.msj-bievenida b a{
  color: #ffffff;
}

p.msj-bievenida b a:hover{
  color: #FF0000;
}

/* ----------------pelicula-------------*/
.img-portada-pelicula{
  height: 100px;
  width: 100px;
}

.img-portada-pelicula-c {
  height: 250px;
  width: 185px;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,.55) 10px 10px 20px 0;
    position: relative;
    overflow: hidden;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s;
}

.pelicula h3{
  text-transform: capitalize;
}

.table{
  vertical-align: middle;
  text-align: center;
}

thead{
  color: var(--ltNegras);
}

tbody{
  color: var(--ltNegras);
}

tbody, td, tfoot, th, thead, tr {
    border: 1px solid #ffffff;
    vertical-align: middle;
}
/* ----------------==centrar login===-------------*/

.abs-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.btn-registrar{
  font-size: 20px;
  color: var(--ltNegras);
}

/* ----------------==DASHBOARD===-------------*/
.msj-bienvenida{
  font-size: 20px;
  color: #000000;
}

ul.ul-menu-op {
    margin: 0;
    padding: 0;
}

.ul-menu-op li{
  list-style: none;
}

.ul-menu-op li a{
  margin: 10px;
  color: #ffffff;
}

/* ----------------sala-------------*/
.monto-minimo {
    font-size: 13px;
    color: #f1f1f1;
}
/* ----------------=====-------------*/


/* ----------------footer-------------*/
/*footer{
  background-color: #31384A;
  color: #ffffff;
  font-style: italic;
  padding: 30px;
  text-align: center;
  width: 100%;
  height: 8rem;
}*/


/* LOGIN */
.card{
  background-color: rgba(254,254,254,.5);
}

.card-body {
  box-shadow: rgba(0,0,0,.5) 0 10px 13px -3px;
}

.card input:not(.btn-primary){
  background: rgba(255,255,255,.5);
}

form.form input[type=text],
form.form input[type=password],
form.form input[type=mail],
form.form input[type=email]{
  font-size: 20px;
}