/*CSS GENERAL PARTE ADMIN*/
@font-face {
    font-family: 'Identidad';
    src: url('Fuentes/Identidad-ExtraBold.otf'),
         
  }
  @font-face {
    font-family: 'Quicksand';
    src: url('Fuentes/Quicksand_Book.otf'), 
  }
  *{
    font-family: "Quicksand";
  }
  .titulo{
    font-family: 'Identidad';
  }

/*
* --------PARTE USER--------
*/
/*Index*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1b1b1b; /* Cambia esto al color que desees para el fondo del encabezado */
    padding: 10px; /* Añade un espacio alrededor del contenido del encabezado si lo deseas */
    z-index: 999; /* Asegura que esté por encima de otros elementos */
    text-align: center; /* Alinea el contenido del encabezado en el centro si es necesario */
}
.header-image {
    max-width: 250px; /* Establece un ancho máximo para la imagen si es necesario */
    float:left;
}
.header-image-admin{
    margin-top:0.5%;
    max-width: 250px; /* Establece un ancho máximo para la imagen si es necesario */
    float:left;
}
.header-image-derecha {
    max-width: 75px; /* Establece un ancho máximo para la imagen si es necesario */
    float:right;
    margin-right: 1%;
}
.user{
    padding: 16px;
}

.contenedor-index{
    display: flex;
        justify-content: center;
        align-items: center;
        height: 50vh;
        margin-top: 5%;
}
.texto-ley{
    text-align: justify;
}
.bottom-buttons {
    text-align: center; /* Centra los botones horizontalmente */
    margin-top: 10px;   /* Agrega un margen superior para separarlos del texto */
}
/*Form*/
.form{
    text-align: center;
}
.form form{
    text-align: left;
}
.atras{
    text-align: center;
    text-decoration: none;
    color:#000000;
}

.atras-recibe{
    text-decoration: none;
    color:#000000;
}

footer {
    display: flex;
    justify-content: space-between; /* Coloca los divs a la izquierda y derecha */
    align-items: center;
    background-color: #000000; /* Cambia esto al color de fondo que desees */
    padding: 16px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 2%;
}

.footer-left, .footer-right {
    flex-basis: 50%; /* Divide el espacio en dos partes iguales */
}

.footer-left a, .footer-right a {
    display: block;
    margin-bottom: 10px; /* Añade margen entre los enlaces */
    text-decoration: none;
    color: #ffffff;
}
.footer-right{
    text-align:right ;
}
.footer-left{
    font-size: 14px;
}

.imagenDatos{
    width: 20%;
}

.enlaces{
    color: #ffffff;
    text-decoration: none;
}

.container-recibo {
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.content-recibo {
    text-align: left; /* Alinea el texto a la izquierda */
}

/*
*--------PARTE ADMIN--------
*/

/*Login*/
.login-body{
    text-align: center;
    margin: auto;
    padding: auto;
}
.login-body h1{
    margin-top: 5%;
}
.login-body button{
    margin-left: 1%;
}
.abajo{
    margin-top: 0.5%;
}
.tabla{
    margin-top: 20px;
}
/*Tablas*/
.tablas-body h1{
    text-align: center;
}
.boton{
    text-align: center;
    margin-top: 1%;
}

.container {
    display: flex; 
}

.left-div {
    width: 44%; 
    padding: 10px;
    float: left;
}

.right-div {
    width: 44%; 
    padding: 10px;
    float: right;
}

/*Mostrar Datos*/
.datos{
    margin-left: 20%;
}
/*Modificaciones*/
.modificaciones-body{
    text-align: center;
}
.tabla{
    text-align: left;
}
.boton-m{
    margin-bottom: 1%;
}