html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
    font-family: 'Roboto', sans-serif; 
}

.container-fluid {
    height: 100%; 
}

.row.min-vh-100 {
    height: 100%; 
    min-height: 100vh; 
}

.svg-side-panel {
    height: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 0;
    overflow: hidden; 
}

#interactive-map-svg {
    width: 100%; 
    height: 100%; 
    display: block; 
    
}


.login-box {
    max-width: 400px; 
    width: 90%; 
    margin: 0 auto; 
    padding: 20px;
}
.login-box h3 {
  color: #001b24; 
}

.login-box p {
  color: #696969; 
}

/* Estilos para el enlace de "Olvidó su contraseña?" */
.extra-link { 
  color: #001b24;
}

.extra-link:hover {
  text-decoration: underline; 
}

.soporte a {
  color: #001b24; 
}

.soporte b {
  color: #009999;
}



.login-box {
  max-width: 500px; 
  margin: auto; 
}

/* Estilos de imagen del logo */
.login-box img {
  max-width: 400px; 
}

/* Estilos del botón */
.btn-primary { 
  background: #013A51;
  border-color: #013A51; 
  border-radius: 10px; 
  font-size: 16px; 
  padding: 12px; 
  margin-top: 15px; 
}

.btn-primary:hover {
  background: #02627a; 
  border-color: #02627a;
}

.btn-primary:disabled { 
    background: #cccccc; 
    border-color: #cccccc;
    opacity: 0.65; 
}


/* Estilos del enlace de soporte */
.soporte a.hover-shadow:hover {
  border: 1px solid #009999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  background: #f9fefe;
}
.modal-header {
  background-color: #013A51; 
  color: #fff;              
}
.btn-close {
  filter: invert(1); 
}
/* Estilos de la imagen lateral */
.image-side {
  min-height: 100vh; }

@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.9);}
  to {opacity: 1; transform: scale(1);}
}

/* Media Queries para pantallas más pequeñas */
@media (max-width: 768px) {
  .g-recaptcha iframe {
    transform: scale(0.8);
    transform-origin: left;
  }
}


/* Media query para pantallas más grandes */
@media (max-width: 1600px) {
  body {
    background: #fff;
  }

  .login {
    flex: 1;
    width: 100%; 
    padding: 1rem; 
    height: auto;
    min-height: 100vh;
  }

  .login-box {
    max-width: 100%;
    padding: 0 1rem;
  }

  .login-box img {
    width: 250px;
  }
  .login-box h5 {
   font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #013A51;
}
.login-box p {
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #696969;
}

#alert{
    font-size: 12px;
}


input {
   font-size: 12px;
}

input::placeholder {
  font-size: 13px;
}

.extra-link  {
  font-size: 13px;
  margin-top: 2px;
  color: #001b24;
}

.btn {
  margin-top: 1px;
  font-size: 12px;
}
  .captcha {
    justify-content: center;
  }

  .g-recaptcha iframe {
    max-width: 100%;
    transform: scale(0.8);
    transform-origin: left;
  }

.soporte a {
  font-size: 13px;
}

.soporte a:hover {
  font-size: 13px;        
}
}