html {
     scroll-behavior: smooth;
}

body {
     background-color: #000;
}

.encabezado {
     /* font-size: 2.4rem; */
     font-family: 'Lato', sans-serif;
     color: #000000;
     /* line-height: 2.4rem; */
}
.encabezado span {
     font-size: 3.8rem;
     font-family: 'Poppins', sans-serif;
     color: #8DC73F;
}





/** Sociales **/
.sociales ul {
     list-style: none;
     margin:0;
     padding:0;
 }
 .sociales ul li {
     position: relative;
     display: inline-block;
 }
 .sociales ul li a::before {
     font-family: 'FontAwesome';
     display: inline-block;
     vertical-align: top;
     padding: 0.4rem;
     content: '\f08e';
     -webkit-font-smoothing: antialiased;
     /* font-size: 2rem; */
     color: #8DC73F;
 }
 .sociales ul li a[href*="facebook.com"]::before{
     content: '\f230';
 }
 .sociales ul li a[href*="twitter.com"]::before{
     content: '\f081';
 }
 .sociales ul li a[href*="instagram.com"]::before{
     content: '\f16d';
 }
 .sociales ul li a[href*="pinterest.com"]::before{
     content: '\f0d2';
 }
 .sociales ul li a[href*="youtube.com"]::before{
     content: '\f16a';
 }

 /** NAVEGACION **/
 .navegacion {
      background-color: #000;
 }
 .navbar-light .navbar-toggler{
      background-color: #ffffff;
 }
 .navbar-light .navbar-brand,
 .navbar-light .navbar-brand:hover {
      color: #ffffff;
 }

 /* .nav-principal {
      background-image: url(../img/border_horizontal.png),
                         url(../img/border_horizontal.png);
     background-repeat: repeat-x;
     background-position: 0px top, 0px bottom;
 } */


 .nav-link  {
      color: #ffffff;
      /* font-size: 1.4rem; */
     transition: all .2s ease-in-out;
     font-family: 'Oswald', sans-serif;
     text-transform: uppercase;
 }

 .nav-link:hover  {
      border-bottom: 1px solid #8DC73F;   /* #bde8dd */
      color: #8DC73F;
 }

 /* CAROUSEL**/

 .carousel-caption h3 {
     font-family: 'Oswald', sans-serif;
     font-size: 2rem;
     font-weight: 900;
     color: #ffffff;

 }

 /** Nuevo sitio **/

 .nuevo-sitio p {
     font-family: 'Oswald', sans-serif;
     color: #979797;
     font-size: 1.2rem;
 }

 /** Servicios **/

 .imagen-servicio img {
      border: 6px solid #ffffff;
      -webkit-transition: transform .3s ease;
      -ms-transition: transform .3s ease;
      transition: transform .3s ease;
 }
 .imagen-servicio img:hover {
      -webkit-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
      transform: scale(1.2) rotate(10deg);
 }
 .servicio-info {
      background-color: #ffffff;
      margin-top: -5rem;
 }
 .servicio-info .btn-primary {
      border-radius: 0;
      background-color: #8DC73F;
      border: none;
 }

 /* HORARIOS **/

 .horario {
      background-color: #8ed3cc;
      color: #ffffff;
 }
 .horario h2 {
      font-size: 2.2rem;
      font-family: 'Oswald', sans-serif;
 }
 .horario .table {
      border: 2px solid #8DC73F;
 }
 .horario .table thead {
      background-color: #8DC73F;
 }
 .horario .table td,
 .horario .table thead th {
      border: none;
 }
 .horario .table tbody tr td {
      padding: .35rem;
      font-family: 'Lato', sans-serif;
      font-size: 1.2rem;
 }
 .bg-horario {
      background-image: url(../img/bg_horarios.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      min-height: 400px;
 }

 /* PRODUCTOS **/
 .productos .card {
      border: none;
 }

 .productos .card a {
      color: #000000;
 }
 .productos .card a:hover {
      text-decoration: none;
 }

 .productos .card h3 {
      color: #8DC73F;
      font-size: 1.2rem;
      font-family: 'Lato', sans-serif;
 }

 .productos .card p {
      font-size: .8rem;
 }
 .productos .card .precio {
      font-size: 1.6rem;
      color: #979797;
 }

 /** Citas **/
 .citas {
      background-image: url(../img/bg_citas.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      color: #ffffff;
 }

 @media (min-width: 992px) {
      .citas {
          background-size: cover;
      }
 }
 .citas h3 {
      font-size: 3.5rem;
      font-family: 'Lato', sans-serif;
 }
 .citas p {
      font-size: 1.2rem;
      line-height: 2.6rem;
 }
.btn-primary {
      background-color: #8ed3cc;
      border: 0;
      padding: 1rem 5rem;
      border-radius: 0;
      font-family: 'Oswald', sans-serif;
      font-size: 1.2rem;
 }
 .btn-primary:hover {
    background-color: #69aca5;
 }
 /* footer */
 .copyright {
      color:#979797;
      font-size: .8rem;
 }

 /** Hero **/
 .hero {
      position: relative;
 }
 .hero h2 {
      position: absolute;
      bottom: 2rem;
      right: 0;
      background-color: #8ed3cc;
      font-family: 'Oswald', sans-serif;
     font-weight: 900;
     color: #ffffff;
     font-size: 2.8rem;
}

.contenido-principal p {
     font-size: 1.2rem;
     line-height: 2.2rem;
     font-family: 'Oswald', sans-serif;
}
/** SIDEBAR **/

aside {
     background-color: #8ed3cc;
     color: #ffffff;
}

/** Accordion / Servicios **/

#servicios .card-header {
     background-color: #e082a8;
     padding: 0 1.25rem;
}
#servicios .card-header .btn-link {
     color: #ffffff;
     font-family: 'Oswald', sans-serif;
     font-size: 1.6rem;
}
#servicios .card-body {
     font-size: 1.3rem;
}

