html, body {
   font-family: Tahoma, sans-serif;
	line-height: 25px; 
	-webkit-font-smoothing: antialiased;
}

.tam{
	font-size: 1.3em;
}

.btn_2025{
	color: #000;
	font-weight: bold;
}

.tam_centrado{
	font-size: 1.4em;
	text-align: center;
}

.enlace_zona_principal{
	color: #000;
	transition: color 0.3s ease;
}

.enlace_zona_principal:hover,
.enlace_zona_principal:focus{
	color: #999;
}

.listado_zonas{
	width: 1200px;
	margin: 0 auto;
	font-size: 0px;
	text-align: center;
}

.listado_zonas li{
	font-size: 14px;
	padding: 1%;
	display: inline-block;
}

.listado_zonas li::before{
	content: "\2022";
	display: inline-block;
	margin-right: 8px;
	color: #000;
}

.listado_zonas li a{
	color: #000;
}

.listado_zonas li a:hover{
	color: #999;
}

.listado_zonas--inactiva a{
	pointer-events: none;
	cursor: default;
}




.disseny{
    background:#a9b988!important;text-align: right!important; padding:1em;font-size: 11px;
}
.disseny a{
    color: #88976f!important;
}
.disseny a:hover{
    color: #666!important;
}


/**/

.comparativa {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 900px;
  margin: 0 auto;
  padding: 0px;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*/
}

.comparativa > li {
  background: #f9f9f9;
  padding: 10px;
  border-radius: 6px;
}

.comparativa > li > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.1rem;
  color: #2c3e50;
}

.comparativa ul {
  list-style-type: none;
  padding-left: 0;
}

.comparativa ul li {
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.tipo {
  font-weight: normal;
  color: #333;
}

/* Responsive móvil */
@media (max-width: 600px) {
  .comparativa {
    grid-template-columns: 1fr;
  }

  .texto_centrado_movil {
    text-align: center;
  }
}


/**/



.home_noticias_pie{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}



.not_izq_2025{
	float: left;
	width: 58%;
	text-align: left;
}

.not_der_2025{
	float: right;
	width: 40%;
	text-align: center;
}

.not_der_2025 img{
	width: 100%;
	text-align: center;
}

.texto_ancho_2025{
	text-align: left;
}

.not_izq_2025_bis{
	float: left;
	width: 40%;
}

.not_izq_2025_bis img{
	width: 100%;
	vertical-align: top;
}

.not_der_2025_bis{
	float: right;
	width: 58%;
}




/**********/

.listado_noticias_2024 {
    font-size: 0;
    
}

.listado_noticias_2024 li {
    font-size: 14px;
    display: inline-block;
    width: 23%;
    margin: 1%;
    vertical-align: top;
    height: 360px;
    /* background: #f5f5f5; */
	text-align: center;
}

.listado_noticias_2024 li a {
    color: #000;
    display: inline-block;
    height: 360px;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.30);
}

.listado_noticias_2024 li a:hover {
    color: #000;
    display: inline-block;
    height: 360px;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.60);
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.60);
}

.listado_noticias_2024 li img {
    width: 100%;
    vertical-align: top;
}

.listado_noticias_2024 li a .espacio_2024 {
    padding: 1%;
}

.listado_noticias_2024 li a .title_2024 {
    font-size: 18px !important;
	transition: all .3s ease;
}

.listado_noticias_2024 li a:hover .title_2024 {
    font-size: 18px !important;
	color: #999;
}





/****/

.box {
  width: 100%;
  height: auto;
  border: 0px solid red;
  display: flex;
  box-shadow: 
    0 -4px 6px rgba(0, 0, 0, 0.2),  /* sombra superior */
    0 4px 6px rgba(0, 0, 0, 0.2);   /* sombra inferior */
}

.box-child {
  width: 50%;
}

.box-child.img {
  background-color: #8ec73d;
  overflow: hidden;
  position: relative;
}
.box-child.img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
}

.box-child.text {
  background-color: #8ec73d;
  padding: 20px;
  box-sizing: border-box;
  min-height: 400px;
  align-content: center;
  text-align: center;
  font-size: 14px!important;
	color:#fff;

}


/**/





