:root{
    --blanco: #ffffff;
    --oscuro: #212121;
    --primario:  #1f4777;
    --secundario: #ff8017;
    --gris: #757575;
}

body {
    background-image: url(../img/bg_pag1_op2x.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.footer {
    background-color: var(--secundario);
    padding: 1em 0;
    text-align: center;
    margin-top: auto;
}

.navbar-naranja {
    background-color: var(--secundario);
    color: var(--blanco);
}

.navbar-fuente {
    color: var(--blanco);
}

.bg-naranja {
    background-color: var(--secundario);
    height: 2rem;
}

.fuente01 {
    font-size: 12px;
    color: var(--blanco);
}


.margen-generico {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.contenedor-pdf-full{
    display: flex;
    padding: 1%;
    margin-left: 1%;
    border: 1px solid #ccc;
}
 
.pdf{
   border-radius: 15px;
   width:800px;
   height:750px
   
}    
 
.contenedor-pdf{
    background-color:#3b3b3b ;
    border-radius: 15px;
    box-shadow:  5px 6px rgba(0,0,0,0.4);
    margin-left: 10%;
    
}

  .indice-pdf {
    display: flex;
    margin: 5px; 
    width: 100%;
    cursor: pointer;
    color: var(--oscuro);
    text-decoration: none;
}

.con-txt-pdf{
    margin-left: 1%;
    width:20%;
}

.hidden {
    display: none;
  }

  .vhs{
    border-radius: 15px;
    width: 800px;
    height: 400px;
    background-color: transparent;
    
 }  

 .items{
    box-shadow:  1px 1px rgba(0,0,0,0.4);
}