@charset "utf-8";
/*
Theme Name: alcoiparticipa_v13
Theme URI:
Description: Design created by Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags:
*/
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;list-style:none; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: "Montserrat", system-ui; font-size:14px; }

body .hidden { display: none !important; }

.wrapper{ width: 100%; margin: 0; }

.txtgen{ font-size: 16px; line-height: 1.6; font-weight: 300; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 20px; }
.txtgen h1{ font-size: 150%; }
.txtgen h2{ font-size: 140%;  }
.txtgen h3{ font-size: 130%; }
.txtgen img { max-width: 100%; height: auto; }

.txtgen b{ font-weight:bold; }

/*
.txtgen a { color: #fff; background-color: #cd3236; padding: 2px 6px; margin: 0 5px; text-decoration: none; transition: opacity 0.3s;
	-webkit-box-decoration-break: clone; box-decoration-break: clone; display: inline; }
.txtgen a:hover { opacity: .6; }
.txtgen a:after { content: " →"; font-size: 14px; padding-left: 5px;pointer-events: none; }
*/
.txtgen a { color: #ffffff; background-image: linear-gradient(to bottom, #d14141, #c43333); background-color: #c43333; padding: 12px 40px 12px 20px; margin: 15px 5px; display: inline-block;
    text-decoration: none; border-radius: 4px; border: 1px solid rgba(0,0,0,0.15); position: relative; transition: all 0.2s ease-out; line-height: 1.2; font-weight: 700; 
    text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.txtgen a:hover { background-image: linear-gradient(to bottom, #b32a2a, #a32828); background-color: #a32828; box-shadow: 0 5px 10px rgba(0,0,0,0.15); transform: translateY(-1px); padding-left: 25px; }
.txtgen a:active { transform: translateY(1px); box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.txtgen a:after { content: "→"; font-size: 18px; font-weight: 400; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; }

.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen ul li, .txtgen ol li{ list-style:outside; margin-bottom:12px; }

.txtgen ol li { list-style:decimal; }
.txtgen ul li{ list-style:inside; }

.txtgen iframe { max-width: 100%; height: 300px; }


.txtgen table{ width: 100%; font-size: 14px; line-height: 1.5; margin-bottom: 40px; }

.txtgen table td, .txtgen table th{ padding: 10px; border: 1px solid #ccc; }
.txtgen table thead{ background-color: #f7f8f9; color: #000; font-weight: bold; }

.txtgen table tbody tr:nth-child(even) { background: #f7f8f9; }
.txtgen table tbody tr:nth-child(odd) { background: #fff; }


.transition{ transition: all .3s ease-in-out; }
.slowtransition{ transition: all .6s ease-in-out; }

.shadow{ -webkit-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }
.radius{ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #7f7f7f; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #7f7f7f; }
::-webkit-scrollbar-thumb:active { background: #000000; }
::-webkit-scrollbar-track { background: #f1f1f1; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #f1f1f1; }
::-webkit-scrollbar-track:active { background: #333333; }
::-webkit-scrollbar-corner { background: transparent; }

select{
    padding: .3125rem 3rem .3125rem 1rem;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.2%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right 1rem center;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #d8e2ef;
    color: #344040;
    background-size: 10px 12px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    outline:none;
}

.clear{ clear: both; }

.container{ width: 100%; max-width: 1200px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }

.crossed{ text-decoration: line-through; }


/* HEADER / MENU / SUBMENU -------------------- */
.header{ width: 100%; height: 70px; position: fixed; z-index: 999; background-color:#fff; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.05); }
	
	.header .container{ width: 100%; height: 70px; display:flex; align-items: center; justify-content: space-between; }

	.header_esq{ display:flex; align-items: center; }

		.logo{ }

		#main-nav { font-size: 11px; text-transform: uppercase; font-weight: 300; position: relative; margin-left:20px; }

			#main-nav ul { margin: 0; padding: 0; display: inline-flex; }
			#main-nav li { display: block; margin: 0; padding: 0; position: relative; cursor: pointer; word-wrap: break-word; }

			#main-nav li:before{ content: '|'; position: absolute; font-size: 13px; font-weight: bold; margin-top: -2px;}
			#main-nav li:first-child:before{ content: ''; }

			#main-nav li a { display: block; padding: 0 12px; color: #534650; font-weight:bold; }
			
			#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover, li.current-menu-parent >a{ color: #534650; }

	.header_dre{}	
		.lang{ font-size: 11px; font-weight: 700; float: right; margin: 0 10px 0 0; }
			.wpml-ls ul li a{ padding: 3px; transition: all .3s ease-in-out; }
			.wpml-ls ul li a:after{ content: ' - '; }
			.wpml-ls ul li:last-child a:after{ content: ''; }


.menu_movil_trigger{ display: none; }

.menu_mobile{ margin-top: 20px; }

	.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
	  font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

	.sidr .sidr-inner { padding: 0 0 15px; }

	.sidr.right { left: auto; right: -260px; }
	.sidr.left { left: -260px; right: auto; }

		.lang_mobile{ width: 140px; margin-top:20px; }

		.menu_mobile{ font-size: 12px; text-transform: uppercase; margin-top:15px; }
			.menu_mobile a{ color: #000; }
			.menu_mobile ul li{ padding: 10px 0; }
			.menu_mobile ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-weight: bold; }
			.menu_mobile ul li ul{ padding-left: 15px; font-size: 12px; margin-top: 7px; display: none; }
			.menu_mobile ul li ul li a{ border-bottom: none; font-weight: normal; }
			.menu_mobile ul li ul li a:after{ content: ''; }



.header_separa{ height:70px; }

@media only screen and (max-width: 900px) {
	#main-nav{ display:none; }
	.menu_movil_trigger{ display: block; }
	.lang{ display:none; }
}


/* HOME ============================================================================================================================================ */
.slider_home{ width:100%; height:55vh; position:relative; }
	
	.slider_home_back{ width:100%; height:100%; position:absolute; z-index:9; background-color:rgba(0,0,0,.4); /*background-color:rgba(234,35,16,.4);*/ pointer-events:none; }

	.slider_home_content{ width: calc(100% - 120px); position: absolute; z-index: 10; top: 50%;  left: 50%;  transform: translate(-50%, -50%); text-align:center; }
		.slider_home_title{ font-size:60px; font-weight:900; color:#fff; }

	.slider_home .swiper{ width: 100%; height: 100%; }

		.slider_home .swiper-slide{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
			.swiper-button-prev, .swiper-button-next { width: 40px !important; height: 40px !important;  }
			.swiper-button-prev, .swiper-button-next { --swiper-navigation-color: #FFFFFF; --swiper-navigation-size: 24px; }


@media only screen and (max-width: 768px) {
	.slider_home_title{ font-size:40px; }

	.swiper-button-prev, .swiper-button-next{ opacity:0; }
}

.wrapper{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; display:flex; flex-wrap: wrap; margin-top:-1px; }
.wrapper:last-child{ border-bottom:0px solid #ccc; }

	.col100{ width:100%; padding:30px 0; }

	.col33{ width:33.333%; border-right:1px solid #ccc; padding:30px 0; }
	.col66{ width:66.666%; padding:30px 0; }
	.col66_nopadding{ width:66.666%; }

	.col{ display:flex; }

		.deco, .deco_green, .deco_red, .deco_black{ width: 25px; height: 100px; }
		.deco{ background-color: #cd3236; }
		.deco_green{ background-color: #22b573; }
		.deco_red{ background-color: #c1272d; }
		.deco_black{ background-color: #000; }

		.col_content{ width: calc(100% - 25px); padding:0 40px; line-height:1.2; }
		.col_content_nopadding{ width: calc(100% - 25px); padding:0; line-height:1.2; }
		.col_content_full{ width: 100%; padding:0 20px; line-height:1.2; }

			.col_content_title{ font-size: 24px; font-weight: 900; margin-bottom: 20px; }
		


@media only screen and (max-width: 768px) {
	.wrapper{ display:block; }

		.col100{ padding:0; }

		.col33{ width:100%; border-bottom:1px solid #ccc; }
		.col66{ width:100%; }
		.col66_nopadding{ width:100%; }

		.deco, .deco_green, .deco_red{ width: 10px; height: 40px; }

		.col_content{ width: calc(100% - 10px); padding:0 20px; }
		.col_content_nopadding{ width: calc(100% - 10px); }
}


.destacat_home{ padding:0 30px; text-align:center; }
	.destacat_home img{ max-width:100%; height:auto; }

@media only screen and (max-width: 768px) {
	.destacat_home{ padding:0; text-align:center; }
}


.home_formulari{ font-size: 16px; line-height: 1.6; font-weight: 300; }
.home_formulari h3{ font-size: 24px; font-weight: 900; margin-bottom: 20px; line-height:1.2; }
.home_formulari p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 20px; }
.home_formulari a{ color:#000; text-decoration:underline; }


.home_arees{ width: 100%; display:flex; flex-wrap:wrap; justify-content: space-between; padding:40px; }

	.home_arees a{ width:49%; margin:10px 0; }

		.home_area{ width:100%; aspect-ratio: 1.73; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; 
			    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

			.home_area:hover .home_area_back_color{ opacity:.2; }
		
			.home_area_back_color{ position:absolute; z-index:1; width:100%; height:100%; opacity:.5; }
			.home_area_back{ position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0, 0, 0, .2); }

			.home_area_title{ position:absolute; z-index:3; width: 100%; padding:10px; text-align:center; top:50%; left:50%; transform: translate(-50%, -50%); 
				color:#fff; font-size:22px; font-weight:700; line-height:1.6; text-transform:uppercase; }
			.home_area_title span{ font-size:12px; }






@media only screen and (max-width: 1000px) {
	.home_arees{ padding:10px; }
		.home_arees a{ width:49%; }
}

@media only screen and (max-width: 650px) {
	.home_arees a{ width:100%; }
}



/* PRESSUPOSTOS PARTICIPATIUS ==================================================================================================================================================== */
.banner_proces{ border:1px solid #ccc; }
.banner_proces img{ width:100%; height:auto; }

.banner_content{ padding: 20px; width: 100%; }
	.banner_title{ font-size: 30px; font-weight: bold; color: #72626f; line-height: 1.2; }
		.banner_title h1{ font-weight:bold; }
		.banner_title h1 strong{ font-weight:bold; }

.banner_content_infancia{ background-color:#C4BA95; width:100%; padding:20px; display: flex; align-items: center; }

	.banner_title_infancia{ width: calc(100% - 51px); font-size: 30px; font-weight: bold; line-height: 1.2; color:#fff; }
		.banner_title_infancia h1{ font-weight:bold; }
		.banner_title_infancia h1 strong{ font-weight:bold; }

	.banner_icon_infancia{ width:51px; height:51px; background-image:url('images/child-outline.png'); margin-left:10px; }

	.banner_icon_mapa{ margin-left:10px; }


.stats_items{ margin:10px 0; display:flex; justify-content: space-between; flex-wrap:wrap; }

	.stats_item{ width:49%; margin:30px 0; background-color: #cd3236; color:#fff; font-size:40px; padding:30px 10px; text-align:center; font-weight:bold; display:flex; align-items: center; justify-content: center; }

		.stats_item_participants{ width:34px; align-items: center; margin-right:15px; }
		.stats_item_participants div{ width: 34px; height: 36px; background-image:url('images/formkit_people.png'); }
		
		.stats_item_vots{ width:41px; min-width: 41px; align-items: center; margin-right:15px; }
		.stats_item_vots div{ width: 41px; height: 41px; background-image:url('images/fluent_vote-20-regular.png'); }

		.stats_item span{ font-size:20px; font-weight:normal; padding-left:10px; }


@media only screen and (max-width: 768px) {
	.stats_item{ width:100%; margin:10px 0; }
}

.col_separa{ width:100%; border-bottom:1px solid #ccc; margin:10px 0 30px; }


/* < 2020 */
.mc_table{ }

	.mc_tr{ display: flex; margin:25px 0; }

		.mc_td_estat{ width: 100px; font-size: 16px; font-weight: 700; }
			.mc_td_deco{ position: absolute; width: 4px; height: 13px; margin-left: -15px; margin-top:3px; }
			.mc_tancat .mc_td_deco{ background-color: #c1272d; }
			.mc_obert .mc_td_deco{ background-color: #00a99d; }
			.mc_proxim .mc_td_deco{ background-color: #f7931e; }

		.mc_td_text{ width: calc(100% - 100px); font-size: 17px; color: #72626f; line-height: 1.3; }

			.mc_td_bt{ width: fit-content; font-size: 13px; color: #fff; font-weight: 700; text-align: center; margin-top:10px; }
				.bt_tancat, .bt_proxim{ background-color: #e6e6e6; padding: 12px; pointer-events: none; }
				.bt_obert{ background-color: #8c156c; padding: 12px; }

@media only screen and (max-width: 768px) {
	.mc_tr{ display: block; }
		.mc_td_text{ width: 100%; margin-top:10px; }
}




.fases_item{ border-top: 1px solid #dddbdd; }

	.fases_item_content{ padding: 40px 0; position: relative; width: 100%; display:flex; align-items: center; justify-content: space-between; }

		.fases_item_estat{ position: absolute; right: 0; top: 0px; font-size: 12px; font-weight: 700; }
			.fie_tancat{ color: #fff; background-color:#c1272d; padding:2px 11px; }
			.fie_obert{ color: #fff; background-color: #00a99d; padding:2px 11px; }
			.fie_espera{ color: #fff; background-color: #f7931e; padding:2px 11px; }

		.fases_item_esq{ display:flex; }
			.fases_item_title{ font-size: 18px; color: #72626f; font-weight: 700; margin: 2px 0 0 24px; }
		
		.fases_item_txt{ padding-bottom: 15px; position: relative; }






/* > 2020 */
.fases_cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 20px 0; }
.fases_cards_educacio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 20px 0; }

.fases_card { min-height: 320px; display: flex; flex-direction: column; }
.fases_card .flip-card { flex-grow: 1; }
.fase_card_top { width: 100%; padding: 10px; color: #fff; background-color: #cd3236; font-size: 40px; font-weight: 900; text-align: center; }

.flip-card { padding: 0; perspective: 1000px; cursor: pointer; display: block; position: relative; }
.flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }

.flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; display: grid; }

.flip-card-front, .flip-card-back { grid-area: 1 / 1; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; padding: 15px; }

.flip-card-front { position: relative; background-color: #f1f1f1; transform: rotateY(0deg); z-index: 2; }
.flip-card-front_inner { position: static; width: 100%; height: auto; }

.flip_card_head { position: relative; }
.flip_card_icon { position: absolute; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.flip_card_icon_0 { width: 44px; min-width: 44px; height: 44px; }
.flip_card_icon_1 { width: 41px; min-width: 41px; height: 41px; }
.flip_card_icon_2 { width: 35px; min-width: 35px; height: 35px; }
.flip_card_icon_3 { width: 35px; min-width: 35px; height: 35px; }
.flip_card_icon_4 { width: 35px; min-width: 35px; height: 35px; }
.flip_card_icon_5 { width: 35px; min-width: 35px; height: 35px; }

.flip_card_titol { font-size: 20px; font-weight: 900; text-transform: uppercase; color: #cd3236; padding-right: 60px; }
.flip_card_data { font-size: 16px; margin-top: 20px; font-style: italic; color: #cd3236; }

.flip-card-back { background-color: #f1f1f1; transform: rotateY(180deg); }

.txt_card { line-height: 1.3; font-size: 16px; color: #cd3236; }
.txt_card p, .txt_card ul { margin-bottom: 20px; } 
.txt_card a { text-decoration: underline; color: #cd3236; margin-bottom: 7px; }

/* === RESPONSIVE === */
@media only screen and (max-width: 925px) {
    .fases_cards { grid-template-columns: repeat(2, 1fr); }
    .fases_cards_educacio { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 768px) {
    .fases_cards { grid-template-columns: repeat(1, 1fr); }
    .fases_cards_educacio { grid-template-columns: repeat(1, 1fr); }
}

/* === LÒGICA DE CONTINGUT (HOVER I BLOQUEIG) === */

/* Targetes SENSE contingut: no tenen cursor, ni icona, ni poden girar mai */
.fases_card.sense-contingut .flip-card { cursor: default !important; }
.fases_card.sense-contingut .flip_card_more { display: none !important; }
.fases_card.sense-contingut .flip-card:hover .flip-card-inner,
.fases_card.sense-contingut .flip-card.is-flipped .flip-card-inner { transform: rotateY(0deg) !important; }

/* Targetes AMB contingut: activen el rollover a l'escriptori */
@media (hover: hover) and (pointer: fine) {
    .fases_card.te-contingut .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }
}

/* === ICONES DE NAVEGACIÓ === */
.flip_card_more { width: 23px; height: 23px; background-image: url('images/flip-more.png'); position: absolute; bottom: 15px; right: 15px; cursor: pointer; z-index: 10; }
.flip_card_less { width: 23px; height: 23px; background-image: url('images/flip-back.png'); position: absolute; bottom: 15px; right: 15px; cursor: pointer; z-index: 10; }

/* Modificacions en l'apartat de la data */
.flip_card_data { 
    font-size: 16px; 
    margin-top: 20px; 
    font-style: italic; 
    color: #cd3236; 
    display: flex;
    flex-direction: column; /* Posa el text i el badge en vertical perquè no s'amunteguen */
    gap: 6px; 
}

/* Quan la fase està tancada, atenuem la data original (subtil) */
.flip_card_data.fase-tancada .txt_data {
    color: #a8a8a8; /* Un gris suau que indica 'passat' sense ratllar */
}

/* El mini-badge estilós per a complaure el client sense carregar el disseny */
.badge_finalitzat {
    display: inline-block;
    align-self: flex-start; /* Evita que ocupe el 100% de l'ample */
    background-color: #e6e6e6; /* Fons gris molt net */
    color: #666666; /* Text fosc però suau */
    font-size: 11px;
    font-weight: bold;
    font-style: normal; /* Llevem l'itàlica per a contrastar */
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}



/* reglament */
.reglamento{ width:fit-content; margin:20px auto; background-color:#534650; padding:15px 60px; color:#fff; font-size:20px; font-weight:bold; text-transform:uppercase; }
.reglamento div{ display:flex; align-items: center; }
.reglamento svg{ width: 30px; min-width: 30px; height: 30px; margin-right:15px; }



/* actuaciones */
.home_ua_items{ padding-left: 15px; max-height:500px; overflow-y:scroll; overflow-x: hidden; position:relative; margin-bottom:30px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;  }
	
	.home_ua_item{ margin-bottom: 30px; }
		.home_ua_title{ font-size: 14px; font-weight: 700; margin-bottom: 7px; }
		.home_ua_deco{ position: absolute; width: 4px; height: 13px; margin-left: -15px; margin-top: 4px; }
		.home_ua_content{ line-height: 1.3; }
		.home_ua_content a:hover{ opacity: .6; }
		.home_ua_content a{ text-decoration: underline; }
		.home_ua_import{ line-height: 1.3; }

		.home_ua_item_realitzat, .home_ua_item_realitzat a{ color: #72626f; }
		.home_ua_item_pendent, .home_ua_item_pendent a{ color: #f7931e; }

		.home_ua_item_realitzat .home_ua_deco{ background-color: #72626f; }
		.home_ua_item_pendent .home_ua_deco{ background-color: #f7931e; }

		.home_ua_pendent{ font-weight: bold; font-style: italic; margin-top: 7px; font-size: 11px; background-color: #f7931e; color: #fff; padding:5px; }
		.home_ua_pendent span{ font-weight:normal; }


	.home_bt_actuacions{ display: inline-block; background-color: #72626f; color: #fff; font-size: 17px; color: #fff; font-weight: 700; padding: 13px 35px; }
	.home_bt_actuacions:hover{ opacity: .6; }


/* mapa */
.map{ height: 100%; margin: auto; width: 100%; position: relative; } 
	.map iframe{ width: 100%; height:100%; }
	#map{height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);}


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

	.map{ width:100%; aspect-ratio:1; }


	.home_processos_oberts, .home_processos_proxims, .home_processos_tancats{ padding: 0 20px 30px 40px; display: block; }

		.home_processos_oberts_title{ width: 100%; font-size: 30px; padding-top: 10px; }
		.home_processos_oberts_content{ width: 100%; padding-left: 15px; margin-top: 40px; }
	
	.home_ua_items{ padding-left: 15px; margin-top: 40px; }

		.home_bt_actuacions{ font-size: 13px; color: #fff; font-weight: 700; padding: 12px 30px; }
}


/* GLOBAL STATS */
.global_stats_items{ margin:20px auto 40px auto; display:flex; justify-content: space-between; flex-wrap:wrap; }

	.global_stats_item{ width:32%; margin:10px 0; background-color: #cd3236; color:#fff; padding:40px 10px; text-align:center; font-weight:bold; }
		.global_stats_num{ font-size:37px; margin-bottom:15px; }
		.global_stats_text{ font-size:20px; font-weight:normal; display: inline-block; line-height:1; }


@media only screen and (max-width: 1200px) {
	.global_stats_items{ margin:0 auto 40px auto; }
		.global_stats_item{ width:100%; margin: 7px 0; }

}

/* ARCHVIVE MENÚ PAGINES PROCESOS ================================================================================== */
.menu_opcions{ padding:20px; margin:40px auto 50px auto; }

.menu_desplega_item{ width: 100%; border-top: 1px solid #cd3236; color: #534650; font-size: 15px; font-weight: 700; }

	.menu_desplega_item:last-child{ border-bottom: 1px solid #cd3236; }

		.menu_desplega_item_txt{ color: #534650; padding: 17px 30px 17px 0; }
		.menu_desplega_item span{ float: right; margin-top: 15px; color: #534650; }

		.menu_desplega_item a:hover .menu_desplega_item_txt{ opacity: .6; }
		.menu_desplega_item a:hover span{ opacity: .6; margin-left: -15px; }

.menu_historic_current a div{ color:#cd3236; }



/* PROCESSOS ============================================================================================================================================================ */
.col_content_title_procesos{ width: 274px; font-size: 50px; font-weight: 700; line-height:1; }
	.oberts .col_content_title_procesos{ color: #22b573; }
	.tancats .col_content_title_procesos{ color: #c1272d; }

.home_obert_item, .home_proxim_item, .home_tancat_item{ margin-bottom: 25px; line-height: 1.3; }

	.home_obert_item .home_obert_item_title{ color: #22b573; }
	.home_proxim_item .home_obert_item_title{ color: #f7931e; }
	.home_tancat_item .home_obert_item_title{ color: #c1272d; }
	
	.home_obert_item a, .home_proxim_item a, .home_tancat_item a{ text-decoration: underline; }
	.home_obert_item a:hover, .home_proxim_item a:hover, .home_tancat_item a:hover{ opacity: .6; }

	.home_obert_item_postype{ font-size: 12px; font-weight: 700; color: #72626f; }
	
	.home_obert_item_deco{ width: 4px; height: 13px; position: absolute; margin-left: -15px; margin-top: 2px; }
		.home_obert_item .home_obert_item_deco{ background-color: #22b573; }
		.home_proxim_item .home_obert_item_deco{ background-color: #f7931e; }
		.home_tancat_item .home_obert_item_deco{ background-color: #c1272d; }
	
	.home_obert_item_data{ font-size: 15px; font-weight: 700; }
		.home_obert_item .home_obert_item_data, .home_obert_item .home_obert_item_data a{ color: #22b573; }
		.home_proxim_item .home_obert_item_data, .home_proxim_item .home_obert_item_data a{ color: #f7931e; }
		.home_tancat_item .home_obert_item_data, .home_tancat_item .home_obert_item_data a{ color: #c1272d; }

	.home_obert_item_title{ font-size: 15px; font-weight: 300; }
		.home_obert_item .home_obert_item_title a{ color: #22b573; }
		.home_proxim_item .home_obert_item_title a{ color: #f7931e; }
		.home_tancat_item .home_obert_item_title a{ color: #c1272d; }

	.home_obert_item_dates{ font-size:12px; margin-top:5px; font-style:italic; background-color:#f1f1f1; padding:5px; width:fit-content; }

	.home_obert_item_content{ font-size:14px; margin-top:15px; }
	.home_obert_item_content p{ margin-bottom:20px; }
	.home_obert_item_content p:last-child{ margin-bottom:0; }


/* PROCESSOS SINGLE */
.animat_item{ border-bottom: 1px solid #dddbdd; padding: 0 20px 0 45px; position: relative; }
.animat_item:last-child{ border-bottom: 0px solid #dddbdd; }

	.animat_item_content{ cursor: pointer; padding: 25px 0; position: relative; width: 100%; }
	.animat_item_content:hover{ opacity: .6; }

.fases_item_deco{ margin-top:4px; }
	.deco_on{ position: absolute; }
	.deco_off{ position: absolute; display: none; }

.processos_item_title{ font-size: 20px; color: #72626f; font-weight: 700; margin-left: 45px; margin-top: 3px; display:flex; }
.processos_item_title span{ font-size: 14px; font-weight: normal; color: #72626f; margin-top: 3px; }

.processos_estat{ /*position: absolute;*/ margin-left: 30px; }
		
	.ped_obert{ position: absolute; width: 4px; height: 13px; margin-left: -14px; background-color: #00a99d; }
	.ped_obert_txt{ font-size: 16px; font-weight: 700; color: #00a99d; }

	.ped_tancat{ position: absolute; width: 4px; height: 13px; margin-left: -14px; background-color: #c1272d; }
	.ped_tancat_txt{ font-size: 16px; font-weight: 700; color: #c1272d; }

	.ped_espera{ position: absolute; width: 4px; height: 13px; margin-left: -14px; background-color: #f7931e; }
	.ped_espera_txt{ font-size: 16px; font-weight: 700; color: #f7931e; }

@media only screen and (max-width: 768px) {
	.animat_item{ padding: 0 10px 0 15px; }

	.processos_item_title{ font-size: 17px;  margin-left: 35px; margin-top: 3px; }
	.processos_item_title span{ margin-top: 1px; }
}


.fases_item_txt_procesos{ padding-bottom: 15px; display: none; position: relative; }

.animat_down{ margin: 30px 0; }

	.animat_down:hover{ text-decoration: underline; }
		.animat_down a{ color: #8c156c; display:flex; align-items: center; }

		.animat_down_img{ }
		.animat_down_txt{ font-size: 14px; color: #8c156c; margin-left:10px; }




/* LLISTAT DE PROPOSTES ====================================================================================================================================== */
.llistat_propostes table{ width: 100%; font-size: 14px; line-height: 1.5; margin-bottom: 70px; }

.llistat_propostes table td, .llistat_propostes table th{ padding: 10px; border: 1px solid #ccc; }
.llistat_propostes table thead{ background-color: #f7f8f9; color: #000; font-weight: bold; }

.llistat_propostes table tbody tr:nth-child(even) { background: #f7f8f9; }
.llistat_propostes table tbody tr:nth-child(odd) { background: #fff; }

.llistat_propostes h2{ margin-bottom: 15px; font-size: 40px; color: #72626f; line-height: 1.2; font-weight: lighter; }

.llistat_propostes h3{ margin-bottom: 15px; font-size: 30px; color: #72626f; line-height: 1.2; font-weight: bold; }




/* ENQUESTA ================================================================================= */
.enq_item_data_single { margin-bottom: 15px; font-size: 14px; font-style: italic; color: #666; 
    font-weight: bold; 
}


.esq_externa_bt_accede, .esq_externa_bt_resultado { 
    background-color: #1abc9c; 
    display: inline-block; 
    color: #fff; 
    font-size: 14px; 
    text-transform: uppercase; 
    font-weight: bold; 
    text-align: center; 
    padding: 12px 30px; 
    border-radius: 4px;
    transition: background 0.3s ease;
}
.esq_externa_bt_accede:hover { background-color: #16a085; }




.esq_externa_bt_accede{ background-color: #1abc9c; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 12px 30px; }
.esq_externa_bt_resultado{ background-color: #1abc9c; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 12px 30px; }


/* BLOC DE DOCUMENTS ADJUNTS */
.enq_item_docs { margin-top: 25px; margin-bottom: 25px; display: flex; flex-wrap: wrap; gap: 12px; }
.enq_item_doc { padding: 0; width: fit-content; }
.enq_item_doc a { display: flex; align-items: center; background-color: #f8fafc; border: 1px solid #e2e8f0; color: #4a5568 !important; padding: 10px 16px; border-radius: 6px; font-size: 14px; 
	font-weight: 600; text-decoration: none !important; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
.enq_item_doc a .mdi { font-size: 18px; color: #72626f; margin-right: 10px; line-height: 1; }
.enq_item_doc a:hover { background-color: #fff; border-color: #6658dd; color: #6658dd !important; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(102, 88, 221, 0.1), 0 2px 4px -1px rgba(102, 88, 221, 0.06); }


.proposta_formulari_share{ padding: 30px 0; }
	.proposta_formulari_share_title{ font-size: 14px; font-weight: bolder; margin-bottom: 10px; margin-left:10px; }

	.proposta_formulari_share_bts{display: flex;}

	.share_voto{ display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 12px 30px; }
		.share_voto_url{ background-color: #f7b84b; }
		.share_voto_wapp{ background-color: #1abc9c; margin-left:5px; }
		.share_voto span{ font-size: 16px; }


.enq_participa { width: 100%; max-width: 1100px; margin: 30px auto 0 auto; border: 1px solid #e2e8f0; padding: 0; border-radius: 12px; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); background-color: #fff; overflow: hidden; }

	.enq_avis_maxim { background-color: #4fc6e1; padding: 18px 24px; font-weight: 700; line-height: 1; font-size: 14px; text-transform: uppercase; color: #fff; 
		display: flex; align-items: center; gap: 8px; letter-spacing: 0.5px; }

	.enq_avis_maxim span { font-size: 18px; }

	.enq_opcio { margin: 0; padding: 0; border-bottom: 1px solid #edf2f7; transition: background-color 0.2s ease; }
	.enq_opcio:hover { background-color: #f8fafc; }
	.enq_opcio:last-child{ border-bottom:1px solid #fff; }

	.enq_opcio_label_wrapper { display: block; width: 100%; padding: 24px; cursor: pointer; user-select: none; transition: background-color 0.2s ease; }
	.enq_opcio_label_wrapper:hover { background-color: #f8fafc;  }

	.enq_input_container { margin-right: 15px; display: flex; align-items: center; }
	.enq_text_container { flex: 1; }

	.enq_opcio_content { display: flex; align-items: flex-start; }
	.enq_opcio div { margin-right: 15px; }

	/* Estilitzat dels Inputs */
	.enq_opcio input[type="radio"], .enq_opcio input[type="checkbox"] { width: 22px; height: 22px; cursor: pointer; margin-top: 4px; accent-color: #6658dd; }

		.enq_opcio_title { font-size: 16px; font-weight: 700; color: #2d3748; cursor: pointer; }
		.enq_opcio_subtitle { cursor: pointer; margin-top: 6px; color: #718096; font-size: 14px; line-height: 1.4; }
		.enq_opcio_subtitle p { margin-bottom: 0; }

		/* ESTIL MODERN PER A LES BARRES DE RESULTATS */
		.enq_opcio_resultat { padding-left: 37px; margin: -10px 0 25px 0; }
		.enq_opcio_resultat_vots { font-size: 13px; font-weight: 700; color: #4a5568; margin-bottom: 6px; }


			/* La barra de fons ara és un gris molt clar i elegant */
			.enq_opcio_res_bar { width: 100%; height: 12px; background-color: #e2e8f0; position: relative; border: none; border-radius: 6px; overflow: hidden; }
			/* La barra de color totalment integrada per dins */
			.enq_opcio_res_bar_color { position: absolute; height: 100%; background-color: #6658dd; border-radius: 6px 0 0 6px; left: 0; top: 0; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

		/* BLOC DE FORMULARI TOTALMENT INTEGRET I SEPARAT */
		.proposta_formulari_form { padding: 35px 24px; width: 100%; max-width: 100%; margin: 0; background-color: #f8fafc; border-top: 1px solid #edf2f7; box-sizing: border-box; }

		.proposta_formulari_form .input_gen { max-width: 450px; margin: 0 auto; }

			.input_gen input[type='text'], .input_gen input[type='mail'], .input_gen input[type='tel'], .input_gen select, .input_gen textarea{ 
	    		width: 100%; border: none; border: 1px solid #ccc; padding: 10px; font-family: 'Montserrat', sans-serif; resize: none;
	        	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

			.input_gen p { font-size: 14px; font-weight: 600; color: #4a5568; padding-bottom: 8px; }		
		
			.input_gen input[type='text'] { width: 100%; border: 1px solid #cbd5e1; padding: 12px; font-family: 'Montserrat', sans-serif;  box-sizing: border-box; border-radius: 6px;  font-size: 15px; 
				transition: border-color 0.2s; }

			.input_gen input[type='text']:focus { border-color: #6658dd; outline: none; box-shadow: 0 0 0 3px rgba(102, 88, 221, 0.15); }

			/* El botó de participar és el rei de l'acció */
			.votar_consulta { padding: 14px; background-color: #22b573; color: #fff; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; margin: 25px auto 0 auto; position: relative; 
			    max-width: 450px; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(34, 181, 115, 0.2); transition: background-color 0.2s, transform 0.1s; }
			.votar_consulta:hover { background-color: #1da365; }
			.votar_consulta:active { transform: scale(0.98); }

			.btenviar_loader { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }

			.acepto { margin-top: 15px; text-align: center; font-size: 14px; color: #64748b; }
			.acepto input { width: 16px; height: 16px; vertical-align: middle; margin-right: 6px; }
			.acepto label { cursor: pointer; }
			.acepto a { color: #6658dd; text-decoration: underline; font-weight: 500; }

			/* Botó de tornar fora del requadre blanc */
			.btvolver { width: fit-content; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 12px 30px; border-radius: 6px; }
			.volver_consulta { background-color: #718096; margin: 20px auto 0 auto; transition: background 0.2s; }
			.volver_consulta:hover { background-color: #4a5568; }

			.btenviar_loader{ display: none; position:absolute; right:10px; margin-top:-6px; }
				.btenviar_loader img{ width:30px; height:30px; }

/* Àrea de Compartir */
.proposta_formulari_share { padding: 30px 10px; }
.proposta_formulari_share_title { font-size: 14px; font-weight: 700; color: #4a5568; margin-bottom: 12px; }
.proposta_formulari_share_bts { display: flex; gap: 10px; }
.share_voto { padding: 12px 24px; border-radius: 6px; transition: opacity 0.2s; }
.share_voto:hover { opacity: 0.9; }
.share_voto_wapp { margin-left: 0; }



/* DEBAT ================================================================================================================================================================= */
.debat_card_item:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.02); border-color: #cbd5e1; }
.debat_card_title_zone h3 a:hover { color: #22b573 !important; }

.white-popup { background: #fff; padding: 35px; max-width: 420px; margin: 40px auto; border-radius: 12px; position: relative; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.popup_login_title { font-size: 20px; font-weight: 700; color: #2d3748; margin-bottom: 24px; text-align: center; line-height: 1.3; }
.form_gen { margin-bottom: 18px; }
.form_gen p { font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.form_gen input[type="text"], .form_gen input[type="password"], .form_gen input[type="email"] { width: 100%; border: 1px solid #cbd5e1; padding: 12px; 
	font-family: 'Montserrat', sans-serif; box-sizing: border-box; border-radius: 6px; font-size: 15px; background-color: #f8fafc; transition: all 0.2s ease; }
.form_gen input:focus { border-color: #6658dd; background-color: #fff; outline: none; box-shadow: 0 0 0 3px rgba(102, 88, 221, 0.15); }
.form_login_pass { font-size: 13px; color: #718096; margin-bottom: 24px; text-align: right; }
.form_login_pass a { color: #6658dd; text-decoration: none; font-weight: 600; }
.form_login_pass a:hover { text-decoration: underline; }
.form_login_bt { background-color: #22b573; color: #fff; padding: 14px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 6px; cursor: pointer; 
	box-shadow: 0 4px 6px -1px rgba(34, 181, 115, 0.2); transition: background-color 0.2s, transform 0.1s; }
.form_login_bt:hover { background-color: #1da365; }
.form_login_bt:active { transform: scale(0.98); }
#bt_registre { background-color: #6658dd; box-shadow: 0 4px 6px -1px rgba(102, 88, 221, 0.2); }
#bt_registre:hover { background-color: #5446ca; }
.form_login_crear_cuenta { font-size: 14px; text-align: center; margin-top: 24px; color: #718096; }
.form_login_crear_cuenta a { color: #6658dd; font-weight: 700; text-decoration: none; }
.form_login_crear_cuenta a:hover { text-decoration: underline; }
.form_login_explain { font-size: 11px; color: #a0aec0; margin-top: 15px; text-align: center; line-height: 1.4; }
.popup_login_registre_back { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font-size: 13px; font-weight: 700; color: #718096; margin-bottom: 15px; transition: color 0.2s; }
.popup_login_registre_back:hover { color: #2d3748; }
.popup_login_registre_back .mdi { font-size: 16px; }
/* DEBAT SINGLE ====================================================================================================================================================== */
.debat_opinion { width: 100%; box-sizing: border-box; }
.debat_btn_vot { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 10px; font-size: 14px; font-weight: 700; border-radius: 6px; 
	border: 1px solid #cbd5e1; background-color: #ffffff; color: #475569; cursor: pointer; transition: all 0.2s ease; user-select: none; }
.debat_btn_vot .mdi { font-size: 16px; }
.debat_like_registred:hover, .debat_like_unregistred:hover { border-color: #22b573; background-color: #f0fdf4; color: #22b573; }
.debat_unlike_registred:hover, .debat_unlike_unregistred:hover { border-color: #cd3236; background-color: #fdf2f2; color: #cd3236; }
.debat_like_ok { background-color: #22b573 !important; border-color: #22b573 !important; color: #ffffff !important; box-shadow: 0 4px 6px -1px rgba(34, 181, 115, 0.2); }
.debat_unlike_ok { background-color: #cd3236 !important; border-color: #cd3236 !important; color: #ffffff !important; box-shadow: 0 4px 6px -1px rgba(205, 50, 54, 0.2); }
.debat_like_ko, .debat_unlike_ko { background-color: #f8fafc; border-color: #e2e8f0; color: #94a3b8; opacity: 0.65; cursor: pointer; transition: all 0.2s ease; }
.debat_like_ko:hover { border-color: #22b573; background-color: #f0fdf4; color: #22b573; opacity: 1; }
.debat_unlike_ko:hover { border-color: #cd3236; background-color: #fdf2f2; color: #cd3236; opacity: 1; }



.enq_pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 40px; margin-bottom: 30px; width: 100%; user-select: none; }
.enq_page { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #475569; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; font-weight: 700; font-size: 14px; transition: all 0.2s ease; cursor: pointer; box-sizing: border-box; }
.enq_page:hover { border-color: #6658dd; color: #6658dd; background-color: #f5f3ff; }
.enq_page_active { background-color: #6658dd !important; border-color: #6658dd !important; color: #ffffff !important; box-shadow: 0 4px 6px -1px rgba(102, 88, 221, 0.25); }
.enq_pagination_prev, .enq_pagination_next { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; color: #475569; font-size: 18px; transition: all 0.2s ease; cursor: pointer; box-sizing: border-box; }
.enq_pagination_prev:hover, .enq_pagination_next:hover { border-color: #6658dd; color: #6658dd; background-color: #f5f3ff; }



.blur{ filter: blur(4px); webkit-user-select: none; -ms-user-select: none; user-select: none; }



/* ACTUACIONS =========================================================================================================================================================== */
.actuacions_list_title_content{ width: 100%; padding: 20px 0; }

	.actuacions_list_title{ font-weight: 900; font-size: 40px; color: #72626f; }

.actuacions_list{ height: 600px; max-height: 600px; }

	.actuacions_selector{ width: 100%; height: 60px; background-color: #fff; }
		.actuacions_selector_inner{ width: 200px; margin: 0; }
		#select_any{ width: 200px; padding: 8px; border: none; border: 1px solid #dddbdd; }

	.actuacions_content{ width: 100%; height: 540px; overflow: hidden; position: relative; padding: 15px; }

.actuacions_list_map{ height: 600px; max-height: 600px; overflow: hidden; }




/* FOOTER ================================================================================================================================================================ */
.footer_contacta{ text-align:center; background-color:#534650; padding:25px 10px; color:#fff; font-size:14px; font-weight: bold; }
.footer_contacta p{ margin-bottom:10px; }
.footer_contacta a{ color:#fff; text-decoration:underline; }

.footer{ width: 100%; background-color: #72626f; position: relative; padding-bottom: 20px; }

	.footer_col1{ float: left; padding: 50px 0 0 40px; width: 25%; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; }
		.footer_col1 img{  }
		.footer_col1_deco{ margin-left: -40px; margin-top: 5px; width: 34px; height: 25px; background-image: url('images/deco.png'); }

	.footer_col2{ float: left; padding: 50px 0 0 80px; color: #fff; font-size: 14px; line-height: 1.4; width:25% }
	
	.footer_col3{ float: left; padding: 50px 0 0 50px; color: #fff; font-size: 14px; line-height: 1.4; width:25% }

	.footer_col4{ float:left; padding: 50px 0 0 80px; color: #fff; font-size: 14px; line-height: 1.4; width:25%; display:flex; align-items: center; }
		.footer_col4 a{ margin-left:10px; }

	.footer a{ color: #fff; }
	.footer a:hover{ text-decoration: underline; }
	.footer p, .footer li{ margin-bottom:10px; }


@media only screen and (max-width: 1200px) {
	
	.footer{ height: auto; position: relative; }
		.footer_col1{ float: none; padding: 20px 0 0 40px; width: 100%; }
		.footer_col2{ float: none; padding: 20px 0 0 40px; font-size: 14px; margin-top: 20px; width: 100%; }
		.footer_col3{ float: none; padding: 20px 0 0 40px; font-size: 14px; line-height: 1.4; padding-bottom: 15px; width: 100%; }
		.footer_col4{ float: none; padding: 20px 0 0 40px; font-size: 14px; line-height: 1.4; padding-bottom: 15px; width: 100%; }

}


.footer_link_web{ font-size:12px; font-weight:normal; }

/* MOVIL ------------------------------------------------------------- */
@media only screen and (max-width: 763px) {
}


/* TEXTOS LEGALS ====================================================================================== */
.legal{ margin:100px 0; }
.title_legal{ font-size:30px; font-weight:bold; margin-bottom:40px; }



/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }