/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(css/font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
     overflow-x: hidden !important;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: Poppins;
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden !important;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 20px;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.paddind_bottom_0 {
     padding-bottom: 0 !important;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}
.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 90px;
     padding-bottom: 0px;
}

.logo {
    width: 70%;
    float: left;
    padding-left: 30px;
}
.menu_main {
    font-size: 20px;
    color: #fff;
    float: left;
}
.menu_main a{
    color: #fff;
}

a:hover{
    color: #212121;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.overlay a {
    padding: 0px;
    text-decoration: none;
    font-size: 22px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
}
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.toggle_menu {
    top: 8px;
    position: relative;
    left: 0px;
}
.shoping_bag {
    float: right;
    text-align: right;
    padding-left: 30px;
    padding-top: 8px;
}
.togle_3 {
    float: left;
}
.menu_text {
    float: right;
    width: 30%;
    padding-top: 15px;
}
.search_icon{ width: 100%; float: left; }
.padding_left_40{
    padding-left: 40px;
}
.padding_left0{
    padding-left: 0;
}
.banner_section {
    width: 100%;
    float: left;
}
.image_1 {
    width: 100%;
    float: left;
}
.banner_taital{
    width: 100%;
    float: left;
    font-size: 40px;
    color: #181919;
    font-weight: bold;
    text-transform: uppercase;
}
.banner_taital_1{
    width: 100%;
    float: left;
    font-size: 55px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.banner_text{
    width: 80%;
    float: left;
    font-size: 16px;
    color: #f8fdfe;
    margin-left: 0px;
}
.contact_bt{
    width: 170px;
    float: left;
}
.contact_bt a{
    width: 170px;
    float: left;
    font-size: 16px;
    color: #f8fdfe;
}
.contact_bt a:hover{
    color: #181919;
}
.contact_padding{
    padding-left: 15px;
}
.play_icon{
    width: 90px;
    height: 90px;
    float: left;
    margin-top: 70px;
    position: relative;
    z-index: 3;
}
.play_icon a{
    position: relative;
    z-index: 4;
}
.play_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    background-color: #ffffff;
    border-radius: 100%;
    z-index: 2;
    animation: fadeEffect 1.3s infinite ease;
    box-shadow: 0px 0px 10px 0px;
}

@keyframes fadeEffect{
    0%{
    transform: translate(-50%,-50%) scale(0);
    opacity: 1
    }
    40%{
        opacity: 1;
    }
    100%{
    transform: translate(-50%,-50%) scale(1.2);
    opacity: 0;
    }
}
.services_section{
    width: 100%;
    float: left;
    padding-bottom: 90px;
}
.services_taital{
    width: 100%;
    float: left;
    font-size: 50px;
    color: #66bb6a;
    font-weight: 600;
}

.services_taital1{
    width: 100%;
    float: left;
    font-size: 50px;
    color: #66bb6a;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 40px;
}

.services_text{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #333333;
    margin-left: 0px;   
}
.box_section {
    width: 100%;
    float: left;
    border: 1px solid #d0d0d0;
    padding: 30px 20px 0px 20px;
}
.box_section:hover{
    background-color: #66bb6a;
    border: 1px solid #66bb6a;
}
.box_section:hover .tile_text{
    color: #ffffff;
}
.box_section:hover .lorem_text{
    color: #ffffff;
}
.box_section:hover .tiles_img_1{
    background-image: url(../images/carpet-img2.png);
}
.box_section.active{
    background-color: #66bb6a;
    border: 1px solid #66bb6a;
}

.tiles_img {
    width: 74px;
    margin: 0 auto;
    text-align: center;
    min-height: 90px;
    background-image: url(../images/tiles-img.png);
    background-repeat: no-repeat;
}
.tiles_img_1 {
    width: 74px;
    margin: 0 auto;
    text-align: center;
    min-height: 90px;
    background-image: url(../images/carpet-img.png);
    background-repeat: no-repeat;
}
.tile_text{
    width: 100%;
    float: left;
    font-size: 30px;
    color: #2d2d2c;
    text-align: center;
    font-weight: 500;
}
.lorem_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-left: 0px;
    font-weight: 500;
}
.tile_text.active {
    color: #ffffff;
}
.lorem_text.active {
    color: #ffffff;
}

