* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

.header {
  min-height: 5em;
  background-color: rgb(69, 71, 95);
  font-size: 20px;
  padding: 15px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  display: flex;
  justify-content: space-between;
}
.header .logo {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.header .logo img {
  height: 70px;
  width: auto;
  transition: all 1.8s;
}
.header .logo img:hover {
  transform: rotateY(360deg);
}
.header .barra ul li {
  list-style: none;
  display: inline-block;
  padding: 15px;
}
.header .barra ul li a {
  color: #fff;
  transition: all 0.3s;
}
.header .barra ul li a:hover {
  color: rgba(51, 199, 204, 0.8);
}

.home {
  height: calc(100vh - 5em);
  width: 100%;
  background-color: rgba(18, 18, 19, 0.8156862745);
  display: flex;
  background-image: url(imagenes/diente_particula.jpg);
}
.home .call {
  width: 75%;
  height: 50%;
  margin: 25px;
  padding-left: 25px;
}
.home .call h1 {
  font-size: 3em;
  text-align: left;
  padding: 15px;
}
.home .call p {
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 25px;
  margin-bottom: 15px;
}
.home .call a {
  background-color: rgba(248, 248, 248, 0.5882352941);
  color: rgba(0, 0, 0, 0.808);
  font-weight: bold;
  border: solid 3px rgb(26, 169, 194);
  border-radius: 5px;
  padding: 5px;
  margin-left: 5px;
}
.home .call a:hover {
  background-color: rgb(26, 169, 194);
  color: #fcfafa;
  border-color: rgba(248, 248, 248, 0.5882352941);
  box-shadow: 6px 5px 15px rgba(21, 189, 231, 0.438);
}

.footer {
  min-height: 4em;
  background-color: rgb(69, 71, 95);
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.footer div {
  padding: 3px;
}
.footer .seguinos p {
  color: rgb(0, 0, 0);
}
.footer .derechos {
  font-size: 15px;
  color: rgb(0, 0, 0);
}
.footer .redes a:visited {
  color: rgba(23, 173, 173, 0.562);
}
.footer .redes a:link {
  color: rgba(23, 173, 173, 0.781);
}

.nosotros {
  height: calc(100vh - 5em);
  width: 100%;
  background-color: rgba(18, 18, 19, 0.8156862745);
  display: flex;
  justify-content: flex-start;
  background-image: url(imagenes/fondo\ profesionales.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.nosotros div {
  width: 50%;
  height: 50%;
  margin: 50px;
}
.nosotros div h1 {
  font-size: 3em;
  padding-bottom: 0.7em;
}
.nosotros div p {
  font-size: 1.5em;
  padding-bottom: 1em;
}
.nosotros div a {
  font-size: 1.7em;
}
.nosotros div a:link {
  color: rgb(23, 173, 173);
}
.nosotros div a:visited {
  color: rgb(23, 173, 173);
}
.nosotros div a:hover {
  color: #000;
  background-color: #1697a8;
  border-radius: 5px;
  box-shadow: 6px 5px 15px;
}

.dra__nelly {
  min-height: 100vh;
  width: 100%;
}
.dra__nelly .galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  transition: all 1s;
}
.dra__nelly .dra__nelly--imagen {
  min-height: 100vh;
  background-image: url(imagenes/dientes\ flores\ azules\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/4;
  filter: grayscale(80%);
  transition: all 0.8s;
}
.dra__nelly .dra__nelly--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.dra__nelly .dra__nelly--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.dra__nelly .dra__nelly--estudios {
  grid-column: 1/4;
  grid-row: 2/4;
}
.dra__nelly .dra__nelly--estudios ul li {
  font-size: 25px;
  padding: 10px 10px 10px 30px;
  display: flex;
  align-items: center;
  transition: all 0.8s;
}
.dra__nelly .dra__nelly--estudios ul li:hover {
  transform: scale(1.08);
  color: #088fa3;
}

.dr__cesar {
  min-height: 100vh;
  width: 100%;
}
.dr__cesar .galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  transition: all 1s;
}
.dr__cesar .dr__cesar--imagen {
  min-height: 100vh;
  background-image: url(imagenes/mandibula\ flores\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/4;
  filter: grayscale(80%);
  transition: all 0.8s;
}
.dr__cesar .dr__cesar--imagen:hover {
  filter: grayscale(5%);
  transform: scale(1.08);
}
.dr__cesar .dr__cesar--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.dr__cesar .dr__cesar--estudios {
  grid-column: 1/4;
  grid-row: 2/4;
}
.dr__cesar .dr__cesar--estudios ul li {
  font-size: 25px;
  padding: 10px 10px 10px 30px;
  display: flex;
  align-items: center;
  transition: all 0.8s;
}
.dr__cesar .dr__cesar--estudios ul li:hover {
  transform: scale(1.08);
  color: #088fa3;
}

.servicios {
  height: calc(100vh - 5em);
  width: 100%;
}
.servicios .servicios__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  transition: all 1s;
}
.servicios .servicios__galeria--imagen {
  background-image: url(imagenes/diente\ cubierto\ de\ flores\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  grid-column: 4/6;
  grid-row: 1/4;
  filter: grayscale(50%);
}
.servicios .servicios__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px 10px 5px 10px;
}
.servicios .servicios__galeria--trabajos {
  grid-column: 1/4;
  grid-row: 2/4;
}
.servicios .servicios__galeria--trabajos li {
  font-size: 25px;
  padding: 7px 7px 7px 25px;
  display: flex;
  align-items: center;
}
.servicios .servicios__galeria--trabajos li a:link {
  color: black;
}
.servicios .servicios__galeria--trabajos li a:visited {
  color: black;
}
.servicios .servicios__galeria--trabajos li a:hover {
  transform: scale(1.2);
  padding-left: 20px;
  color: #088fa3;
}

.ciru {
  height: 100vh;
  width: 100%;
}
.ciru .ciru__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.ciru .ciru__galeria .ciru__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
}
.ciru .ciru__galeria .ciru__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.ciru .ciru__galeria .ciru__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.ciru .ciru__galeria .ciru__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.ciru .ciru__galeria .ciru__galeria--texto a {
  margin: 50px;
}

.comunicacion {
  display: inline-block;
  width: 150px;
  font-size: 25px;
}

.comunicacion:visited {
  color: #000;
}

.comunicacion:link {
  color: #000;
}

.comunicacion:hover {
  transform: scale(1.08);
  transition: all 0.3s;
  background-color: #088fa3;
  color: #000;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 6px 6px 15px;
}

.implantes {
  height: 100vh;
  width: 100%;
}
.implantes .implantes__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.implantes .implantes__galeria .implantes__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
  background-image: url(imagenes/Dibujo\ Implante\ con\ flores\ sin\ fondo.png);
}
.implantes .implantes__galeria .implantes__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.implantes .implantes__galeria .implantes__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.implantes .implantes__galeria .implantes__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.implantes .implantes__galeria .implantes__galeria--texto a {
  margin: 50px;
}

.endo {
  height: 100vh;
  width: 100%;
}
.endo .endo__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.endo .endo__galeria .endo__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
  background-image: url(imagenes/endo\ flores\ sin\ fondo.png);
}
.endo .endo__galeria .endo__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.endo .endo__galeria .endo__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.endo .endo__galeria .endo__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.endo .endo__galeria .endo__galeria--texto a {
  margin: 50px;
}

