/* 
Theme Name: Tema para Sican
Theme URI: http://www.themesican.com 
Description: Tema para Sican
Author: Viavox
Author URI: http://www.ThemeSican.com 
Version: 1.0
Template: themeSodercan
*/ 

@import url("../themeSodercan/style.css");

body{
	font-family: "DM Sans", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px !important;
	color: #485158;
}

body h1,h2.h3,h4 {
	font-family: "Space Grotesk", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
   }

.separador-sican{
	width: 50px;
	margin: 30px 0 30px;
}


/* SECCION DE NOTICIAS */
#noticias-default .titulo a strong{font-size: 20px; color: #ee5675;}

/* #noticias-default .destacado .img-destacada{float:left;width:14%; border: 1px solid #BEBEBE; margin: 5px; padding: 2px;} */

#noticias-default .img-destacada {
	width: 100%;
	/*height: auto;*/
  height: 300px;
	object-fit: cover;
	margin: 5px 30px 15px 0;
	border: none !important;
	padding: 2px;
	border-radius: 20px;
	max-height: 340px;
}

@media(min-width:360px)and(max-width:600px){
	
	#noticias-default .img-destacada {
		width: 100%;
		height: 230px;
		object-fit: cover;
		margin: 5px 30px 15px 0;
		border: none !important;
		padding: 2px;
		border-radius: 20px;
	}

}

.bloque_listado_eventos .subtitulo span {
	background-color: #702b42;
	color: #fff;
	padding: 5px 10px;
	border-radius: 20px;
  }

  #main-area #main a {
	color: #12423f;
	/* font-weight: bold; */
	font-family: inherit;
	text-decoration: none;
	font-size: 14px;
  }

  #noticias-default .titulo a strong {
	font-size: 20px;
	color: #ee5675;
  }

  #pie-noticia {
	/* width: 43rem; */
	margin-bottom: 40px;
  }

  .bloque_listado_eventos {
	display: flex;
	flex-direction: column;
	padding: 15px;
	align-items: center;
  }

  .boton-home {
	margin-top: 10px;
	background: #ee5675;
	color: #702b42 !important;
	border: none;
	border-radius: 30px;
	padding: 4px 18px;
}
/*  */