/* cupon*/
.cupon {
     border: 3px dashed #ffffff;
     font-family: 'Oswald', sans-serif;
}
.cupon .display-4 {
     font-size: 2rem;
}
.cupon p {
     font-size: 1.2rem;
}

/* PRODUCTOS **/

@media (min-width: 576px) {
     .card-columns {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
          -webkit-column-gap: 1.25rem;
          -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
      }
}
@media (min-width: 992px) {
     .card-columns {
          -webkit-column-count: 4;
          -moz-column-count: 4;
          column-count: 4;
      }
}

/** Contacto **/
.formulario-contacto {
    border: 2px solid #9a9a9a;
    background-color: #ffffff;
}

.resaltar {
     color: #8CC63F;
}

.img-footer {
     /* border-radius: 5%; */
}

.oswald {
     font-family: 'Oswald', sans-serif;
}

.fuente {
     font-size: 18px;
}

.hoja {
     width: 10%!important;
}

.centrar {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

.citas {
     /* background-image: url(../img/2179555.jpg)!important;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     background-attachment: fixed; */
     color: white;
     background-color: black;
     font-family: 'Oswald', sans-serif;
 }
 
 .btn-default {
     background-color: white;
     color: black;
     border-radius: 0;
     border: 1px solid black;
     font-family: 'Oswald', sans-serif;
 }
 
 .btn-default:hover {
     background-color: #8DC73F;
     color: black;
     /* border: 1px solid black; */
 }

 textarea:focus, input:focus, input[type]:focus {
     /* border-color: black; */
     /* box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px black; */
     outline: 0 none;
     font-family: 'Oswald', sans-serif;
     /* border: 1px solid black; */
 }
 
 .textarea1:focus {
     /* border: 1px solid black; */
     /* box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px black;
     outline: 0 none; */
     font-family: 'Oswald', sans-serif;
 
 }

 .textarea1 {
     /* border: 1px solid black; */
     border-radius: 0;
     font-family: 'Oswald', sans-serif;
 }

 .formulario {
     /* border-bottom: 1px solid black; */
     border-radius: 0;
     font-family: 'Oswald', sans-serif;
 }

 form {
      border-radius: 0;
      font-family: 'Oswald', sans-serif;
 }

 .form-control {
     border: none;
 }