.protesis {
  height: 100vh;
  width: 100%;
}
.protesis .protesis__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.protesis .protesis__galeria .protesis__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
  background-image: url(imagenes/protesis\ flores\ sin\ fondo.png);
}
.protesis .protesis__galeria .protesis__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.protesis .protesis__galeria .protesis__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.protesis .protesis__galeria .protesis__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.protesis .protesis__galeria .protesis__galeria--texto a {
  margin: 50px;
}

.cod {
  height: 100vh;
  width: 100%;
}
.cod .cod__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.cod .cod__galeria .cod__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
  background-image: url(imagenes/herramientas\ para\ cod\ sin\ fondo.png);
}
.cod .cod__galeria .cod__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.cod .cod__galeria .cod__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.cod .cod__galeria .cod__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.cod .cod__galeria .cod__galeria--texto a {
  margin: 50px;
}

.ortodoncia {
  height: 100vh;
  width: 100%;
}
.ortodoncia .ortodoncia__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.ortodoncia .ortodoncia__galeria .ortodoncia__galeria--imagen {
  background-image: url(imagenes/heramientas\ con\ flores\ ciru\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/-1;
  filter: grayscale(50%);
  transition: all 0.8s;
  background-image: url(imagenes/sonrisa\ flores\ rojas\ sin\ fondo.png);
}
.ortodoncia .ortodoncia__galeria .ortodoncia__galeria--imagen:hover {
  filter: grayscale(0%);
  transform: scale(1.08);
}
.ortodoncia .ortodoncia__galeria .ortodoncia__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 10px;
}
.ortodoncia .ortodoncia__galeria .ortodoncia__galeria--texto {
  grid-column: 1/4;
  grid-row: 2/-1;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}
.ortodoncia .ortodoncia__galeria .ortodoncia__galeria--texto a {
  margin: 50px;
}

