@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
html {
scroll-padding-top: 70px;
}

.codigo-qr {
  background-repeat: no-repeat;
  width: 110px;
  text-align: right;
}

body {
  position: relative;
  overflow-y: auto;
}
header{
  min-height: 600px;
  align-content:center;
  background-color:gray;
  padding-top:120px;
  padding-bottom:10px;
}
a.nav-link{font-family: "Quicksand", sans-serif; font-weight: bold;font-variant-caps: all-small-caps;font-size: 20px;color:#02938C;}
a.nav-link:hover{color:#005952}

.banner-d{padding-top:100px;padding-bottom:100px}
h1{
  color:#005952;font-size: 30px;font-variant-caps: all-small-caps; font-family: "Quicksand", sans-serif;letter-spacing: 0.1em;line-height: 0.9em;margin-bottom:20px;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;}
h3{color:#005952;font-size: 20px;}
h2{  color:#005952;font-size: 24px;font-variant-caps: all-small-caps; font-family: "Quicksand", sans-serif;letter-spacing: 0.1em;line-height: 0.9em;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}
  h5{font-weight: 400; font-size: 20px;font-variant-caps: all-small-caps;}

.btn-diagnostika {
  color:white;
  background-color:#02938C;
  padding: 15px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  font-variant-caps: all-small-caps;
  font-weight: 500;
  width: 100%;
  max-width: 300px
}

.btn-diagnostika:hover {
  background-color: #00B7A9;color:white;
}

.btn-diagnostika--whatsapp {
  padding: 4px;
  font-variant-caps: normal;
  font-size: 12px;
  font-weight: 400;
  width: 105px;
  margin-top: 6px;
}

.contenedor-redes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.btn-blanco{color:#02938C;background-color:white;padding:15px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);border-radius: 0px;font-variant-caps: all-small-caps;font-weight: 500;width:100%;max-width:300px}
.btn-blanco:hover{color:white;  background-color:#00B7A9;}
section{
  padding-top:
  20px;
  padding-bottom:20px;

}
footer{  background-color:#02938C;padding-top:100px;padding-bottom:100px}
.bg-green{
  background-color:#02938C

}
.bg-green h1{color:white}
.bg-green p{color:white}
.contenedor{
  background-color: white;
  color:black;
  padding:20px;
  height: 100%;

}
li::marker {
  color: #02938C;
}
ol li::marker{font-weight: bold}
ol{margin-left: 0px;padding-left: 15px}
ul{margin-left: 0px;padding-left: 15px;padding-right: 0px}
.logo-nav{width:200px;height: 57px}
span.destacado{color:#02938C;font-weight: bold;}
.justificado{text-align: center;}
.form-group{margin-top:20px;margin-bottom:20px}
.recuadro{border-width: thin;border-style: solid;border-color:#02938C;padding:20px;margin-top:20px;margin-bottom:20px }
.salas-externas{font-size:14px; color:#005952}
.mapas a{color:#005952}
img.img-responsive{display: none;}
img.img-responsive2{display: block;margin-bottom:20px;margin-top:20px}

.responsive-col{display: none}
.responsive-col2{display: block}

@media only screen and (min-width: 768px) {
  .responsive-col{display: block}
  .responsive-col2{display: none}
  img.img-responsive{display: block;}
  img.img-responsive2{display:none;}
  section{
    padding-top: 50px;
    padding-bottom:50px;
  }

header{padding-top:90px;padding-bottom: 0px}
.logo-nav{width:250px;height: 71px}
}
.btn-item{
  color:#02938C;
    background-color:white;
    padding:15px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    font-variant-caps: all-small-caps;
    font-weight: 500;width:100%;border-style: none;
    border: #02938C solid thin;
}
.nav-pills li.nav-item{margin:5px;width: 100%}
.btn-item:hover{
    color:white;
    background-color:#02938C;
    padding:15px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    font-variant-caps: all-small-caps;
    font-weight: 500;width:100%;border-style: none;
    border: #02938C solid thin;
}
.btn-item:active{
    color:white;
    background-color:#02938C;
    padding:15px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    font-variant-caps: all-small-caps;
    font-weight: 500;width:100%;border-style: none;
    border: #02938C solid thin;
}
button.active{background-color: #02938C;color:white}