/****

Sitio web Habitera

Fecha: 4 Febrero 2025

Autor: @ionsoniko

****/



.grales{

    width:100%;

    float: left;

}

body{

    color: #606060 !important;

}

html{

    font-family: "Open Sans", sans-serif !important;

    color: #606060 !important;

    scroll-behavior: smooth !important;

}

p{

    color: #606060;

    font-family: "Open Sans", sans-serif;

}

h1,h2,h3,h4,h5,h6{

    color: #000;

    font-family: "Source Serif 4", serif;

    font-weight: 300;

    letter-spacing: 3px;

}

.fuente-source{

    font-family: "Source Serif 4", serif !important;

}

.fuente-open{

    font-family: "Open Sans", sans-serif !important;

}

.color-blanco{

    color: #fff;

}

.color-rojo{

    color: #ff001c;

}

.color-gris{

    color: #606060;

}

.enlace-blanco{

    color: #fff;

    text-decoration: none;

}

.enlace-rojo{

    color: #ff001c;

    text-decoration: none;

}

.font-15{

    font-size: 15px;

}

.font-16{

    font-size: 16px;

}

.font-17{

    font-size: 17px;

}

.font-18{

    font-size: 18px;

}

.font-19{

    font-size: 19px;

}

.font-20{

    font-size: 20px;

}

.font-21{

    font-size: 21px;

}

.font-22{

    font-size: 22px;

}

.font-23{

    font-size: 23px;

}

.font-24{

    font-size: 24px;

}

.font-25{

    font-size: 25px;

}

.font-30{

    font-size: 30px;

}

.font-35{

    font-size: 35px;

}

.font-40{

    font-size: 40px;

}

.font-45{

    font-size: 45px;

}

.font-50{

    font-size: 50px;

}

.mr-3{

    margin-right: 10px;

}

.btn-rojo{

    background-color: #ff001c;

    text-align: center;

    color: #fff;

    padding: 12px 30px;

    border: 1px solid #ff001c;

    text-decoration: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    letter-spacing: 3px;

}

.btn-rojo:hover{

    background-color: transparent;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

    text-decoration: none;

}

.btn-borde-red{

    background-color: #fff;

    text-align: center;

    color: #ff001c;

    padding: 20px;

    border: 1px solid #ff001c;

    text-decoration: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.btn-borde-red:hover{

    background-color: #ff001c;

    text-align: center;

    color: #fff;

    padding: 20px;

    border: 1px solid #ff001c;

    text-decoration: none;

}

.bg-borde-dw-left{

    background-image: url(../images/borde-dw.png);

    background-repeat: no-repeat;

    background-position: left bottom;

    padding-bottom: 10px;

}

.bg-borde-dw-center{

    background-image: url(../images/borde-dw.png);

    background-repeat: no-repeat;

    background-position: center bottom;

    padding-bottom: 10px;

}

.bg-borde-dw-right{

    background-image: url(../images/borde-dw.png);

    background-repeat: no-repeat;

    background-position: right bottom;

    padding-bottom: 10px;

}



/************** WHATSAPP ********/

.btn-whatsapp{

    position: fixed;

    z-index: 200;

    left: 40px;

    bottom: 40px;

  }

  .btn-whatsapp:before,

  .btn-whatsapp:after{

    content: "";

    position: absolute;

    top: 7px;

    left: 7px;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background-color: #25D366;

    opacity: 0;

    animation: onda 1.7s infinite;

  }

  .btn-whatsapp img{

    width: 60px;

    position: relative;

    z-index: 2;

  }

  .btn-whatsapp:before{

    animation-delay: 1s;

  }

  .btn-whatsapp:after{

    animation-delay: 1.3s;

  }

  @keyframes onda{

    0%{

      transform: scale(1);

    }

    15%{

      opacity: 1;

    }

    100%{

      opacity: 0;

      transform: scale(2.5);

    }

  }

/************** WHATSAPP ********/

#toTop {

    padding: 0;

    position: fixed;

    bottom: 5px;

    left: 5px;

    display: none;

    z-index: 200;

    cursor: pointer;

    -webkit-box-shadow: 0 0 5px 0 #969696;

    box-shadow: 0 0 5px 0 #969696;

}