.subir {
  height: 40px;
  width: 40px;
  color: #000;
  background-color: #0c8da3;
  position: fixed;
  right: 40px;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.col-12 {
  padding: 0px;
}

.header nav ul li a {
  text-decoration: none;
}

.ubicacion {
  height: calc(100vh - 80px);
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.ubicacion .ubicacion__imagen {
  background-image: url(imagenes/diente\ colibri\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/-1;
  grid-row: 1/-1;
  filter: grayscale(70%);
  transition: all 0.8s;
}
.ubicacion .ubicacion__imagen:hover {
  filter: grayscale(8%);
  transform: scale(1.2);
}
.ubicacion .ubicacion__titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ubicacion .mapa {
  width: 70%;
  grid-column: 1/4;
  grid-row: 2/-1;
  border: #000 solid 2px;
  margin: 50px;
}

.contacto {
  height: calc(100vh - 5em);
  width: 100%;
}
.contacto .contacto__galeria {
  height: 100%;
  background-color: #e9e8ed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.contacto .contacto__galeria .contacto__galeria--imagen {
  background-image: url(imagenes/simbolo\ de\ medicina\ flores\ azules\ sin\ fondo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/4;
  transition: all 0.8s;
}
.contacto .contacto__galeria .contacto__galeria--imagen:hover {
  transform: scale(1.1);
}
.contacto .contacto__galeria .contacto__galeria--titulo {
  grid-column: 1/4;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 40px;
  padding: 10px 10px 5px 10px;
}
.contacto .contacto__galeria .contacto__galeria--formulario {
  grid-column: 1/4;
  grid-row: 2/4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contacto .contacto__galeria .contacto__galeria--formulario p {
  font-weight: bold;
  font-size: 30px;
  padding: 10px 10px 5px 10px;
  margin: 7px;
}
.contacto .contacto__galeria .contacto__galeria--formulario .numero {
  font-size: 22px;
}
.contacto .contacto__galeria .contacto__galeria--formulario a i {
  font-size: 35px;
  color: #0e9e73;
  transition: all 0.8s;
}
.contacto .contacto__galeria .contacto__galeria--formulario a i:hover {
  transform: scale(1.5);
}
.contacto .contacto__galeria .contacto__galeria--formulario form {
  background: rgba(0, 0, 0, 0);
  padding: 10px 20px;
  width: 50%;
  min-height: 50%;
  display: flex;
  flex-direction: column;
}
.contacto .contacto__galeria .contacto__galeria--formulario form input,
.contacto .contacto__galeria .contacto__galeria--formulario form textarea {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
}
.contacto .contacto__galeria .contacto__galeria--formulario form textarea:hover {
  background-color: rgba(8, 142, 163, 0.2117647059);
}
.contacto .contacto__galeria .contacto__galeria--formulario form input:hover {
  background-color: rgba(8, 142, 163, 0.2117647059);
}

/* Responsive Home */
@media only screen and (min-width: 0) and (max-width: 576px) {
  .lista {
    padding: 2px;
    flex-wrap: wrap;
  }
  .home {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    justify-content: flex-end;
  }
  .call {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 1000px) {
  .home {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
/* Responsive Sobre Nosotros */
@media only screen and (min-width: 0) and (max-width: 576px) {
  .nosotros div h2 {
    font-size: 35px;
  }
  .dra__nelly--titulo {
    font-size: 25px;
  }
  .dra__nelly--estudios {
    font-size: 15px;
    padding: 2px;
    margin: 2px;
  }
  .dr__cesar--estudios {
    font-size: 15px;
  }
  .dr__cesar--titulo {
    font-size: 25px;
  }
}
/* Responsive Servicios */
@media only screen and (min-width: 0) and (max-width: 576px) {
  .servicios__galeria--titulo {
    font-size: 35px;
  }
  .servicios__galeria--trabajos li {
    font-size: 22px;
  }
  .ciru__galeria--imagen,
  .perio__galeria--imagen,
  .endo__galeria--imagen,
  .protesis__galeria--imagen,
  .estomato__galeria--imagen,
  .estetica__galeria--imagen,
  .cod__galeria--imagen,
  .ortodoncia__galeria--imagen {
    filter: grayscale(10%);
  }
  .ciru__galeria--titulo,
  .perio__galeria--titulo,
  .endo__galeria--titulo,
  .protesis__galeria--titulo,
  .estomato__galeria--titulo,
  .estetica__galeria--titulo,
  .cod__galeria--titulo,
  .ortodoncia__galeria--titulo {
    font-size: 30px;
  }
  .ciru__galeria--texto,
  .perio__galeria--texto,
  .endo__galeria--texto,
  .protesis__galeria--texto,
  .estomato__galeria--texto,
  .estetica__galeria--texto,
  .cod__galeria--texto,
  .ortodoncia__galeria--texto {
    font-size: 18px;
    padding: 0px !important;
  }
  .comunicacion {
    font-size: 20px;
    margin-top: 20px !important;
  }
}
/* Responsive Ubicacion */
@media only screen and (min-width: 0) and (max-width: 576px) {
  .ubicacion__titulo {
    align-items: center;
    padding-top: 100px;
  }
}
/* Responsive Contacto */
@media only screen and (min-width: 0) and (max-width: 576px) {
  .form {
    width: 80% !important;
  }
}/*# sourceMappingURL=estilos.css.map */