/*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/
p, a, h1, h2, h3, h4, h5, h6, div, button, ul, li{ font-family: 'Montserrat', sans-serif;}

h1{ font-size: 60px; font-weight: bold !important;}
h2{ font-size: 45px; font-weight: bold !important;}
h3{ font-size: 35px; font-weight: bold !important;}
h4{ font-size: 25px; font-weight: bold !important;}
h5{ font-size: 21px; font-weight: bold !important;}
h6{ font-size: 19px; font-weight: bold !important;}

p, a, i, ul, li { font-size: 17px; font-weight: 500 !important;}
/*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/



/* ADAPTABILIDAD ///////////////////////////////////////////////// */
/* antes de 990px */
@media only screen and (max-width: 990px) {
  .imagenPropiedadComprar{
    width: 300px !important;
    height: 400px !important;
    object-fit: cover;
  }

  .imgAvatar{
    width: 200px !important;
    
  }
  
}
/* ADAPTABILIDAD ///////////////////////////////////////////////// */


/* MODIFICACION CLASE BODY PARA PAGINAS GLOBALES E INTERNAS ///////////////////////////////////////////////////// */
/* Clase usada en hooks setstate para cambiar estilo de body en toda la web */
.claseBodyWeb{
  background-color: rgb(255, 255, 255) !important;
}
/* Clase usada en hooks setstate para cambiar estilo de body en inicio, registro y páginas privadas */
.claseBodyInicioRegistro{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #111d1a !important;
}
/* Clase usada en hooks setstate para cambiar estilo de body en páginas privadas */
.claseBodyPrivadas{
  background-color: #111d1a !important;
}
/* MODIFICACION CLASE BODY PARA PAGINAS GLOBALES E INTERNAS ///////////////////////////////////////////////////// */





/* CONTENEDORES POR ORDEN  - 100% height /////////////////////////////////////////////////////////////////////////   */
/* 
1. HTML - index.html
2. Body - index.html
3. Root - index.html
4. Direccionamiento - app.js
5. contenedorPaginasUsuario - todas las páginas de usuario: conteiene TODA la página
6. contenedorSidebarYcontenido - todas las páginas de usuario: contiene SIDEBAR y CONTENIDO.

PARA QUE SE CUMPLA HIGHT 100%, el contenedor padre debe tener la máxima altura, por ende todos su padres deben tenerla.*/
html{ height: 100%; }
body{ height: 100% !important; background-color: #111d1a; }
#root{ height: 100% !important; }
#contenedorDireccionamiento{ height: 100% !important; }
.contenedorPaginasUsuario{  height: 100% !important; }
.contenedorSidebarYcontenido{ height: 100% !important; }
/* CONTENEDORES POR ORDEN  - 100% height /////////////////////////////////////////////////////////////////////////   */





.imgAvatar{
  width: 400px;
  border-radius: 50%;
}


.btn-primary{
  background-color: #ada06b !important;
  border-color: #ada06b !important;
}

.btn-primary:hover{
  background-color: #7e744e !important;
  border-color: #7e744e !important;
}

.btn-secondary{
  background-color: #223531 !important;
  border-color: #223531 !important;
}

.btn-secondary:hover{
  background-color: #7e744e !important;
  border-color: #7e744e !important;
}

.btn-outline-primary{
  border-color: #ada06b !important;
  color: #ada06b !important;
}

.btn-outline-primary:hover{
  background-color: #ada06b  !important;
  border-color: #ada06b !important;
  color: white !important;
}


/* PAGINA USUARIO */
.imagenPrincipal{
  border-radius: 50%; 
  width: 300px; height: 300px;
}
.imagenMisPropiedades{
  border-radius: 5%; 
  width: 100%;
 
}
.contenedorUsuarioTres{
  background-color: #ada06b;
}

.imagenPropiedadComprar{
  border-radius: 2%; 
  width: 100%;
  height: 500px;
  object-fit: cover;
}