
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');

html{
	overflow-x: hidden!important; /*patch left*/
	font-family: 'Montserrat', sans-serif;
}


.titulo30_Y {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 1px;
}

.stitulo30_Y {
  color: #dedede;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0px;
}

.parrafo_30_Y {
  color: #dedede;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.typox{
	  font-weight: 900!important;
}


.btn3{
	padding-top: 6% !important;
	padding-bottom: 6% !important;
	padding-left: 7% !important;
	padding-right: 7% !important;
	font-size: 1.2vw !important;
	font-weight: bolder !important;
	border-radius: 0px!important;
	border-color: black!important;
	background-color: black!important;
	font-family: "Bebas Neue", sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 20px!important;
    letter-spacing: 4px!important;
    color: #ffff;
}

.btn3:hover{
	background-color: #f5b625!important;
	border-color: #f5b625!important;
}

/**************************************/
/************  REF INTRO *********/
/**************************************/

.ref_container{
	margin: 0!important;
	padding: 0px!important;
	height: auto;
	background-color: #fff;

}

.ref_box{
	height: auto;
	background-color: #fff;
}

.ref_columna1{
	padding: 0px;
	background-color: none;
	height: auto;

}


.ref_columna1_30{
	padding-left: 8%;
	background-color: none; 
	height: auto;

}