/*------------------------------------------------*/
/*--------------------[HEADER]--------------------*/
/*------------------------------------------------*/
	header { background:#702b42 !important; }
/* 
	.vx-menu-wrapper{
		background-color: #ee5675; 
		width: 100%; 
		height: auto; 
		padding: 20px;
	} */
	
	.navbar-toggle .icon-bar{
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 1px;
		background-color: white;
	}

	.menu-header .menu-nav{
		background-color: #ee5675;
		padding: 15px;
		width: 100% !important;
		height: auto;
	}

	.boton-sican{
		background-color: #ee5675;
		color: #702b42;
		border-radius: 25px;
		border: none;
		font-weight: 500;
		padding: 3px 17px;
		font-size: 12pt;
	}

	.redes_sociales {
		display: flex;
		/* gap: 6px; */
		/* margin: 0 0 0 30px; */
	}

	.redes_sociales img{
		width: 30px;
	}
	
	.content-header{
		display: flex;
	}

	.links-header{
		display: flex;
		gap: 5px;
	}

	.enlaces-header{
		display: flex;
		align-items: center;
	}

	.search-form {
		background-color: #FFFFFF;
		padding: 0px 50px;
		margin: 0 94px 10px 0;
		border-radius: 25px;
	}
	.search-form input {
		font-size: 18px;
		border: none;
	}
	.search-form ::placeholder{
		color: #ee5675;
	}

	.boton-lupa{
		border:none;
		background: #fff;
		font-size: 21px;
		margin-left: 65px;
	}
	
	.boton-lupa i {
		color: #ee5675;
		background-color: transparent;	
	}

	.seccion_buscador{
		margin: 0 0 0 auto;
	}
	
	@media(min-width: 810px) and (max-width: 1000px){
	
		.boton-lupa {
			margin-left: 13px;
		}
		
		.redes_sociales{
			margin: 0 0 0 10px;
		}

		.search-form{
			margin: 0 0px 10px 0;
		}

		.links-header{
			gap: 10px;
		}

	}
	
	@media (min-width: 430px) and (max-width: 810px){
	
		.boton-lupa {
			margin-left: 84px;
		}
		
		.redes_sociales{
			margin: 0 0 0 10px;
		}

		.links-header{
			gap: 10px;
		}

		.content-header{
			display: flex;
			flex-direction: column;
		}
		
		.search-form{
			padding: 0px 20px;
			margin: 0 4px 10px 0;
		}

		.primer-bloque{
			margin: 0 0 0 60px;
		}

		.segundo-bloque{
			margin: 0 0 0 60px;
		}
	}
	
	
	@media(min-width: 430px) and (max-width: 589px){
		
		.boton-lupa {
			margin-left: 58px;
		}
		
		.redes_sociales{
			margin: 0 0 0 0;
		}

		.links-header{
			gap: 4px;
		}

		.content-header{
			display: flex;
			flex-direction: column;
		}
		
		.search-form{
			padding: 0px 20px;
			margin: 0 0px 10px 0;
		}

		.seccion_buscador{
			margin: 0 0 0 0;
		}
	
	}
	@media(min-width: 360px) and (max-width: 429px){
		
		.boton-lupa {
			margin-left: -41px;
		}

		.enlaces-header{
			display: flex;
			align-items: center;
			flex-direction: column;
			gap: 10px;
			margin: 0 80px 0 0;
		}
		
		.redes_sociales{
			margin: 0 0 0 0;
		}

		.links-header{
			gap: 4px;
		}

		.content-header{
			display: flex;
			flex-direction: column;
		}
		
		.search-form{
			padding: 0px 23px;
			margin: 0 94px 10px 10px;
		}

		.seccion_buscador{
			margin: 0 0 0 80px;
		}
	
	}
	
/*------------------------------------------------*/
/*-------------------[MAIN AREA]------------------*/
/*------------------------------------------------*/
	/* #main-area,#primary {
		background: rgba(145,51,56,1);
		background: -moz-linear-gradient(top, rgba(145,51,56,1) 0%, rgba(145,51,56,1) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,51,56,1)), color-stop(5%, rgba(145,51,56,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(145,51,56,1) 0%, rgba(145,51,56,1) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(145,51,56,1) 0%, rgba(145,51,56,1) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(145,51,56,1) 0%, rgba(145,51,56,1) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(145,51,56,1) 0%, rgba(145,51,56,1) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#913338', endColorstr='#ffffff', GradientType=0 );
	} */
	#main{ background:#ffffff }

/*
*	SIDERBAR
*/

.sidebar-general{
	display: flex;
	flex-direction: column;
}

.sidebar-comercial{
	background-color: #f4ebe0;
	border-radius: 25px;
	margin: 100px 0 20px 100px;
	padding: 20px;
	width: 26.5rem;
	height: 35rem;
}
.sidebar-administrativo{
	background-color: #f4ebe0;
	border-radius: 25px;
	margin: 20px 0 100px 100px;
	padding: 20px;
	width: 26.5rem;
	height: 26rem;
}

@media(min-width:1700px) and (max-width:2000px){

	.sidebar-comercial{
		margin: 100px 0 20px 100px;
	}
	.sidebar-administrativo{
		margin: 20px 0 20px 100px;
	}
	

}

.sidebar-comercial h3{
    margin: 0px 0 15px 0;
    color: #702b42;
    font-weight: bold;
    font-size: 12pt;
	text-align: center;
}

.sidebar-comercial img{
	width: 225px;
	margin-bottom: 12px;
}
.sidebar-administrativo h3{
    margin: 0px 0 15px 0px;
    color: #702b42;
    font-weight: bold;
    font-size: 12pt;
	text-align: center;
}

.sidebar-administrativo img{
	width: 225px;
	margin-bottom: 12px;
}

/*------------------------------------------------*/
/*-------------------[MENU PRINCIPAL]-------------*/
/*------------------------------------------------*/

.cabecera-sican{
    width: 100%;
    height: auto;
}

.degradado-limon{
    position: absolute;
    top: 0; 
    right: 0; 
    z-index: 3; 
    width: 400px; 
    height: auto;
}
@media(min-width: 810px) and (max-width: 1000px){
	.degradado-limon{
		position: absolute;
		top: 0; 
		right: 0; 
		z-index: 3; 
		width: 230px; 
		height: auto;
	}

	
}

@media (min-width: 430px) and (max-width: 810px){
	.degradado-limon{
		position: absolute;
		top: 0; 
		right: 0; 
		z-index: 3; 
		width: 180px; 
		height: auto;
	}

	
}

@media(min-width: 360px) and (max-width: 430px){
	.degradado-limon{
		position: absolute;
		top: 0; 
		right: 0; 
		z-index: 3; 
		width: 90px; 
		height: auto;
	}
	
	
}
.strong-sican{
    color: #702b42;
    font-weight: 700;
}

/* BLOQUE PRINCIPAL DEL HOME  */

.texto-home{
    margin: 100px 40px 100px 0;
}

.strong-sican-home{
    color: #ee5675;
}

.objetivos-sican{
    text-align: left;
    width: 33rem;
}

.primer-bloque{
    margin: 60px 0 0 0;
    font-size: 11pt;
}

.segundo-bloque{
    margin: 30px 0 80px 0;
    font-size: 11pt;
}

.tanos-viernoles{
    width: 93rem;
    height: auto;
    border-radius: 15px;
}

/*  */

/* AJUSTES DEÑ CONTENIDO HOME  */

@media(min-width: 810px) and (max-width: 1000px){
	
	.primer-bloque{
		margin: 20px 0 0 20px;
		display: flex;
	}

	.segundo-bloque{
		margin: 30px 0 59px 20px;
		display: flex;
	}

	.sidebar-comercial{
		margin: 100px 0 20px 190px;
	}
	.sidebar-administrativo{
		margin: 20px 0 100px 190px;
	}
	
}

@media (min-width: 590px) and (max-width: 810px){

	.primer-bloque{
		margin: 20px 0 0 20px;
		display: flex;
	}

	.segundo-bloque{
		margin: 30px 0 59px 20px;
		display: flex;
	}

	.sidebar-comercial{
		margin: 100px 0 20px 190px;
	}
	.sidebar-administrativo{
		margin: 20px 0 100px 190px;
	}
}


@media(min-width: 464px) and (max-width: 589px){

	.primer-bloque{
		margin: 20px 0 0 80px;
		display: flex;
		flex-direction: column;
	}

	.segundo-bloque{
		margin: 30px 0 59px 80px;
		display: flex;
		flex-direction: column;

	}

	.sidebar-comercial{
		margin: 100px 0 20px 65px;
	}
	.sidebar-administrativo{
		margin: 20px 0 100px 65px;
	}

}
@media(min-width: 360px) and (max-width: 464px){

	.primer-bloque{
		margin: 20px 0 0 30px;
		display: flex;
		flex-direction: column;
	}

	.segundo-bloque{
		margin: 30px 0 59px 30px;
		display: flex;
		flex-direction: column;

	}

	.sidebar-comercial{
		margin: 100px 0 20px 35px;
	}
	.sidebar-administrativo{
		margin: 20px 0 100px 35px;
	}

}

/*  */

/*---------------------------------------------------------*/
/*-------------------[POLITICA Y GESTIÓN]------------------*/
/*---------------------------------------------------------*/

#politica-gestion .bloque-general-politica h2{
    color: #ee5675;
}

