:root {
        --azulclaro: #0074AB;
        --azul: #004C78;
        --azultenue: #eef4fd;
        --grisclaro: #efefef;
        --gris: #666666;
    }

    body, html{
        height:100%;
        margin:0;
        font-family:'Lato', sans-serif;
    }

    p, li, label {
        color: var(--gris);
        font-weight: 300;
    }

    h1 { 
        font-size: 2rem;
        font-weight: bold;
    }

    h2 {
        font-size: 1.5rem;
        color: var(--gris);
        font-weight: 300;
    }

    h3 {
        font-size: 1.3rem;
    }

    #tituloInicio {
        font-size: 3rem;
    }

    #bannerInicio {
        margin-top: 90px;
        background-color: var(--azultenue);
    }

    #banner {
        margin-top: 90px;
    }

    

a:link{color: var(--azulclaro);text-decoration:none}
a:active{color: var(--azulclaro);text-decoration:none}
a:visited{color: var(--azulclaro);text-decoration:none}

.nav-link {
  border-radius:5px;
  background-color: #ffffff;
}
.nav-link:hover{
  background-color: #efefef;  
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler {
    border: var(--bs-border-width) solid #fff;
}


#menu a{color:#004C78;}
#menu a:hover{color:rgb(20, 49, 83);}

.fondoAzul {
    background-color: var(--azultenue);
}

.fondoAzulTitulos {
    background: rgb(238,244,253);
    background: linear-gradient(180deg, rgba(238,244,253,1) 0%, rgba(255,255,255,1) 100%);
}


.fondoAzulInvertido {
    background: rgb(238,244,253);
    background: linear-gradient(0deg, rgba(238,244,253,1) 0%, rgba(255,255,255,1) 100%);    
}


.fondoGris {
    background-color: var(--grisclaro);
}

.parallax{height:50%;width:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
#para{background-image:url("../imagenes/movil1-softwareparaconsultoriosclinicasyhospitales-ghaclinic.jpg");}
#para2{background-image:url("../imagenes/celular2-softwareparaconsultoriosclinicasyhospitales-ghaclinic.jpg");}
#para3{background-image:url("../imagenes/softwareexpedienteclinico2-ghaclinic.jpg");}
#para4{background-image:url("../imagenes/softwareexpedienteclinico3-ghaclinic.jpg");}

.bg-azul{
    background-color:#004C78;
}

.text-azul{color:#004C78;}

.bg-gris{background-color:#efefef;}


    #botonWhatsApp {
        position:fixed; 
        z-index: 1000; 
        bottom: 20px; 
        right:15px;
    }


/*pie de pagina*/

.piedepagina {
  /*background-color: <?=$fondopiedepagina?>; */
  background-image: linear-gradient(to top,  #004C78 0%, #0074AB 100%);
  padding-top:50px; 
  padding-bottom: 50px;
}

.piedepagina h3 {
  font-size: 1.2em;
  padding: 0px;
  margin: 0px;
  color: var(--azulclaro);
  font-weight: bold;
  
}

.titulo-footer{
    color: var(--grisclaro);
}
    .iconoredes {
        cursor: pointer; 
        font-size: 30px; 
        padding-right: 10px; 
        color: #FFF;
    }

.icono-menu {
}

.iconos-plataformas {
  opacity: 0.5;
}

.instalaciones {
  width: 100%;
}

/* Inicio */

    .botonPrimario {
            background-color: var(--azulclaro);
            color: white;
        }

    .botonPrimario:hover {
        background-color: var(--azul);
        color: white;
    } 
    
    
    .botonSecundario {
        background-color: white;
        border-color: #cccccc;
        color: var(--azul);
    }

    .botonSecundario:hover {
        background-color: white;
        border-color: #cccccc;
        color: var(--azulclaro);
    }  

.lista1{
    color: var(--azulclaro);
}

.grecaptcha-badge { 
    visibility: hidden;
}

@media only screen and (max-width:768px){
    #logo{
        width: 200px;
    }

    h1 {
        font-size: 1.5rem;
    }
    
    h2 {
        font-size: 1.2rem;
    }

    h3 {
        font-size: 1rem;
    }

    
    #tituloInicio {
        font-size: 1.5rem;
    }

    #bannerInicio {
        margin-top: 72px;
    }

    #banner {
        margin-top: 72px;
    }

}