.bg-gradient-primary {
    background: #171d19 !important;
}

.bg-default {
    background-color: #e0cda3 !important;
}


.alogohome{
    display: block;
}

.login-container {
  background-color: transparent; /* tu color de fondo (bg-secondary) */
/*  background-image: 
    url("assets/img/Llave Nordica/llave-nordica-blanca.png"),   
    url("assets/img/Llave Nordica/llave-nordica-blanca-invertida.png");  */
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center; /* una a la izquierda, otra a la derecha */
     background-position: left 20px, right 20px; /* separadas del borde superior */
 background-size: 320px, 320px;
    max-width: 50%;  
  padding-top: 6em;
  text-align: center;
  float: left;
  position: relative;
}

.segundon{
max-width: 80%;
    margin-left: 6em;
}
.logohome{
    width: 290px;
    padding-top: 50%;
}


.minsegundon{
    min-height: 600px;
}
.avatar-sm {
    /*background:#e0cda3;*/
    width: 66px;
    height: 66px;
}


.dorado {
    background-color:#e0cda3 !important; 
}


#sidenav-main{
    background-color : #171d19;
}
.scroll-scrolly_visible{
        background-color : #171d19 !important;
}

.scrollbar-inner{
        background-color : #171d19 !important;
}
.homecelular{
    display:  none;
}


  .caja-pacientes {
  border: 2px solid white;   /* borde blanco */
  border-radius: 15px;       /* redondeado */
    padding: 5px 10px;
  display: inline-flex;      /* para que el texto y la imagen queden en línea */
  align-items: center;       /* centra verticalmente */
  gap: 10px;                 /* espacio entre texto e imagen */
}




.ProximaNovaRegular{
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
}
 
.ProximaNovaItalic{
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: italic;
} 
.ProximaNovaBold{
font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;
}

.ProximaNovaBoldItalic{
font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: italic;
}


/* Solo para pantallas de hasta 768px de ancho (celulares/tablets) */
@media (max-width: 768px) {

    p{
  font-family: "proxima-nova";
}

        .cabeceraCeluar {
        height: 26vh !important;
    }

    .segundon {
    max-width: 100%;
    margin-left: 0;
}

    .login-container{
            padding-top: 2em;
        background-size: 150px, 150px;
    }
    .logohome {
        width: 200px; 
        padding-top: 1%;
    }
 
    .login-container {
        width: 100%;
        max-width: 100%;
    }


    .homecelular{
    display:  block !important;
    }
    .homeescritorio{
    display:  none;
    }

    .text-left2 { 
    margin-top : 2em;
}


}