.about_section{
    width: 100%;
    float: left;
    background-color: #c8e6c9;
    height: auto;
    padding-bottom: 90px;
}
.images_main{
    width: 100%;
    float: left;
}
.ipsum_text{
    width: 100%;
    float: left;
    color: #565656;
    font-size: 16px;
    margin-left: 0px;
}
.image_2{
    width: 100%;
    float: left;
}
.contact_bt_1{
    width: 170px;
    float: left;
}
.contact_bt_1 a{
    width: 170px;
    float: left;
    font-size: 16px;
    color: #181919;
}
.contact_bt_1 a:hover{
    color: #66bb6a;
}
.choose_section {
    width: 100%;
    float: left;
    padding-bottom: 90px;
    background-color: #FFFFFF;
    height: auto;
}
.choose_taital{
    width: 100%;
    float: left;
    font-size: 50px;
    color: #66bb6a;
    font-weight: 600;
    text-align: center;
}
.choose_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
}
.choose_section_2{
    width: 100%;
    float: left;
}
.choose_box{
    width: 100%;
    float: left;
}
.client_taital {
    width: 100%;
    float: left;
    font-size: 50px;
    color: #66bb6a;
    text-align: center;
    font-weight: bold;
    padding-bottom: 0px;
}
.client_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}
.image_3{
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 70px; 
}

.get_bt{
    width: 170px;
    margin: 0 auto;
    text-align: center;
}
.get_bt a{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    background-color: #202020;
    border-radius: 40px;
    padding: 10px 0px;
    margin-top: 30px;
    text-transform: uppercase;
}
.get_bt a:hover{
    color: #ffffff;
    background-color: #66bb6a;
}
.team_section {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}
.team_section_2{
    width: 100%;
    float: left;
}
.image_4{
    width: 100%;
    float: left;
    text-align: center;
}
.follow_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #66bb6a;
    text-align: center;
    padding-top: 15px;
}
.follow_social_icon {
    width: 100%;
    float: left;
    text-align: center;
}
.follow_social_icon ul{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.follow_social_icon li{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.consectetur_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 110px;
}
.dummy_text{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #333333;
    margin-left: 0px;
}
.consectetur_text_1 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 110px;
    text-align: right;
}
.dummy_text_1{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #333333;
    margin-left: 0px;
    text-align: right;
}
.newsletter_section{
    width: 100%;
    float: left;
    background-color: #66bb6a;
    height: auto;
    padding: 40px 0px;
}
.newsletter_text{
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 40px;
}
.tempor_text{
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 16px;
    margin-left: 0px;
    margin-top: 0px;
}
.mail_bt_main{
    width: 100%;
    float: left;
    padding-top: 20px;
}
.mail_text {
    width: 60%;
    float: left;
    color: #000;
    font-size: 16px;
    background-color: #ffffff;
    padding: 10px 15px;
    border: 0px;
    height: auto;
}
.subscribe_bt{
    width: 150px;
    float: left;
    color: #ffffff;
    font-size: 16px;
    background-color: #282828;
    padding: 10px 15px;
    text-align: center;
}
.subscribe_bt a{
    color: #ffffff;
}
.footer_section{
    width: 100%;
    float: left;
    background-color: #282828;
    height: auto;
    padding: 45px 0px;
}
.footer_main{
    width: 100%;
    float: left;
}
.footer_left{
    width: 25%;
    float: left;
}
.contact_taital{
    width: 100%;
    float: left;
    font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.location_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #fdfdfd;
    padding-top: 15px;
    text-align: center;
}
.location_text a{
    color: #fdfdfd;
}
.padding_left_15{
    padding-left: 15px;
}
.mail_section {
    width: 80%;
    float: left;
}
.contact_section{
    width: 100%;
    float: left;
    padding-top: 40px;
}
.map_main {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.email_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #66bb6a;
    background-color: transparent !important;
    border-bottom: 2px solid #6f6f6f !important;
    border: 0px;
    padding: 20px 15px 10px 15px;
    height: auto;
}
input.email_text::placeholder {
    color: #717471;
}
.massage_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #66bb6a;
    background-color: transparent !important;
    border-bottom: 2px solid #6f6f6f !important;
    border: 0px;
    height: 90px;
    text-transform: uppercase;
    padding: 40px 15px 0px 15px;  
}
textarea#comment::placeholder {
    color: #717471;
}