/*CABEZA*/

#cabeza{

    position: relative;

    top: 0;

    z-index: 10;

}

.logo-principal{

    width: 320px;

}

.carousel-indicators [data-bs-target] {

    width: 5px !important;

    height: 5px !important;

    background-color: #fff !important;

    border-radius: 100%;

}

.contactos-top{

    font-size: 20px;

    font-weight: 300;

    letter-spacing: 1px;

}

/*CABEZA*/

/*ESC 01*/

#esc01{

    position: relative;

    margin-top: -219px;

}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {

    filter: none;

}

.carousel-caption {

    top: 45%;

}

.carousel-caption h3{

    font-size: 40px;

}

/*ESC 01*/

/*ESC 02*/

#esc02{

    padding: 60px 6% 0 6%;

}

.bg-esc02{

    background-image: url(../images/bg-acerca-de-nosotros.jpg);

    background-repeat: no-repeat;

    background-position: right;

    padding: 150px 0px;

}

/*ESC 02*/

/*ESC 03*/

#esc03{

    padding: 60px 0 30px 0;

}

.el-serv{

    text-align: center;

    width: 370px;

    height: 370px;

    margin: 0 auto;

}

.el-serv a{

    text-decoration: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.el-serv img{

    width: 370px;

    height: 370px;

    position: relative;

    filter: grayscale(100%);

}

.el-serv a:hover{

    filter: grayscale(100%);

}

.caption-btn{

    position: relative;

    z-index: 20;

    width: 75%;

    text-align: center;

    margin: 0 auto;

    text-decoration: none;

    background-color: #ff001c;

    color: #fff;

    padding: 6px 15px;

    border: 1px solid #ff001c;

    top: 75%;

    font-size: 14px;

    font-family: "Source Serif 4", serif !important;

}

.flecha-left{

    margin-left: -3%;

}

.flecha-right{

    margin-right: -2%;

}

/*ESC 03*/

/*ESC 04*/

#esc04{

    padding: 10px 0;

}

.espaciado-2{

    letter-spacing: 2px;

}

/*ESC 04*/

/*ESC 05*/

#esc05{

    padding: 50px 0;

}

.modal-header{

    border-bottom: 0;

}

.modal-body{

    padding: 10px 50px 35px 50px;

}

/*ESC 05*/

/*ESC 06*/

#esc06{

    padding: 0 0 50px 0;

}

.ico-serv-home{

    width: 90px;

    margin: 0 auto;

}

.c-pointer{

    cursor: pointer;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.c-pointer:hover{

    filter: grayscale(100%);

}

.card{

    border: 0;

    text-align: center !important;

}

.carousel-control-next, .carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: flex;

    font-size: 50px;

    align-items: center;

    justify-content: center;

    width: 15%;

    padding: 0;

    color: #cdcdcd;

    text-align: center;

    background: 0 0;

    border: 0;

    opacity: 1;

    transition: opacity .15sease;

}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {

    color: #606060;

    text-decoration: none;

    outline: 0;

    opacity: .9;

}

.flechasli{

    width: 3%;

}

.titulo-serv{

    font-size: 17px;

    font-family: "Open Sans", sans-serif !important;

    letter-spacing: 0;

    font-weight: normal;

    color: #606060;

}

.flecha-izq{

    margin-left: -3%;

}

.flecha-der{

    margin-right: -5%;

}

/*ESC 06*/

/*ESC07*/

#esc07{

    background-image: url(../images/bg-testimonios.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    padding: 100px 0;

}

.txt-testimonio{

    background-color: #fff;

    border: 1px solid #ff001c;

    padding: 50px;

    border-top-left-radius: 50px;

    border-bottom-right-radius: 50px;

    width: 70%;

    margin: 0 auto;

}

