/* ADAPTABILIDAD ///////////////////////////////////////////////// */
/* antes de 990px */
body {
  background-color: white !important;
}
@media only screen and (max-width: 990px) {
    .textoHomeUsuario{
      display: none !important;
    }
    .imagenPropiedadComprar{
      width: 300px !important;
      height: 400px !important;
      object-fit: cover;
    }
  
    .outlet-container{
      padding: 200px 0px 0px 0px !important;
    }

    /* menu ocultado */
    .contenedorRoadmap{ margin: 100px 0px 10px 0px !important; }
    
  }
  /* ADAPTABILIDAD ///////////////////////////////////////////////// */
  /*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/
  
  
  h1, h2, h3, h4, h5, h6, button, div{ font-family: "Playfair Display", serif; }
  p, a, ul, li{ font-family: "Raleway", serif !important; }
  
  h1{ font-size: 60px; font-weight: 500 !important;}
  h2{ font-size: 45px; font-weight: 500 !important;}
  h3{ font-size: 35px; font-weight: 500 !important;}
  h4{ font-size: 25px; font-weight: 500 !important;}
  h5{ font-size: 21px; font-weight: 500 !important;}
  h6{ font-size: 19px; font-weight: 500 !important;}
  
  p, a, i, ul, li { font-size: 18px; font-weight: 500 !important;}
   
  .btn-primary{
      background-color: #228B22 !important;
      border-color: #228B22!important;
      color: white !important;
    }
    
    .btn-primary:hover{
      background-color: black !important;
      border-color: black !important;
      color: white !important;
    }
    
    .btn-primary-w{
      background-color: #ffffff !important;
      border-color: #ffffff !important;
      color: rgb(0, 0, 0) !important;
    }
  
    .btn-secondary{
      background-color: #000000 !important;
      border-color: white !important;
    } 
    
    .btn-secondary:hover{
      background-color: black !important;
      border-color: white !important;
    }
    
    .btn-outline-primary{
      border-color: #228B22 !important;
      color: white !important;
    }
    
    .btn-outline-primary:hover{
      background-color: #228B22  !important;
      border-color: #228B22 !important;
      color: white !important;
    }
  
    .btn-outline-w{
      border-color: white !important;
      color: white !important;
    }
    .btn-outline-w:hover{
      background-color: white !important;
      color: #0E1465 !important;
    }
    
    .bg-body-tertiary-opacity {
      background-color: rgb(248, 244, 244); /* Color similar a bg-body-tertiary con opacidad */
  }
  .imagenPropiedadComprar{
    border-radius: 2%; 
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
/* PAGINA USUARIO */
.imagenPrincipal{
  border-radius: 50%; 
  width: 300px; height: 300px;
}

.contenedorPaginasUsuario{  height: 100% !important; }
.contenedorSidebarYcontenido{ height: 100% !important; }
  

.bg-body-primary{
  background-color: #228B22 !important;
}

.contenedorRoadmap{ margin: 100px 0px 10px 0px; }
  /*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/



  /* Zona cargando */
  /* clases animación mientras espera que cargue el video */
.overlayCargando {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loadingText {
  color: white;
  margin-top: 20px;
  font-size: 18px;
}

/* bonton Contraseña */
.botonContra{
  border-color: #228B22 !important;
  color: black!important;
}

.botonContra:hover{
  background-color: #228B22  !important;
  border-color: #228B22 !important;
  color: white !important;
}



/* CSS global */
.text-white-global {
  color: #ffffff !important; /* Color de texto oscuro */
}
.tamañoMenuEscondido{
  font-size: 14px; 
  color: white;
  font-weight: bold;
  text-decoration: none; /* Eliminar subrayado */
  border-bottom: none;   /* Eliminar borde inferior */
}
/* Efecto hover para la clase tamañoMenu */
.tamañoMenuEscondido:hover {
  color: #228B22;  /* Puedes cambiar el color del texto si lo deseas */
}
.transparent-btn-Escondido {
  background-color: transparent; /* Fondo transparente */
  border: 2px solid rgb(255, 255, 255); /* Borde negro */
  color: rgb(255, 255, 255); /* Color del texto negro */
  padding: 8px 16px; /* Espaciado dentro del botón */
  border-radius: 4px; /* Bordes redondeados opcionales */
  font-weight: bold; /* Opcional: aplicar negrita al texto */
  transition: background-color 0.3s, color 0.3s; /* Efecto suave en el cambio de color */
}

.transparent-btn-Escondido:hover {
  background-color: #228B22; /* Fondo negro al pasar el mouse */
  color: white; /* Cambiar el color del texto a blanco cuando el mouse pasa por encima */
}
.otroMenu{
  color: #228B22 !important;
  border: 2px solid  #228B22 !important; /* Borde negro */

}
/* fin */


.iconosRoadmap{
  color:  rgb(212, 212, 212) !important;
  font-size: 50px;
}


/* contnedor de usuario y admin */


.outlet-container{
  padding: 120px 0px 0px 0px;
}


#contenedorAdvertencias li{
  font-size: 14px !important;
}