html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

/* body { */
  /* margin-bottom: 60px; */
/* } */

//* Configuración del Fondo de Pantalla */
body {
    /* Reemplaza '/img/fondo-lazar.jpg' con la ruta correcta a tu imagen */
    /*background-image: url('/Imagenes/fondo-lazar.jpg'); */
    
    /* Que la imagen cubra toda la pantalla */
    background-size: cover;
    
    /* Que la imagen esté centrada */
    background-position: center center;
    
    /* Que la imagen quede fija al hacer scroll */
    background-attachment: fixed;
    
    /* Que la imagen no se repita */
    background-repeat: no-repeat;

    /* Color de fondo por si la imagen tarda en cargar */
    background-color: #00609c; /* Un azul similar al de la imagen */
}

/* Configuración del Contenedor de Contenido */
.container, .container-fluid {
    background-color: rgba(255, 255, 255, 0.92); /* Blanco al 92% de opacidad */
    padding: 20px; /* Un poco de aire interno */
    border-radius: 15px; /* Bordes redondeados */
    margin-top: 20px; /* Separación del techo */
    margin-bottom: 20px; /* Separación del piso */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3); /* Sombra elegante */
}

/* Ajuste para el footer (opcional) */
footer {
    background-color: #343a40; /* Gris oscuro */
    color: white;
    padding: 1px 0;
    text-align: center;
}