#politica-gestion .bloque-general-politica p{
    width: 14rem;
}

#politica-gestion .valores-sican{
    gap: 20px;
	margin-bottom: 50px; 
	display:flex
}

#politica-gestion .valores-sican h2{
    font-weight: bold;
}

#politica-gestion .valores-sican p{
    width: 27rem;
}

@media(min-width:560px) and (max-width:830px){

	.valores-sican{
		flex-direction: column;
		margin: 0 0 0 220px;
	}
}
@media(min-width:501px) and (max-width:559px){

	.valores-sican{
		flex-direction: column;
		margin: 0 0 0 90px;
	}
}
@media(min-width:360px) and (max-width:500px){

	.valores-sican{
		flex-direction: column;
		margin: 0 0 0 40px;
	}
}

/* SEGUNGA SECCION DE POLITICA Y GESTIÓN */

#politica-gestion .segunda-seccion{
	margin: 60px 0 60px 0;
}

#politica-gestion .bloque-general{
	display: flex;
	gap: 40px;
	margin-top: 30px;
}

#politica-gestion .bloque-general p{
	width: 100%;
}

#politica-gestion .bloque-sican-izq{
	display: flex;
	flex-direction: column;
}
#politica-gestion .bloque-sican-der{
	display: flex;
	flex-direction: column;
}

/*  */

/*--------------------------------------------------------------------------------*/
/*-------------------[FORMULARIO ACTUACIONES Y COMERCIALIZACION]------------------*/
/*--------------------------------------------------------------------------------*/

#en-comercializacion .seccion-formulario{
	background-color: #ee5675;
	width: 100%;
	height: 50rem;
	padding: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center ;
	margin: 100px 0 0 0;
}

#en-comercializacion .seccion-formulario h1{
	color: #702b42;
	font-weight: bold;
	font-size: 20pt;
}

#en-comercializacion .seccion-formulario p{
	text-align: center;
	color: #fff;
	width: 49rem;
	margin: 40px 0 50px 0;
}

#en-comercializacion .boton-sican{
	background-color: #702b42;
	color: #fff;
	border-radius: 25px;
	border: none;
	font-weight: 500;
	padding: 3px 17px;
	font-size: 12pt;
}
#en-comercializacion .boton-sican:hover{
	background-color: #63263b;
	color: #fff;
	border-radius: 25px;
	border: none;
	font-weight: 500;
	padding: 3px 17px;
	font-size: 12pt;
}

