/* estilos personalizados */
:root{
    --background: linear-gradient(135deg,#98ff687e 0%,#00000098 100%);
    --color-fondo:rgb(230, 225, 222);
    --boton-padding:20px 40px;
    --red:#ff2e63;
    --azul_oscuro:#044463;
    --black:#252a34;
    --blue:#08d9d6;
    --white:#eaeaea;
    --title:35px;
    --text:19px;
}
body{background:#f8f8f8}
/*.card{box-shadow:0 4px 100px rgba(250, 0, 0, 0.05)}*/
.video-js{max-height:400PX}

.titulo{
    text-align: center;
    color: var(--azul_oscuro);
    font-size: 2.5rem;
    margin-bottom: 35px;
    padding-left: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.contenido{
    padding-left: 10px;
    padding-top: 10px;
}
.card {
    background: #ffffff;
    transition: all 0.3s ease-in-out;
  }
  
  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  }
  
  .btn-outline-primary {
    border-width: 2px;
  }
  
  .btn-outline-primary:hover {
    background: #4361ee;
    color: white;
  }
  
  h2 {
    letter-spacing: 0.5px;
  }