/*fondo de la pagina*/
body {
     background-color:#fff;
}



.encabezado {
     font-size: 2.4rem;
     font-family: 'Lato', sans-serif;
     color: #16A085;
     line-height: 2.4rem;
}
.encabezado span {
    s font-size: 2.4rem;
     font-family: 'Lato', sans-serif;
     color: #16A085;
     line-height: 2.4rem;
}
 .nuevo-sitio p {
     font-family: 'Lato', sans-serif;
     color: #979797;
     font-size: 1.6rem;
 }


/** Sociales **/


 .lok a { 
     color:#16A085;
 }
.lok i:hover{
  color: #0b5446;
}

  /*enlace para solo chatear por wsp*/
 .sociales ul li a[href*="https://wa.me/51969465400?text=Hola%20Vengo%20de%20su%20pagina%20web..."]::before{
     content: '\f232';
 }
 


/*enlace para reservar cita por wsp*/
  .sociales ul li a[href*="https://wa.me/936161025?text=Hola%20Vengo%20de%20la%20pagina%20web%20quiero%20reservar%20una%20cita"]::before{
     content: '\f232';
 }

 /*enlace para facebbook*/
 .sociales ul li a[href*="https://www.facebook.com/Lubriseng/"]::before{
 content: '\f230';
 }

 .sociales ul li a[href*="https://www.instagram.com/lubrisengtalara/"]::before{
     content: '\f16d';
 }
 

 /** NAVEGACION **/
  .navegacion {
      background-color: #16A085;
 }

 /** COLOR DE LETRAS BARRA DE NAVEGACION **/
 .navbar-light .navbar-toggler{
      background-color: #ffffff;
 }

 /** COLOR DE CAROLINA SPA **/
 .navbar-light .navbar-brand,
 .navbar-light .navbar-brand:hover {
      color: #ffffff;
 }

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

/** LETRAS DE INICIO,NOSOTROS,SERVICIOS...**/
  .nav-link {
      color: #ffffff;
      font-size: 1.4rem;
     transition: all .5s ease-in-out;
     font-family: 'Raleway', sans-serif;
 }

.nav-link:hover {
      background-color: #bde8dd;
      color: #000000;
 }


/** LETRAS DE CARRUSEL**/
 .carousel-caption h3 {
     font-family: 'Raleway', sans-serif;
     font-size: 2rem;
     font-weight: 900;
     color: #ffffff;

 }
 .Compromiso{
     color:  #16A085;
      font-family: 'Raleway', sans-serif;
       font-size: 2rem;
     font-weight: 550;
 }
 .Compromisofa{
     color:  #16A085;
         font-family: 'Lato', sans-serif;
          font-weight: 800;
 }

  /** Servicios **/

 .imagen-servicio img {
      border: 6px solid #16A085;
      -webkit-transition: transform .3s ease;
      -ms-transition: transform .3s ease;
      transition: transform .3s ease;
 }


 .imagen-nosotros  {
      border: 6px solid #16A085;
      
 }

 /*transiscion de la los servicios*/
 .imagen-servicio img:hover {
      -webkit-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
      transform: scale(1.2) rotate(10deg);
 }
 /*tabla de  fondolos servicios*/
 .servicio-info {
      background-color: #ffffff;
      margin-top: -5rem;
 }
 /*boton de los servicios*/
 .servicio-info .btn-primary {
      border-radius: 0;
      background-color: #16A085;
      border: none;
 }



/* HORARIOS **/

/*color de fondo de horario*/
 .horario {
      background-color: #16A085;
      color: #ffffff;
 }
 .horario h2 {
      font-size: 2.2rem;
      font-family: 'Lato', sans-serif;
 }
 /*borde de la tabla*/
 .horario .table {
      border: 2px solid #E1CF1D;
 }
 .horario .table thead {
      background-color: #E1CF1D;
 }
 .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/Guisela2.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      min-height: 400px;
 }
aside {
     background-color:#16A085;
     color: #ffffff;
}




/* 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;
      }
}
 /* PRODUCTOS **/


 .productos .card {
      border: none;

 }

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

 .productos .card h3 {
      color: #16A085;
      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 {
     /*imagen de las citas*/
       background-color:#16A085;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      /* color letras de el parrafo de citas*/
      color: #ffffff;
 }

 @media (min-width: 992px) {
      .citas {
          background-size: cover;
      }
 }
 .citas h3 {
     /*texto de realiza una cita*/
      font-size: 3.5rem;
      font-family: 'Lato', sans-serif;
 }
 .citas p {
      font-size: 1.2rem;
      line-height: 2.6rem;
 }
 /*boton leer mas de */
.btn-primary {
      background-color:#E1CF1D;
      border: 0;
      padding: 1rem 5rem;
      border-radius: 0;
      font-family: 'Lato', sans-serif;
      font-size: 1.2rem;
 }
 .btn-primary:hover {
    background-color: #69aca5;
 }

 .copyright {
      color:#979797;
      font-size: .8rem;
 }



/** pegatina de nosotros al costado de la foto**/
 .hero {
      position: relative;
         background-color: #16A085;
 }
 .hero h2 {
      position: absolute;
      bottom: 2rem;
      right: 0;
      background-color: #16A085;
      font-family: 'Raleway', sans-serif;
     font-weight: 900;
      color: #ffffff;
     font-size: 2.8rem;
}
.lif{
     color: #ffffff; 
      background-color: #16A085;
         border: 4px solid #DDF7F6;
}


/** Accordion / Servicios **/

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

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

.blank{
     color: #ffffff;;
}