/*  */


#mega-menu-wrap-main #mega-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a { line-height: 14px !important; font-weight: normal; width:300px; }
/* #mega-menu-wrap-main ul#mega-menu-main li.mega-menu-item a:hover{ font-size: 12px !important; } */



/*
*	PAGE_SICAN
*/
#titulo-estructura h1{ color:#913338 !important; }
#main-area #main a { color:#913338;
	/* font-weight:bold;  */
	/* text-decoration: underline; */
 }
div#imagen_cabecera{ height: 60px; background: url("images/cab-sican.gif") !important; padding: 0px !important;}
hr{ border-top: 1px solid #913338; }
/* div.contenido ul li, main.site-main ul.nav_webmap li ul.children li{ margin-left: 35px; margin-bottom: 5px; vertical-align: middle;} */
div.contenido .sharedaddy ul li { background:none; margin:0; padding: 0; }

/*
*	FORMULARIO DE CONTACTO
*/

#wpcf7-f416-p143-o1 p label{width: 100px;}
#wpcf7-f416-p143-o1 p input{padding: 5px;}

#noticias-default .titulo a strong{font-size: 16px;  }
#noticias-default .destacado a p, #noticias-default .destacado a{color: black !important;text-decoration: none !important;}
#noticias-default .destacado .img-destacada{float:left;width:14%; border: 1px solid #BEBEBE; margin: 5px; padding: 2px;}

.extracto .sharedaddy{display: none;}

/*------------------------------------------------*/
/*-------------------[FOOTER]---------------------*/
/*------------------------------------------------*/

.footer-sican{
	background-color: #702b42;
	width: 100%;
	height: auto;
}

@media(min-width: 360px) and (max-width: 464px){

	.footer-space{
		padding: 30px !important;
		margin: 0 !important;
	}

}



/*  */

/* ESTILOS PARA LAS TABLAS DE LOS POLIGONOS  */

.su-tabs-nav span{
	display: inline-block !important;
	margin-right: 3px !important;
	padding: 15px 32px !important;
	font-size: 15px !important;
	min-height: 12px !important;
	line-height: 20px !important;
	transition: all .2s !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-family: "Space Grotesk", sans-serif !important;
	margin: 20px 20px 0 20px;
}

@media(min-width:1204)and(max-width:1590){

	.su-tabs-nav span {
		font-size: 12px;
		margin: 20px 0px 0 0px;
	  }

}

/*  */

/* TEXTOS DE CARACTERISTICAS */

	.header-info-poligono{
		margin: 0 0 0 20px;
	}

	.caracteristicas-titulo{
		font-size: 30px !important;
		font-weight: bold !important;
		color: #ee5675;
		font-family: "Space Grotesk", sans-serif !important;
	}

	.caracteristicas-info{
		display: flex;
		flex-wrap: wrap;
		margin: 30px 0 0 40px;
		gap: 55px;
	}


	.distancias-title{
		color: #ee5675; 
		margin: 30px 60px 110px 70px; 
		font-weight: bold;
	}

	.distancias-info{
		display: flex;
		flex-wrap: wrap;
		gap: 100px;
		margin:20px 0 50px 40px;
	}

	.caracteristicas-info .poligono-seccion {
		display: flex;
		flex-direction: column;		
	}

	.bloque-triple{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.img-distancias{
		width: 100px; 
		margin: 50px 0 50px 20px;
	}

	/* .características-info ul {
		font-family: "DM Sans", sans-serif !important;
		font-size: 17px;
		color: #702b42;		
	}

	.parcelas-seccion li{
		font-family: "DM Sans", sans-serif !important;
		font-size: 16px;
		color: #485158;
	}
	.otras-seccion li{
		font-family: "DM Sans", sans-serif !important;
		font-size: 16px;
		color: #485158;
	} */

	#wp-content p{
		color: #485158;
		font-size: 14px;
		font-family: "DM Sans", sans-serif !important;
	}
	#wp-content li{
		color: #485158;
		font-size: 14px;
		font-family: "DM Sans", sans-serif !important;
	}
	#wp-content ul{
		font-family: "DM Sans", sans-serif !important;
		font-size: 12px;
		color: #702b42;
	}
 
 /* Creamos los estilos para los botones tanto de perfil contratante como para portal transpariencia*/ 
 .boton-con-trans {
  display: inline-block;
  padding: 0.75em 1.5em;
  background-color: #ee5675;
  color: #702b42 !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}



/*  */