.send_bt {
    width: 150px;
    float: left;
    margin-top: 15px;
    background-color: #66bb6a;
    text-align: center;
    padding-bottom: 10px;
    font-size: 20px;
    color: #393a40;
}

.send_bt:hover {
    width: 150px;
    float: left;
    margin-top: 15px;
    background-color: #367d99;
    text-align: center;
    padding-bottom: 10px;
    font-size: 20px;
    color: #393a40;
}


.send_bt a {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #393a40;
    text-align: center;
    background-color: #66bb6a;
    padding: 10px 0px;
    text-transform: uppercase;
    border-radius: 40px;
}

.social_icon {
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 30px;
}
.social_icon ul{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.social_icon li{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.copyright_section{
    width: 100%;
    float: left;
    background-color: #66bb6a;
    height: auto;
    border-top: 2px solid #282828;
}
.copyright_text {
    width: 100%;
    float: left;
    color: #020202;
    text-align: center;
    font-size: 16px;
    margin-left: 0px;
    font-weight: bold;
}
.copyright_text a {
    color: #020202;
}
.copyright_text a:hover {
    color: #66bb6a;
}

.background_bg{
    width: 100%;
    float: left;
    background: #66bb6a;
    height: auto;
    padding: 15px 0px;
}
.images_main_1{
    width: 100%;
    float: left;
}

.logo_navi{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.contacto_nav{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40%;
}

@media (min-width: 768px) {
    .ocultar-div {
    display: none !important; /* !important para asegurar que la regla aplique sobre otras */
    }
}

@media (min-width: 768px) {
    .ocultar-menumovil-ordenador {
    display: none !important; /* !important para asegurar que la regla aplique sobre otras */
    }
}

@media (min-width: 768px) {
    .ocultar-logo-grande {
    display: none !important; /* !important para asegurar que la regla aplique sobre otras */
    }
}

@media (max-width: 768px) {
    .ocultar-movil {
    display: none !important; /* !important para asegurar que la regla aplique sobre otras */
    }
}

.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:20px;
  color:black;
  cursor:pointer;
  position:fixed;
  bottom:50px;
  right:50px;
  z-index:2;
}


/* --------------------------------------------------------------------------------------------------------- */
/* Navigation Menu */

				/* The side navigation menu */
			.sidenav {
			    height: 100%; /* 100% Full-height */
			    width: 0; /* 0 width - change this with JavaScript */
			    position: fixed; /* Stay in place */
			    z-index: 1; /* Stay on top */
			    top: 0;
			    background-color: #111; /* Black*/
			    overflow-x: hidden; /* Disable horizontal scroll */
			    padding-top: 60px; /* Place content 60px from the top */
			    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
			}

			/* The navigation menu links */
			.sidenav a, .dropdown-btn{
			    padding: 8px 8px 8px 32px;
			    text-decoration: none;
			    font-size: 25px;
			    color: #818181;
			    display: block;
			    transition: 0.3s
			}

			/* When you mouse over the navigation links, change their color */
			.sidenav a:hover, .offcanvas a:focus, .dropdown-btn:hover{
			    color: #66bb6a;
			}

			/* Position and style the close button (top right corner) */
			.sidenav .closebtn {
			    position: absolute;
			    top: 0;
			    right: 25px;
			    font-size: 36px;
			    margin-left: 50px;
			}

			/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
			#main {
			    transition: margin-left .5s;
			    padding: 20px;
			}
			.sidenav {
			    right: 0;
			}
			/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
			@media screen and (max-height: 450px) {
			    .sidenav {padding-top: 15px;}
			    .sidenav a {font-size: 18px;}
			}
			.sidenav {
			    right: 0;
			}
            .dropdown-container {
            display: none;
            background-color: #262626;
            padding-left: 8px;
            }

            /* Optional: Style the caret down icon */
            .fa-caret-down {
            float: right;
            padding-right: 8px;
            }

            /* Some media queries for responsiveness */
            @media screen and (max-height: 450px) {
            .sidenav {padding-top: 15px;}
            .sidenav a {font-size: 18px;}
            }

/* Fixed Menu */
.navbar {
  /* overflow: hidden;
  background-color: #282828;
  position: fixed;
  top: 0;
  width: 100%; */
  overflow: hidden;
  background-color: #282828;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000; /* Asegura que esté encima de otros elementos */




}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #66bb6a;
  color: black;
}