.ref_parrafo01{/*NUMERO*/
	background-color: none;
	background-image:url("../img/05_30.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:24%;
	background-position: top-left;
	padding-left: 6vw!important;
	padding-top: 6vw;
	width: auto;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.ref_parrafo_full{
	color: none;
}



.ref_columna2{
	padding-top: 0px;
	background-color: none;
	height: auto;

	background-image:url("../img/x.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;





}


.ref_titulo{
	z-index: 1;
}



.ref_foto{
	height: 20%;
	width: 20%;
	opacity: 50%;
	padding-bottom: 20px;
}


@media only screen and (max-width: 991px) {


	.ref_columna1_30{
	padding-left: 5%;
	padding-right: 5%;
	background-color: none; 
	height: auto;

	}


	.ref_columna2{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: none;
	height: 400px;
	width: 100%!important;
	padding: 0!important;

	background-image:url("../img/x.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;


	}


	.ref_parrafo01{/*NUMERO*/
	background-size:20%;
	}




	.ref_foto{
	height: 10%;
	width: 10%;
	opacity: 50%;
	padding-bottom: 20px;
	}

}




@media only screen and (max-width: 767px) {

	.ref_box{
	height: auto;
	background-color: #fff;
	text-align: left;
	}

	.ref_ico01{
		height: 0px;
	}



	.ref_columna2{
	padding-top: 20px;
	/*background-color: yellow;*/
	height: 400px;

	background-image:url("../img/xjpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	}


	.ref_parrafo01{/*NUMERO*/

	width: auto;
	height: 200px;

	}



}


@media only screen and (max-width: 500px) {

	.ref_columna2{
	    margin-bottom: 0px;

	}



	.ref_foto{
		height: 20%;
		width: 20%;
	}




}





/********************************/
/******* REFERENCIAS  ************/
/********************************/
.espacios_container{
	background-color: #fff;
	padding-left: 120px!important;
	padding-right: 120px!important;
	height: auto;
	background-image: url("../img/espacios_bg.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	background-attachment: fixed;
	
}

.espacios_box{
	/*background-color: brown;*/
	height: auto;
}

.tarjeta_box01{
	/*background-color: green;*/
	height: 550px;
	overflow: hidden!important;
	
}

.tarjeta_box02{
	/*background-color: violet;*/
	height: 550px;
	
	
}

.tarjeta_box03{
	/*background-color: orange;*/
	height: 550px;
	
	
}


#ulista_tarjeta {
  list-style-position: outside;
}

#lista_tarjeta{
	float: left;
	list-style-type: none;
}

.parrafo_tarjeta{
	height: 400px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	/*font-family: 'Montserrat';
	font-size: 14px;
	color: #666;*/
	background-color: rgba(71, 71, 71, 0.7);
	position: absolute;
	top:100%;

		-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

}


.cabeza_box{
	height: 500px;
	width: 100%;
	position: absolute;
	background-color: none;
	overflow: hidden;
}

/*'''''''''  TARJETA 01 ''''''''*/

.tarjeta01{
	background-color: #fafafa;
	height: 500px;
	width: 100%;
	/*border: 1px solid lightgray;*/

	text-align: center;


	cursor: pointer;
	position: relative;
	overflow: hidden!important;

}


.cabeza_img01{
	/*background-color: blue;*/
	height: 100%;/*250px;*/
	width: 100%;
	background-image: url("../img/tarj01.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;

	-webkit-transition: all 0.5s ease-in-out;; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease-in-out;;


}


.tarjeta01:hover .cabeza_img01{
    transform: scale(1.1);
}

.tarjeta01:hover .parrafo_tarjeta{
    top:65%;
}


/*'''''''''  TARJETA 02 ''''''''*/

.tarjeta02{
	background-color: #fafafa;
	height: 500px;
	width: 100%;
	/*border: 1px solid lightgray;*/

	text-align: center;


	cursor: pointer;
	position: relative;
	overflow: hidden!important;

}


.cabeza_img02{
	/*background-color: blue;*/
	height: 100%;/*250px;*/
	width: 100%;
	background-image: url("../img/tarj02.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;

	-webkit-transition: all 0.5s ease-in-out;; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease-in-out;;


}


.tarjeta02:hover .cabeza_img02{
    transform: scale(1.1);
}

.tarjeta02:hover .parrafo_tarjeta{
    top:65%;
}


/*'''''''''  TARJETA 03 ''''''''*/

.tarjeta03{
	background-color: #fafafa;
	height: 500px;
	width: 100%;
	/*border: 1px solid lightgray;*/

	text-align: center;


	cursor: pointer;
	position: relative;
	overflow: hidden!important;

}


.cabeza_img03{
	/*background-color: blue;*/
	height: 100%;/*250px;*/
	width: 100%;
	background-image: url("../img/tarj03.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;

	-webkit-transition: all 0.5s ease-in-out;; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease-in-out;;


}


.tarjeta03:hover .cabeza_img03                 {
    transform: scale(1.1);
}

.tarjeta03:hover .parrafo_tarjeta{
    top:65%;
}



/*'''''''''  TARJETA 04 ''''''''*/

.tarjeta04{
	background-color: #fafafa;
	height: 500px;
	width: 100%;
	/*border: 1px solid lightgray;*/

	text-align: center;


	cursor: pointer;
	position: relative;
	overflow: hidden!important;

}


.cabeza_img04{
	/*background-color: blue;*/
	height: 100%;/*250px;*/
	width: 100%;
	background-image: url("../img/tarj04.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;

	-webkit-transition: all 0.5s ease-in-out;; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease-in-out;;


}


.tarjeta04:hover .cabeza_img04{
    transform: scale(1.1);
}

.tarjeta04:hover .parrafo_tarjeta{
    top:65%;
}


@media only screen and (max-width: 1370px) {


	.tarjeta01:hover .parrafo_tarjeta{
	    top:60%;
	}

	.tarjeta02:hover .parrafo_tarjeta{
	    top:60%;
	}

	.tarjeta03:hover .parrafo_tarjeta{
	    top:60%;
	}

	.tarjeta04:hover .parrafo_tarjeta{
	    top:60%;
	}

	.espacios_container{

		padding-left: 50px!important;
		padding-right: 50px!important;

		
	}

}


@media only screen and (max-width: 1200px) {


	.parrafo_tarjeta{
	height: 400px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;

		-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

	}


	.tarjeta01:hover .parrafo_tarjeta{
	    top:50%;
	}

	.tarjeta02:hover .parrafo_tarjeta{
	    top:50%;
	}

	.tarjeta03:hover .parrafo_tarjeta{
	    top:50%;
	}

	.tarjeta04:hover .parrafo_tarjeta{
	    top:50%;
	}

	.espacios_container{

		padding-left: 40px!important;
		padding-right: 40px!important;

		
	}

}


@media only screen and (max-width: 990px) {



	.tarjeta01:hover .parrafo_tarjeta{
	    top:65%;
	}

	.tarjeta02:hover .parrafo_tarjeta{
	    top:65%;
	}

	.tarjeta03:hover .parrafo_tarjeta{
	    top:65%;
	}

	.tarjeta04:hover .parrafo_tarjeta{
	    top:65%;
	}


	.espacios_container{

		padding-left: 100px!important;
		padding-right: 100px!important;

		
	}

}


@media only screen and (max-width: 860px) {



}



@media only screen and (max-width: 767px) {

	.espacios_container{

		padding-left: 40px!important;
		padding-right: 40px!important;

		
	}


}


@media only screen and (max-width: 500px) {

	


}




/************************************/
/*********** PLECA FOOTER 1 **********/
/************************************/


.pleca_cont_container{
	background-color: none;

	background-image:url("../img/BG_PLECA.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	background-attachment: fixed;

	height: 11vw;
	padding-top: 5%;
	padding-bottom: 0px;
	}

.pleca_cont_A{
	background-color: none;
	height: auto!important;
	text-align: center;
	padding-top: 0px;
}


.pleca_cont_B{
	background-color: none;
	height: auto!important;
	text-align: center;
	padding-top: 0px;
}


.titulo_cont_pleca{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4vw;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  text-align: left;
  padding-left: 108px;

}

.btn_cont{
	position: absolute;
    left: 25%;
    top: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);


	padding-top: 4% !important;
	padding-bottom: 4% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;


	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none!important;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 4px;
  line-height: 30px;
	font-size: 1.2vw !important;
	font-weight: bolder !important;
	border-radius: 0px!important;
	background-color: #4a4a4a!important;

			-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid black!important;

}

.btn_cont:hover{
	background-color: #000!important;
	border: 1px solid white!important;
}


@media only screen and (max-width: 991px) {

	.pleca_cont_container{
	background-color: none;

	background-image:url("../img/BG_PLECA.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	background-attachment: fixed;

	height: auto;
	padding-top: 20px;
	padding-bottom: 0px;
	}

.btn_cont{
	position: absolute;
    left: 35%;
    top: 35%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);


	padding-top: 3% !important;
	padding-bottom: 3% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;

	font-size: 3vw !important;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none!important;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 4px;
  line-height: 30px;
	font-weight: bolder !important;
	border-radius: 0px!important;
	background-color: #4a4a4a!important;

			-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid black!important;

}

	.pleca_cont_A,.pleca_cont_B{
	background-color: NONE;
	height: 3vw!important;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 120px;
	}




	.titulo_cont_pleca{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5vw;
  color: #b3b3b3;
  line-height: 30px;

	}

}

@media only screen and (max-width: 767px) {


	.pleca_cont_container{
	padding-top: 1%;
	height: 280px;

	}


	.titulo_cont_pleca{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7vw;
  color: #b3b3b3;
  line-height: 30px;
  padding-left: 15%!important;

	}


.btn_cont{
	position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);


	padding-top: 3% !important;
	padding-bottom: 3% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;

	font-size: 3vw !important;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none!important;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 4px;
  line-height: 30px;
	font-weight: bolder !important;
	border-radius: 0px!important;
	background-color: #4a4a4a!important;

			-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid black!important;

}


}


@media only screen and (max-width: 500px) {

	.pleca_cont_container{
	padding-top: 1%;
	height: 48vw;

	}


	.btn_cont{
	position: absolute;
    left: 50%;
    top: -20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);


	padding-top: 3% !important;
	padding-bottom: 3% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;

	font-size: 5vw !important;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none!important;
  color: #dedede;
  line-height: 30px;
  letter-spacing: 4px;
  line-height: 30px;
	font-weight: bolder !important;
	border-radius: 0px!important;
	background-color: #4a4a4a!important;

			-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid black!important;

}


}



/********************************/
/******* FOOTER  ****************/
/********************************/
.footer_container{
	background-color: #111;
	padding-top: 80px;
	padding-left: 120px!important;
	padding-right: 120px!important;
	height: auto;
	
}

.footer_box{
	background-color: none;
	height: auto;
}

.footer_box01{
	background-color: none;
	height: 550px;
	overflow: hidden!important;
	
}

.footer_box02{
	background-color: none;
	height: 550px;
	padding-top: 188px;
	
	
}

.footer_box03{
	background-color: none;
	height: 550px;
	padding-top: 188px;
	
	
}


.parrafo_30_footer{
	color:#7e7e7e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 0px;
	padding-right: 30%;

}


.parrafo_30_footer2{
	color:#7e7e7e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 0px;
	padding-right: 0%;

}


.linea_firma{
height: 1px;
width: 100%;
background-image:url("../img/linx.jpg");
background-repeat: repeat-x;
background-size:cover;
}

@media only screen and (max-width: 1370px) {



}


@media only screen and (max-width: 1200px) {


}


@media only screen and (max-width: 990px) {

.footer_container{
	padding:30px!important;
}

.footer_box01{
	height: 350px;
	padding-top: 40px!important;
	padding-bottom: 0px!important;

}


.footer_box02,.footer_box03{
	height: 250px;
	padding-top: 40px!important;
	padding-bottom: 0px!important;

}


}


@media only screen and (max-width: 860px) {



}



@media only screen and (max-width: 767px) {

.footer_box03{
	height: 250px;
	padding-top: 20px!important;
	padding-bottom: 0px!important;

}


}


@media only screen and (max-width: 500px) {

	


}



/*****************************/
/******** SUBMENU **********/
/*****************************/

.collage_submenu_container{
	height: auto;
	width: 80%;
	background-color: none;
	padding-bottom: 100px;
}


.liga_01{
	height: auto;
	width: auto;

	background-color: none;

}

.liga_02{
	height: auto;
	width: auto;

	background-color: none;


}

.liga_03{
	height: auto;
	width: auto;

	background-color: none;


}

.liga_04{
	height: auto;
	width: auto;

	background-color: none;


}

.liga_05{
	height: auto;
	width: auto;

	background-color: none;


}

.liga_06{
	height: auto;
	width: auto;

	background-color: none;


}




@media only screen and (max-width: 767px) {

#botoncillos{
	padding-bottom: 25px;
}

}


@media only screen and (max-width: 500px) {





}




/****************************/
/*********  CLIENTES *********/
/**************************/

.clientes_container{
	height: auto;
	padding-bottom: 50px;
	background-color:#ededed;
}

.marc01{
	background-color: #ededed;
	height: 300px;
	width: auto;
	background-image:url("../img/marc01.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	/*background-size:24%;*/
	background-position: center;

}

.marc02{
	background-color: #ededed;
	height: 300px;
	width: auto;
	background-image:url("../img/marc02.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	/*background-size:24%;*/
	background-position: center;

}

.marc03{
	background-color: #ededed;
	height: 300px;
	width: auto;
	background-image:url("../img/marc03.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	/*background-size:24%;*/
	background-position: center;

}

.marc04{
	background-color: #ededed;
	height: 300px;
	width: auto;
	background-image:url("../img/marc04.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	/*background-size:24%;*/
	background-position: center;

}


@media only screen and (max-width: 767px) {


.marc01, .marc02, .marc03, .marc04{
	background-color: #ededed;
	height: 200px;
	width: auto;
	

	}

 .clientes_container{
 	padding-top: 0px;
 	padding-bottom: 30px;
 	margin-top: 0px;
 	margin-bottom: 0px;
 	}



}



/*/////////////////////////////*/
/*////////  BOOK EXTRAS ////////*/
/*/////////////////////////////*/

.book_nav{
	/*visibility: hidden;*/
	height: auto;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	bottom: -300px;
	z-index: 99;
	backdrop-filter: blur(10px);

	display: grid;
  place-items: center;

}



.vertical-menu {
  width: 100%;

}

.vertical-menu a {
  background-color: none;
  color: #999;
  display: block;
  padding: 12px;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  border-bottom: 1px #666 solid;

}

.vertical-menu a:hover {
  background-color: #007BFF;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  text-decoration: none;

}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}


/*/////////////////////////////*/
/*////////  WP  ///////////////*/
/*/////////////////////////////*/


.whats{
	height: auto;
	width: auto;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;
}


@media only screen and (max-width: 767px) {


.whats{
	height: auto;
	width: auto;
	position: fixed;
	bottom: 90px;
	right: 10px;
	scale: 80%;
	z-index: 100;
}



}


/*********************************/
/************ boton servicios   ***************/
/*********************************/


#serv_estilo{
	background-color: #FF0273;
	padding: 10px;
	border-radius: 2px 2px 2px 2px;
	color:white;

}



/*********************************/
/************ pleca servicios   ***************/
/*********************************/

.pleca_servicios{
	height: auto;
	background-color: #ffd202;
	font-family: "Raleway";


}



.servicios_pleca_columna1{
	background-color: translate;
	padding-left: 40px!important;


}

.servicios_pleca_columna2 {
    background-color: translate;
    height: auto;
    width: 100%;
    display: flex;
  	align-items: flex-end; /* Alinea la imagen al fondo */

    /*background-image: url("../img/bg_servicios_pleca.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
   
}


.image_pleca_amarillax0 {
  width: 100%; /* La imagen ocupa todo el ancho del contenedor */
  height: auto; /* Mantiene la proporción de la imagen */
  object-fit: cover; /* Asegura que la imagen cubra todo el espacio */
}

.image_pleca_amarillax1 {
  width: 100%; /* La imagen ocupa todo el ancho del contenedor */
  height: auto; /* Mantiene la proporción de la imagen */
  object-fit: cover; /* Asegura que la imagen cubra todo el espacio */
}

.image_pleca_amarillax2 {
  width: 100%; /* La imagen ocupa todo el ancho del contenedor */
  height: auto; /* Mantiene la proporción de la imagen */
  object-fit: cover; /* Asegura que la imagen cubra todo el espacio */
}


.btn-consultar {
    background-color: black;
    color: white;
    font-weight: bold;
    border: none;
    padding: 20px 40px;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    transition: background-color 0.3s ease;

    position: absolute;
    bottom: 40px;
    right: 40px;

}

.btn-consultar:hover {
    background-color: #ff007a;
}


.servicios_pleca_parrafo1{
	padding-top: 2.8vw;

}

.servicios_pleca_parrafo_titulo1{
	font-size: 3.3vw;
	line-height: 3.2vw;

}

.servicios_pleca_parrafo_titulo2{
	font-size: 2.9vw;
	line-height: 3.2vw;
}




.servicios_pleca_parrafo2{
	padding-bottom: 2.8vw;
	font-size: 1.5vw;
	line-height: 30px;


}






@media only screen and (max-width: 1370px) {

	.image_pleca_amarillax0 {
		display: none;
	}

	.image_pleca_amarillax1 {
		display: inline-block;
	}

	.image_pleca_amarillax2 {
		display: none;
	}




}


@media only screen and (max-width: 1200px) {

	.servicios_pleca_parrafo2{
		font-size: 2vw;
		line-height: 30px;

	}

}


@media only screen and (max-width: 990px) {


	.image_pleca_amarillax0 {
		display: none;
	}

	.image_pleca_amarillax1 {
		display: none;
	}

	.image_pleca_amarillax2 {
		display: inline-block;
	}


}


@media only screen and (max-width: 860px) {



}



@media only screen and (max-width: 767px) {


	.servicios_pleca_parrafo1{
	padding-top: 3.8vw;

	}

	.servicios_pleca_parrafo_titulo1{
		font-size: 4.3vw;
		line-height: 4.2vw;

	}

	.servicios_pleca_parrafo_titulo2{
		font-size: 3.9vw;
		line-height: 4.2vw;
	}



	.servicios_pleca_parrafo2{
		padding-bottom: 2.8vw;
		font-size: 3vw;
		line-height: 25px;


	}

}


@media only screen and (max-width: 500px) {

	.btn-consultar {
    background-color: black;
    color: white;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    transition: background-color 0.3s ease;

    position: absolute;
    bottom: 20px;
    right: 20px;
	}


	.servicios_pleca_parrafo1{
	padding-top: 3.8vw;

	}

	.servicios_pleca_parrafo_titulo1{
		font-size: 4.3vw;
		line-height: 4.2vw;

	}

	.servicios_pleca_parrafo_titulo2{
		font-size: 3.9vw;
		line-height: 4.2vw;
	}



	.servicios_pleca_parrafo2{
		padding-bottom: 2.8vw;
		font-size: 3vw;
		line-height: 20px;


	}


}