.foto-perfil{

    position: relative;

    z-index: 10;

    margin-bottom: -20px;

    width: 120px;

    height: 120px;

}

/*ESC07*/

/*ESC08*/

#esc08{

    padding: 70px 0;

}

.col-paquete{

    background-image: url(../images/bg-paquete-completo.png);

    background-position: center 65px;

    background-size: 100%;

    text-align: center;

    background-repeat: no-repeat;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.col-paquete:hover{

    transform: scale(1.08); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}

.col-paquete:hover > #ico-paq-1{

    background-image: url(../images/paquete01-hover.png);

}

.col-paquete:hover > #ico-paq-2{

    background-image: url(../images/paquete02-hover.png);

}

.col-paquete:hover > #ico-paq-3{

    background-image: url(../images/paquete03-hover.png);

}

.col-paquete:hover > #ico-paq-4{

    background-image: url(../images/paquete04-hover.png);

}

.col-paquete h4{

    color: #fff;

    font-size: 25px;

    font-weight: normal;

    font-family: "Open Sans", sans-serif !important;

    padding: 0px 15px;

}

.ico-paquete{

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    width: 130px;

    height: 130px;

    margin: 0 auto;

    margin-bottom: 15%;

}

#ico-paq-1{

    background-image: url(../images/paquete01.png);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

#ico-paq-2{

    background-image: url(../images/paquete02.png);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

#ico-paq-3{

    background-image: url(../images/paquete03.png);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

#ico-paq-4{

    background-image: url(../images/paquete04.png);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.beneficios{

    margin-top: 45%;

    margin-bottom: 0;

}

.beneficios ul{

    margin: 0;

    padding: 0;

}

.beneficios ul li{

    list-style: none;

    line-height: 45px;

    font-size: 14px;

    text-align: left;

    font-family: "Open Sans", sans-serif !important;

    width: 89%;

    margin: 0 auto;

    padding-left: 15px;

}

.bg-grisesito{

    background-color: #f5f5f5;

}

.col-paquete .btn-rojo {

    width: 100%;

    position: relative;

    float: left;

    letter-spacing: 2px;

    font-size: 14px;

}

.col-paquete .btn-rojo:hover{

    background-color: #fff;

    text-align: center;

    color: #ff001c;

    border: 1px solid #ff001c;

    text-decoration: none;

}

.tit-beneficios{

    letter-spacing: 1px;

    font-size: 20px;

}

.color-verde{

    color: #25D366;

}

.col-paquete a{

    text-align: center;

}



.form-paquetes input{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    margin-bottom: 12px;

    border-radius:0;

}

.form-paquetes select{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    margin-bottom: 12px;

    color: #606060;

}

.form-paquetes select::placeholder{

    color: #606060 !important;

}

.form-paquetes textarea{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    height: 100px;

    border-radius:0;

}

.form-paquetes .btn-rojo:hover{

    border: 1px solid #ff001c;

    color: #ff001c;

}





#form-paquetes input{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    margin-bottom: 12px;

}

#form-paquetes select{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    margin-bottom: 12px;

    color: #606060;

}

#form-paquetes select::placeholder{

    color: #606060;

}

#form-paquetes textarea{

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    height: 100px;

}

#form-paquetes .btn-rojo:hover{

    border: 1px solid #ff001c;

    color: #ff001c;

}

.ultima-sombra{

    -webkit-box-shadow: 0 2px 3px 2px #D6D6D6;

    box-shadow: 0 2px 3px 2px #D6D6D6;

}

.btn-paquetes:hover{

    border: 1px solid #ff001c;

    color: #ff001c;

}

.lheight-30{

    line-height: 30px !important;

}

/*ESC08*/

/*ESC09*/

#formContacto{

    background-image: url(../images/bg-gris-transp.png);

    color: #fff;

    width: 400px;

    position: absolute;

    z-index: 20;

    padding: 50px 60px;

    margin-top: -605px;

    margin-left: 200px;

}

#formContacto input{

    background-color: transparent;

    color: #fff;

    border: none;

    border-bottom: 1px solid #fff;

    width: 100%;

    margin-bottom: 0;

    border-radius: 0;

    padding: 0;

}

#formContacto input::placeholder{

    color: #fff;

}

#formContacto textarea{

    background-color: transparent;

    color: #fff;

    border: none;

    border-bottom: 1px solid #fff;

    width: 100%;

    margin-bottom: 15px;

    height: 100px;

    margin-bottom: 0;

    border-radius: 0;

    padding: 0;

}

#formContacto textarea::placeholder{

    color: #fff;

}

#formContacto select{

    background-color: transparent;

    color: #fff;

    border: none;

    border-bottom: 1px solid #fff;

    width: 100%;

    margin-bottom: 15px;

}

#formContacto select::placeholder{

    color: #fff;

}

#formContacto option{

    color: #000;

}

.precio-desde{

    font-size: 15px;

    font-weight: bold;
    font-family: "Open Sans", sans-serif !important;

}

/*ESC09*/

/* PIE */

#pie{

    padding: 100px 0;

}

.logo-pie{

    width: 300px;

}

/* PIE */

/* INTERIOR SERVICIOS */

.form-paquetes{

    text-align:left !important;

}

.interior-serv .el-serv img{

    margin-bottom: 10px;

}

.interior-serv .el-serv h4{

    text-align: left;

    font-size: 16px;

    letter-spacing: 1px;

}

.interior-serv .el-serv a{

    text-decoration: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.interior-serv .el-serv img{

    width: 100%;

    height: auto;

    position: relative;

    filter: grayscale(100%);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.interior-serv .el-serv a img:hover{

    filter: none;

    margin-top: 0;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.interior-serv .caption-btn{

    position: relative;

    z-index: 20;

    width: 75%;

    text-align: center;

    margin: 0 auto;

    text-decoration: none;

    background-color: #ff001c;

    color: #fff;

    padding: 6px 15px;

    border: 1px solid #ff001c;

    top: 75%;

    font-size: 14px;

    font-family: "Source Serif 4", serif !important;

    display: none;

    filter: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.interior-serv .el-serv a:hover > .caption-btn{

    display: block !important;

    filter: none;

    margin-top: -10%;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.interior-serv .el-serv a .caption-btn:hover{ 

    filter: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.interior-serv .el-serv a:hover {

    filter: none;

}

.interior-serv .el-serv {

    text-align: center;

    width: 100%;

    height: 100%;

    margin: 0 auto;

}

/* INTERIOR SERVICIOS */

/* INGLES */

.btn-ingles{

    width: 80px;

    text-align: center;

    float: right;

    margin-left: 20px;

    font-size: 18px;

}

.btn-blanco{

    text-decoration: none;

    border: none;

    padding: 2px 6px;

    color: #fff;

    font-weight: 400;

}

.movil-carrusel{

    display: none;

}

.movil-d-none{

    display: block;

}

.n-linea-mov{

    display: none;

}



.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 50%;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: #fff;
  margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 5000;
    background-image: url(../images/bg-gris-transp.png);
}

.loader.active {
    display: block;
}
.txt-enviando{
    position: relative;
    top: 50%;
}

/*--------------------------------------------------------------

## Notebook

--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {

  html {

    font-size: 95%;

  }

}



@media screen and (max-width: 1199px) {

  .navbar-dark .dropdown-item {

    color: #fff;

  }

  .navbar-nav .dropdown-menu {

    background: transparent;

    box-shadow: none;

    border: none;

  }

}

/*--------------------------------------------------------------

## Netbook

--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

  html {

    font-size: 90%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {

  html {

    font-size: 85%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {

  html {

    font-size: 80%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

    html {

        font-size: 100%;

    }

    #formContacto {

        background-image: url(../images/bg-gris-transp.png);

        color: #fff;

        width: 300px;

        position: relative;

        z-index: 0;

        padding: 50px;

        margin-top: 50px;

        margin-left: 0;

        margin: 0 auto;

        margin-top: 50px;

    }

    .al-centro{

        text-align: center !important;

    }

    #esc01 {

        position: relative;

        margin-top: 0;

    }

    #cabeza {

        background-image: url(../images/bg-gris-transp.png);

        position: relative;

        top: 0;

        z-index: 10;

    }

    .carousel-caption {

        top: 0;

    }

    .carousel-caption h3{

        font-size: 20px;

        margin-bottom: 20px !important;

    }

    .carousel-caption .btn-rojo {

        background-color: #ff001c;

        text-align: center;

        color: #fff;

        padding: 10px 20px;

        font-size: 13px;

        border: 1px solid #ff001c;

        text-decoration: none;

        letter-spacing: 1px;

    }

    #esc02 {

        background-image: none;

        padding: 50px;

    }

    .bg-borde-dw-left {

        background-image: url(../images/borde-dw.png);

        background-repeat: no-repeat;

        background-position: center bottom;

        padding-bottom: 10px;

    }

    .txt-testimonio{

        width: 95%;

    }

    .col-paquete {

        width: 85%;

        margin: 0 auto;

    }

    .col-paquete .btn-rojo {

        font-size: 13px;

        letter-spacing: 0;

        padding: 15px 0px;

        width: 100%;

        position: relative;

        float: left;

    }

    .interior-serv .el-serv {

        height: 380px;

        margin-bottom: -13px;

    }

    .bg-esc02 {

        background-image: none;

        background-color: #fff;

        background-repeat: no-repeat;

        background-position: right;

        padding: 0px;

    }

    

    .interior-serv .el-serv img {

        width: 100%;

        height: 85%;

        position: relative;

        filter: grayscale(100%);

    }

    .interior-serv .el-serv a img:hover{

        filter: grayscale(100%);

        margin-top: 0;

    }

    .interior-serv .caption-btn{

        position: relative;

        z-index: 20;

        width: 75%;

        text-align: center;

        margin: 0 auto;

        text-decoration: none;

        background-color: #ff001c;

        color: #fff;

        padding: 6px 15px;

        border: 1px solid #ff001c;

        top: 75%;

        font-size: 14px;

        font-family: "Source Serif 4", serif !important;

        display: block;

        filter: none;

    }

    .interior-serv .el-serv a:hover > .caption-btn{

        display: block !important;

        filter: none;

        margin-top: -9%;

    }

    .interior-serv .el-serv a .caption-btn:hover{

        filter: none;

    }

    .interior-serv .el-serv a:hover {

        filter: none;

    }

    .movil-carrusel{

        display: block;

    }

    .movil-d-none{

        display: none;

    }

    #esc03 {

        padding: 10% 5% 0 5%;

    }

    .flecha-left {

        margin-left: -6%;

    }

    .flecha-right {

        margin-right: -5%;

    }

    .flecha-izq {

        margin-left: 0%;

    }

    .flecha-der {

        margin-right: 0%;

    }

    .el-serv {

        text-align: center;

        width: 100%;

        height: 100%;

        margin: 0 auto;

    }

    .el-serv img {

        width: 100%;

        height: 100%;

        position: relative;

        filter: grayscale(100%);

    }

    .caption-btn {

        position: relative;

        z-index: 20;

        width: 85%;

        text-align: center;

        margin: 0 auto;

        text-decoration: none;

        background-color: #ff001c;

        color: #fff;

        padding: 6px 0px;

        border: 1px solid #ff001c;

        top: 75%;

        font-size: 14px;

        font-family: "Source Serif 4", serif !important;

    }

    .redes-pie{

        font-size: 13x;

    }

    .logo-principal {

        width: 200px;

    }

    .btn-ingles {

        width: 80px;

        text-align: center;

        float: right;

        margin-left: 0;

        font-size: 18px;

        position: absolute;

        right: 0;

        top: 30px;

    }

    .logo-pie {

        width: 200px;

    }

    .n-linea-mov{

        display: block;

        height: 1px;

    }

}