.main { 
  margin-top: 30px;
  height: 1500px;
  padding: 16px;     
}

.imagen-menu-ordenador{
    height: 70px;
}

.contenedor-logo-menu{
    align-content: center;
    padding-left: 10%;
    padding-right: 40%;
}

.div-menu-mobile{
    display: flex; 
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;  
}

/* Fin Fixed Menu */

/* Header Mobile */
.div-izquierda{
    flex: 1;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 2%; 
}
.div-derecha {
    flex: 1; 
    text-align: right;
    margin-right: 5%;
    margin-top: 5%;
}
/* Fin Header Mobile */

.navbar-mobile {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar-mobile a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar-mobile a:hover {
  background: #ddd;
  color: black;
}

.main-mobile {
  padding: 16px;
  margin-top: 30px;
  height: 1500px;
}

/* Fin Header Mobile */

.icono-menu-mobile{
    font-size: 30px; 
    color: #66bb6a;
    cursor: pointer;
}

.icono-menu-mobile:active{
    color: #367d99;
    cursor: pointer;
}


/* Slider */
.mySlides {display:none;}
/* Slider */

.imagen-slider{
    width: 100%; 
    background-size:cover;
}

.iconos-sociales{
    font-size: 25px;
    cursor: pointer;
}

.iconos-sociales:hover{
    font-size: 45px;
    cursor: pointer;
    color: #f5f5f5;
}

.imagen-limpieza-pisos{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 750px;
}

.imagen-limpieza-pisos-mobile{
    /* display: flex;
    justify-content: center;
    align-items: center; */
    width: 100%;

}

.texto-limpieza-pisos{
    display: flex;
    text-align: justify;
    height: 600px;
    padding-right: 10%;
    padding-top: 65px;
    justify-content: center;
    align-items: center;
    padding-top: 10%;
}

.titulo-servicios{
    font-size: 30px;
    font-weight: bold;
    color: #66bb6a;
}

.titulo-servicios-mobile{
    font-size: 30px;
    font-weight: bold;
    color: #66bb6a;
}

.texto-limpieza-pisos-mobile{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 65px;
    padding-left: 10%;
    padding-right: 10%;
}

/* dropdown menu  */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: fixed;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10000; 
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  width: 100%;
  text-decoration: none;
  display: block;
  text-align: center;
}

.dropdown a:hover {background-color: #ddd;}

.show {
    display: block;
    max-width: 200px;
}

/* dropdown menu  */

/* Home Slider  */
.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}

.titulo-slider{
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.boton-slider{
    background-color: #66bb6a;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

.boton-slider:hover{
    background-color: #367d99;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
/* Fin Home Slider  */

.titulos-servicios{
    color: #000;
}

.slider-mobil{
    width: 100%; /* La imagen ocupará el 100% del ancho de su contenedor */
    height: auto; /* La altura se ajustará automáticamente para mantener la proporción */
    display: block; /* Elimina el espacio extra por debajo de la imagen */
}

.div-resenas{
    padding-left: 10%;
    padding-right: 10%;
    background-color: #C8E6C9;
}


/* Boton Whats & tel  */

.btn-flotante {
  position: fixed;
  bottom: 20px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  color: white;
  text-align: center;
  font-size: 24px;
  line-height: 55px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
  text-decoration: none;
}

.btn-flotante:hover {
  transform: scale(1.1);
}

/* WhatsApp: parte inferior derecha */
.btn-flotante.whatsapp {
  right: 20px;
  background-color: #25D366;
}

/* Teléfono: parte inferior izquierda */
.btn-flotante.telefono {
  left: 20px;
  background-color: #007BFF;
}

/* Fin Boton Whats & tel  */