.modulo_2025{
	background: #d6d6d6;
	padding: 20px;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1), /* sombra superior */
              0 5px 10px rgba(0, 0, 0, 0.1);  /* sombra inferior */
}
.modulo_2025_in{
	width: 1200px;
	margin: 0 auto;
}


.index_tit_2025{
	font-size: 1.2em;
}

.index_txt_2025{
	color: #333;
}

.listado_home_2025{
	font-size: 0;	
display: flex;
  flex-wrap: wrap; /* permite que salten a la siguiente línea */
  gap: 20px; /* espacio entre cajas */
  list-style: none;
  padding: 0;
  margin: 0;
}

.listado_home_2025 li{
	font-size: 14px;
	width: 23%;
	padding: 1%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box; /* importante para que incluya borde y padding */
	border: 1px solid #666;
}



.space{
	height: 60px;
}

.space_bis{
	height: 60px;
}


.cuatro_words{
	font-size: 0;
	padding: 60px;
	text-align: center;
	
}

.cuatro_words li{
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	width: 23%;
	padding: 1%;
}

.cuatro_words li img{
	width: 100%;
	vertical-align: top;
}


.volver a{
	color: #A9B988;
	font-weight: bold;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.volver a:hover{
	color: #000;
}


.sector_izq{
	float: left;
	width: 40%;
}

.sector_der{
	float: right;
	width: 55%;
}

.sector_der img{
	width: 100%;
}

.linea{
	border-top: 1px solid #ccc;
}

.link{
	color: #000;
	font-weight: bold;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

.link:hover{
	color: #999;
}


/* Lindo efecto de img 

.envuelve_listado {
    background-image: url(../imgs/sistemas-de-seguridad-en-bcn.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position-y: 0;
    height: 360px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    padding-top: 30px;
}

*/


.centrado {
    display: table;
    height: 300px;
    width: 100%;
    text-align: center;
}

.centrado_in {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}





.sombra {
    -moz-box-shadow: 0px 0px 3px #999;
    -ms-box-shadow: 0px 0px 3px #999;
    -webkit-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
}







/* MENU MÓVIL */



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background: #fff;
    color: #000;
    cursor: pointer;
    padding: 10px;
    width: auto;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 1.2em;
    font-weight: normal;
    position: relative;
    bottom: 160px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #fff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding:0;
  background: #fff;
  text-align: center;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  line-height: 30px;

}

.panel a{
  color: #000;

}


.logo{
	text-align: center;
}

.logo img{
	vertical-align: top;
	width: 200px;
	margin-top: 20px;
}

.envuelve_logo_slide{
	
}


.slide {
    width: 100%;
    height: auto;
    vertical-align: top;
    position: relative;
    box-shadow: 2px 20px 20px 1px rgb(0 0 0 / 30%);
}

.slide img{
   vertical-align: top;
   width: 100%;
}

.modulo_uno {
    height: auto;
    text-align: center;
    color: #999;
    top: 0;
    margin-top: 0;
    position: relative;
}

.modulo_in{
	width: 1200px;
	padding: 2%;
	margin: 0 auto;
}

.menu{
	font-size: 0px;
	text-align: center;
	padding: 1%;
}

.menu li{
	font-size: 14px;
	display: inline-block;
	text-align: center;
	margin-right: 30px;
	vertical-align: top;
}

.menu li:last-child{
	margin-right: 0;
}

.menu li a{
	color: #000;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu li a:hover{
	color: #999;
}

/* Cabecera compacta: solo escritorio */
@media only screen and (min-width: 1025px) {
	.cabecera_desk{
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		min-height: 138px;
		padding: 4px 20px;
		box-sizing: border-box;
		background: #fff;
	}

	.cabecera_desk .logo,
	.cabecera_desk .men{
		flex: 0 0 auto;
	}

	.cabecera_desk .logo{
		position: absolute;
		left: max(2%, calc(50% - 600px));
		top: 50%;
		transform: translateY(-50%);
	}

	.cabecera_desk .logo img{
		display: block;
		width: 130px;
		margin-top: 0;
	}

	.cabecera_desk .menu{
		padding: 0;
	}

}


.titulo_h1{
	font-size: 1.6em;
	text-align: center;
	color: #000;
}

.home_izq{
	float: left;
	width: 45%;
}

.home_der{
	float: right;
	width: 45%;
}

.home_der img{
	vertical-align: top;
}


.home_der_txt{
	float: right;
	width: 45%;
}

.home_izq_img{
	float: left;
	width: 45%;
}

.home_izq_img img{
	vertical-align: top;
}


.listado_home_seis{
	font-size: 0;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

.listado_home_seis li{
	font-size: 14px;
	width: 16.6%;
	display: inline-block;
	vertical-align: top;
}

.listado_home_seis li img{
	width: 100%;
	vertical-align: top;
}



.listado_home_seis li p{
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 16px;
}

.listado_home_seis li a{
	color: #fff;
	background: #828487;
	margin: 2px;
	vertical-align: top;
	display: inline-block;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.listado_home_seis li a:hover{
	background: #A9B988;
	color: #000;
}


.listado_home_tres{
	font-size: 0;
}

.listado_home_tres li{
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-align: center;
}

.listado_home_tres li img{
	vertical-align: top;
	width: 128px;
}

.listado_home_tres li p{
	color: #000;
	font-weight: bold;
	padding: 1%;
}

.zonas-trabajo{
	margin-top: 50px;
	padding: 55px 20px;
	border-top: 1px solid #c8c8c8;
	background: #dedede;
	color: #333;
	text-align: center;
	box-shadow:
		0 -4px 6px rgba(0, 0, 0, 0.2),
		0 4px 6px rgba(0, 0, 0, 0.2);
}

.zonas-trabajo_in{
	max-width: 1000px;
	margin: 0 auto;
}

.zonas-trabajo .titulo_h1{
	margin-bottom: 22px;
}

.zonas-trabajo p{
	margin-bottom: 18px;
}

.zonas-trabajo_destacado{
	font-size: 1.05em;
}

.zonas-trabajo_boton{
	margin: 28px 0 0 !important;
}

.zonas-trabajo_boton a{
	display: inline-block;
	padding: 12px 22px;
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
}

.zonas-trabajo_boton a:hover,
.zonas-trabajo_boton a:focus{
	background: #7caf40;
}

.ver_todos{
	text-align: center;
}

.ver_todos a{
	color: #fff;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #F28119;
	display: inline-block;
	padding: 1%;
}

.ver_todos a:hover{
	background: #000;
}

/*******/


.listado_tres{
	font-size: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}

.listado_tres li{
	font-size: 14px;
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.listado_tres li img{
	width: 100%;
	vertical-align: top;
}



.listado_tres li p{
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 16px;
}

.listado_tres li a{
	color: #fff;
	background: #828487;
	margin: 2px;
	vertical-align: top;
	display: inline-block;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.listado_tres li a:hover{
	background: #A9B988;
	color: #000;
}



/******/



.pie{
	/*background: #fefda6;*/
	background: #A9B988;
	color: #000;
	text-align: center;
	padding: 2%;
	position: relative;
	-webkit-box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
	box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
}

.pie_in{
	width: 1200px;
	margin: 0 auto;
}

.pie_izq{
	float: left;
	width: 200px;

	position: relative;
    z-index: 10; /* Pone la imagen por encima */
}

.pie_izq img{
	vertical-align: top;
	width: 100%;
}

.listado_pie {
  font-size: 0;
  position: relative;
  top: 45px;
}

.listado_pie li{
	font-size: 12px;
	margin-right: 30px;
	color: #000;
	display: inline-block;
}

.listado_pie li:last-child{
	margin-right: 0px;
}

.listado_pie li img{
	vertical-align: top;
	position: relative;
	width: 24px;
	margin-right: 16px;
	
}

.listado_pie li a{
	color: #000;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.listado_pie li a:hover{
	color: #fff;
}


.tit_cont{
	font-size: 1.2em;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}

.texto_legal{
	font-size: 12px;
	text-align: justify;
}

.texto_legal a{
	font-weight: bold;
	color: #000;
}

.texto_legal a:hover{
	font-weight: bold;
	color: #999;
}

.campos{
	font-size: 0;
}

.campos li{
	font-size: 13px;
	width: 49.5%;
	margin-right: 1%;
	display: inline-block;
}

.campos li:last-child{
	margin-right:0;
}

/********/

.datos_cont {
  font-size: 0;
  position: relative;
  line-height: 50px;
}

.datos_cont li{
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}

.datos_cont li:last-child{
	margin-right: 0px;
}

.datos_cont li img{
	vertical-align: top;
	position: relative;
	width: 48px;
	margin-right: 16px;
	
}

.datos_cont li a{
	color: #000;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.datos_cont li a:hover{
	color: #999;
}


/********/

.cont_izq_bis{
	float: left;
	width: 55%;
	padding-top: 20px;
}

.cont_der_bis{
	float: right;
	width: 45%;
	padding-top: 20px;
}



.cont_izq{
	float: left;
	width: 30%;
	padding-top: 20px;
}

.cont_der{
	float: right;
	width: 65%;
	padding-top: 20px;
}

.img_cont{
	text-align: center;
	margin: 0 auto;
}

.img_cont img{
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.campo_inputs{
	border: 2px solid #99AC75;
	font-family: Tahoma, sans-serif;
	width: 96%;
	padding: 2%;
	margin-bottom: 1%;
	
}

.campo_inputs_2023{
	border: 1px solid #99AC75;
	font-family: Tahoma, sans-serif;
	width: 98%;
	padding: 1%;
	margin-bottom: 1%;
	color: #000;
	
}

.campo_inputs_2023 option{
	color: #999;
	
}

.campo_inputs_2023_provincias {
  border: 1px solid #99AC75;
  font-family: Tahoma, sans-serif;
  width: 100%;
  background: #fff;
  padding: 1%;
  margin-bottom: 1%;
  color: #999;
}

.campo_inputs_2023_provincias {
  font-family: Tahoma, sans-serif;
  color: #000;
}

.file-container{
    padding: 5px; 0;
    width: 50%;
    border: thin solid gray;
    display: flex;
    justify-content: space-around;
}

.adjunto{
	font-family: Tahoma, sans-serif;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 0px solid #333;
	background: #A9B988;
	color: #000;
	font-weight: normal;
	font-size: .9em;
}

.adjunto:hover{
	background: #000;
	color: #fff;
}

.adjuntar{
	font-weight: normal;
	font-size: .9em;
	color: #A9B988;
	font-family: Tahoma, sans-serif;
}

.campo_textareas{
	border: 2px solid #99AC75;
	font-family: Tahoma, sans-serif;
	width: 96%;
	padding: 2%;
	
	height: 200px;
	font-size: .9em;
}

.campo_textareas_2023{
	border: 1px solid #99AC75;
	font-family: Tahoma, sans-serif;
	width: 98%;
	padding: 1%;
	
	height: 200px;
	font-size: .9em;
}



.campo_textareas_bis{
	border: 2px solid #99AC75;
	font-family: Tahoma, sans-serif;
	width: 96%;
	padding: 2%;
	
	height: 300px;
	font-size: .9em;
}

.aceptando{
	color: #666;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	padding: 1%;
	font-size: .8em;
}

.aceptando:hover{
	color: #000;
}

.enviar{
	border: 0px solid #333;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #99AC75;
	color: #fff;
	padding: 1%;
	font-family: Tahoma, sans-serif;
	float: right;
	cursor: pointer;
}

.enviar:hover{
	background: #000;
}


/* MENU DESPLAZABLE


.menu li ul {
	display:none;
	position:absolute;
	width:140px;
	
}

.menu li:hover > ul {
	display:block;
}

.menu li ul li a{
	position:relative;
	display: inline-block;
	width:162px;
	color: #fff;
	background: #666;
	font-weight: normal;
	margin-top: 2px;
	padding: 10px;
	font-size: 0.8em;
	
	transition: 0.3s;
	
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

.menu li ul li a:hover{
	background: #000;
	color: #fff;
	
}

.menu li ul li ul {
	right:-162px;
	top:0px;
}
*/




/**/


/* PINTADO */

::-moz-selection {
    background-color: #000;
    color: #fff;
}

::-ms-selection {
    background-color: #000;
    color: #fff;
}

::selection {
    background-color: #000;
    color: #fff;
}


/* PLACEHOLDER */

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {

    color: #000;
}

::-moz-placeholder {
 
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}


/*------------------------------------*\
    corner - transition - shadow
\*------------------------------------*/


.corner {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.transition {
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu_mov{
	display: none;
}

.img_mov{
	display: none;
}

.no{
	display: none;
}

.idioma{
	position: relative;
	float: right;
	padding: 10px;
}

.idioma a{
	color: #000;
}

.idioma a:hover{
	color: #999;
}

@media only screen and (min-width: 1025px) {
	.idioma{
		position: absolute;
		top: 0;
		right: 0;
		float: none;
		z-index: 1;
	}
}


@media only screen and (min-width: 0px) and (max-width: 1024px) {
	
	
    .container {
        width: 100%;
        padding:0;
        overflow: hidden;
    }

    .listado_zonas {
    width: 100%;
    margin: 0 auto;
    font-size: 0px;
    text-align: center;
}
	
	
	
	.home_noticias_pie{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
	
	
	
	    .not_izq_2025 {
        float: left;
        width: 98%;
        padding: 1%;
        text-align: center;
        font-size: 14px;
    }

.not_der_2025{
	float: left;
	width: 98%;
	padding: 1%;
	text-align: center;
	font-size: 14px;
}

.texto_ancho_2025{
	text-align: center;
	width: 98%;
	padding: 1%;
	font-size: 14px;
}

.not_izq_2025_bis{
	float: left;
	width: 100%;
	text-align: center;
}

.not_izq_2025_bis img{
	width: 100%;
	vertical-align: top;
}

.not_der_2025_bis{
	float: left;
	width: 100%;
	text-align: center;
}
	
	
	/**********/
	
	
	.listado_noticias_2024 li {
    font-size: 14px;
    display: inline-block;
    width: 97%;
    margin: 1%;
    vertical-align: top;
    height: auto;
    /* background: #f5f5f5; */
	text-align: center;
	margin-bottom: 20px;
}

.listado_noticias_2024 li a {
    color: #000;
    display: inline-block;
    height: auto;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.30);
}

.listado_noticias_2024 li a:hover {
    color: #000;
    display: inline-block;
    height: auto;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.60);
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.60);
}


	
	
	
	/****/
	
	
  .box {
    flex-direction: column;
    align-items: center;
  }

  .box-child {
    width: 100%;
  }

  .box-child.text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }

  .box-child.img img {
    position: static;
	vertical-align: top;
  }

	/****/
    

    
    .no{
    	display: block;
    }
    
    .space_bis{
    	height: 0;
    }
    
    
    
    .slide img {
      vertical-align: top;
      width: 100%;
     
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    
    
     
    .cuatro_words li .cuatro_tit{
    	
    }
    
    .cuatro_words {
      font-size: 0;
      padding: 0;
      text-align: center;
      width: 100%;
      float: left;
      margin-top: 60px;
    }
    
    .cuatro_words li{
    	font-size: 14px;
    	display: inline-block;
    	vertical-align: top;
    	text-align: center;
    	font-weight: bold;
    	width: 98%;
    	padding: 1%;
    	margin-bottom: 60px;
    }
    
    
    
    .menu_mov{
    	display: block;
    } 
    
    .men{
    	display: none;
    }
    
    .logo img {
      vertical-align: top;
      width: 140px;
      margin-top: 40px;
      margin-left: 37px;
      
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    .img_desk{
    	display: none;
    }
    
    .img_mov{
    	display: block;
    }
    
    .modulo_in {
      width: 96%;
      padding: 2%;
      margin: 0 auto;
      margin-top: 40px;
    }
    
    .titulo_h1 {
      font-size: 1.4em;
      text-align: center;
      color: #000;
      line-height: 40px;
    }
    
    .home_izq {
      float: left;
      width: 100%;
      font-size: 14px;
    }
    
    .home_izq img {
      vertical-align: top;
      width: 100%;
    }
    
    .home_der {
      float: left;
      width: 100%;
    }
    
    .home_der img {
      vertical-align: top;
      width: 100%;
      
      height: auto;     
      aspect-ratio: 1/1 auto;
    }
    
    .home_der_txt {
      float: left;
      width: 100%;
      font-size: 14px;
    }
    
    .home_izq_img {
      float: left;
      width: 100%;
    }
    
    .home_izq_img img {
      vertical-align: top;
      width: 100%;

      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    .listado_home_seis li img {
      width: 100%;
      vertical-align: top;
      
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    
    
    .listado_home_seis li {
      font-size: 12px;
      width: 100%;
      display: inline-block;
      vertical-align: top;
    }
    
    .ver_todos a {
      color: #fff;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -webkit-transition: all 0s ease;
      transition: all 0s ease;
      background: #000;
      display: inline-block;
      padding: 3%;
    }
    
    .listado_home_tres li {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      text-align: center;
      margin-bottom: 60px;
    }

    .zonas-trabajo {
      margin-top: 10px;
      padding: 40px 5%;
    }

    .zonas-trabajo_boton a {
      padding: 12px 18px;
    }
    
    .pie {
      background: #fefda6;
      background: #A9B988;
      color: #000;
      text-align: center;
      padding: 2%;
      position: relative;
      -webkit-box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
      -moz-box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
      box-shadow: 2px -4px 19px -4px rgba(0,0,0,0.4);
      padding-bottom: 60px;
    }
    
    .pie_in {
      width: 100%;
      margin: 0 auto;
    }
    
    
    .pie_izq {
      float: left;
      width: 100%;
    }
    
    .pie_izq img {
      vertical-align: top;
      width: 140px;
      position: relative;
      top: 30px;
      
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    .listado_pie {
      font-size: 0;
      position: relative;
      top: 60px;
    }
    
    
    .listado_pie li img {
      vertical-align: top;
      position: relative;
      width: 24px;
      margin-right: 16px;
      
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    
    .listado_home_tres li img {
      vertical-align: top;
      width: 128px;
      
      height: auto;
      aspect-ratio: 1/1 auto;
    }
    
    
    .listado_home_seis li a {
      color: #fff;
      background: #4F5054;
      margin: 2px;
      vertical-align: top;
      display: inline-block;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    
    
    
    .listado_pie li {
      font-size: 12px;
      margin-right: 0;
      color: #000;
      display: inline-block;
      margin-bottom: 20px;
      width: 100%;
    }
    
    .sector_izq {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    
    .sector_der {
      float: left;
      width: 100%;
    }
    
    .volver{
    	text-align: center;
    	padding: 20px;
    }
    
    .cont_izq {
      float: left;
      width: 100%;
      padding-top: 20px;
    }
    
    .datos_cont {
      font-size: 0;
      position: relative;
      line-height: 30px;
    }
    
    .cont_der {
      float: left;
      width: 100%;
      padding-top: 20px;
    }
    
    .campos li {
      font-size: 13px;
      width: 99%;
      margin-right: 1%;
      display: inline-block;
    }
    
    .campo_textareas {
      border: 2px solid #99AC75;
      font-family: Tahoma, sans-serif;
      width: 95%;
      padding: 2%;
      height: 200px;
      font-size: .9em;
    }
    
    .enviar {
      border: 0px solid #333;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: #99AC75;
      color: #fff;
      padding: 4%;
      font-family: Tahoma, sans-serif;
      float: right;
      cursor: pointer;
      width: 100%;
      margin-top: 20px;
    }
    
    .img_cont {
      text-align: center;
      margin: 0 auto;
      margin-bottom: 20px;
    }
    
    .cont_izq_bis {
      float: left;
      width: 100%;
      padding-top: 20px;
    }
    
    .cont_izq_bis img{
      width: 100%;
      vertical-align: top;
    }
    
    .cont_der_bis {
      float: left;
      width: 100%;
      padding-top: 0;
    }
    
    .campo_inputs {
      border: 2px solid #99AC75;
      font-family: Tahoma, sans-serif;
      width: 95%;
      padding: 2%;
      margin-bottom: 1%;
    }
    
    .campo_textareas_bis {
      border: 2px solid #99AC75;
      font-family: Tahoma, sans-serif;
      width: 95%;
      padding: 2%;
      height: 300px;
      font-size: .9em;
    }
    
    .solicitar{
    	margin-bottom: 20px;
    }
    
    .listado_tres li {
      font-size: 14px;
      width: 100%;
      display: inline-block;
      vertical-align: top;
      text-align: center;
    }
	
	.modulo_2025_in {
    width: 100%;
    margin: 0 auto;
}
	
	
.listado_home_2025 li {
        width: 100%; /* Un solo elemento por fila en móviles */
        margin-bottom: 20px; /* Espacio entre los elementos en móviles */
    }
	
	.ver_todos {
    text-align: center;
    margin-bottom: 30px;
}
    

    
    
      
          
    
}


/* @end */





.wasap_2021 {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
	background-color: green;
}

.wasap_2021 .logo_solo {
    width: 48px;
    position: fixed;
    bottom: 95px;
    right: 10px;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -moz-transition: opacity 0.4s, visibility 0.4s;
    -ms-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}


.wasap_2021 .logo_solo img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.wasap_2021 .logo_solo:hover {
	opacity: 0.8;
}

.caja{

	width: 400px;
	height: 300px;
	background: #fff;
	
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 0px 0px 10px #666;
	-ms-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;

	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0,400px,0);
  -moz-transform: translate3d(0,400px,0);
  -ms-transform: translate3d(0,400px,0);
  transform: translate3d(0,400px,0);
  -webkit-transition: -webkit-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-moz-transition: -moz-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-ms-transition: -ms-transform 0.4s,opacity 0.4s, visibility 0.4s;
	transition: transform 0.4s,opacity 0.4s, visibility 0.4s;

}


.up{
	background: #46d265;
	-moz-border-radius: 20px 20px 0px 0px;
	-ms-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
	height: 50px;
	width: auto;
	padding: 2%;
}


.izquierda {
    float: left;
    font-weight: bold;
}

.izquierda img{
	width: 32px;
	position: relative;
	top: 9px;
}

.cierra{
	display: inline-block;
	float: right;
	font-weight: bold;
	width: 32px;
	height: 32px;
	line-height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
	opacity: 0.6;
	position: relative;
	top: 10px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.cierra:hover{
	opacity:1;
	text-decoration: none!important;
}

.globo{
	text-align: left;
	width: 360px;
	margin-top: 10px;
}

.globo img{
	width: 80%;
}

.hola {
    position: relative;
    color: #666;
    line-height: 25px;
    left: 57px;
    bottom: 92px;
    font-size: 14px;
    font-weight: bold;
}

.enviar_a_wasap{
	float: right;
	-moz-border-radius: 10px ;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #46d265;
	width: 200px;
	height: 44px;
	position: relative;
	bottom: 25px;
	right: 15px;
	opacity: 1;
	
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.enviar_a_wasap:hover{
	opacity: 0.8;	
}

.enviar_a_wasap img {
    width: 24px;
    position: relative;
    top: 6px;
    left: 20px;
}

.abrir_chat {
    position: relative;
    top: 4px;
    color: #fff;
    font-weight: bold;
}

.popup-whatsup-active .wasap_2021 .logo_solo {
  opacity: 0;
  visibility: 0;
}
.popup-whatsup-active .wasap_2021 .caja {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

@media only screen 
and (min-width : 0px) 
and (max-width : 1023px){


.menu_movil{
	display: none;
}

.caja{

	width: 300px;
	height: 300px;
	background: #fff;
	
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 0px 0px 10px #666;
	-ms-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;

	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0,400px,0);
  -moz-transform: translate3d(0,400px,0);
  -ms-transform: translate3d(0,400px,0);
  transform: translate3d(0,400px,0);
  -webkit-transition: -webkit-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-moz-transition: -moz-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-ms-transition: -ms-transform 0.4s,opacity 0.4s, visibility 0.4s;
	transition: transform 0.4s,opacity 0.4s, visibility 0.4s;

}


		
}

/* ========================================
   PRESUPUESTO - CONTENIDO Y RESPONSIVE
   ======================================== */

.cont_der_bis_bis {
  display: flex;
  justify-content: center;     /* Centra horizontalmente */
  align-items: center;         /* Centra verticalmente */
  height: 50vh;               /* Ocupa toda la altura de la ventana */
  width: 45%;                 /* Ocupa todo el ancho disponible */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*background: #f5f5f5;*/
}
.cont_der_bis_bis p {
  margin: 0;
  color: #000;
  padding: 0;
  text-align: center;
  font-size: 1.1em;            /* Ajustable */
}

@media screen and (max-width: 768px) {
    .cont_der_bis_bis {
        height: 9vh;
        width: 100%;
        padding: 0 0px;
    }

  .cont_der_bis_bis p {
    font-size: 1em;            /* Ligero ajuste tipográfico */
    text-align: center;
    color: #000;
  }

/* ========================================
   CARTELERÍA - TÍTULOS
   ======================================== */

.carteleria_titulo::before {
  content: "- ";
  color: #000;
  font-weight: bold;
}


/* Tipografía de contenidos en móvil */
@media (max-width: 1024px) {
    .texto_14_movil p {
        font-size: 14px;
    }
}