@charset "utf-8";
/*
Theme Name: guanyaralcoi.com v04
Theme URI:
Description: Creat per 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;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size:14px; }

body .hidden { display: none !important; }

.serif{ font-family: "Playfair Display", serif; }

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

.txtgen{ font-size: 17px; line-height: 1.6; font-weight: 300; }

.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 30px; }
.txtgen p:last-child{ margin-bottom:0; }

.txtgen h1{ font-size: 200%; color:#E7143A; }
.txtgen h2{ font-size: 130%;  }
.txtgen h3{ font-size: 100%; }
.txtgen h4, .txtgen h5, .txtgen h6, .txtgen h7, .txtgen h8{ font-size: 100%; font-weight:300; margin-bottom:20px; }

.txtgen strong{ font-weight:700; }

.txtgen img { max-width: 100%; height: auto; margin-top:30px; margin-bottom:30px; }
.txtgen a{ color: #E4003F; text-decoration: underline; }
.txtgen a:hover{ text-decoration: underline; }
.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; margin:15px 0; }
/*.txtgen iframe { max-width: 100%; height: 300px; }*/

.transition{ transition: all .3s 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; }

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: 1400px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }
.container_mini{ width: 100%; max-width: 1200px; min-width: 320px; margin: 40px auto; padding: 0 10px; position: relative; }
.container_noticies{ width: 100%; max-width: 764px; min-width: 320px; margin: 40px auto; padding: 0 10px; position: relative; }


/* HEADER ====================================================================================================================================================================================  */
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

	.header_container{ display: flex; justify-content: space-between; align-items: center; width: 100%; }

		.logo{ padding:20px; }
			.logo img { transition: all 0.3s ease; height: auto; }
		
		.header_menu { display: flex; flex-direction: column; align-items: flex-end; }

			#top-nav { width: 100%; display: flex; justify-content: flex-end; transition: transform 0.3s ease, opacity 0.3s ease; overflow: hidden; margin-top:0px; }
			#top-nav ul { display: flex; list-style: none; margin: 0; padding: 0; }
			#top-nav ul li:last-child{ margin-left:2px; }
			#top-nav ul li a { color: #fff; background-color: #000; padding: 10px 20px; display: block; text-decoration: none; font-size: 14px; text-transform: uppercase; transition: all .3s ease-in-out; }
			#top-nav ul li:last-child a { background-color: #e21a2c; font-weight: bold; }
			#top-nav ul li a:hover{ opacity:.7; }

			#main-nav { padding: 15px 0; transition: all 0.3s ease; margin-top:8px; }
			#main-nav ul { display: flex; list-style: none; margin: 0; }
			
			#main-nav ul li { position: relative; padding:0 0 10px 0; }
			#main-nav ul li a { color: #000; font-weight: bold; text-transform: uppercase; padding: 0 15px; text-decoration: none; transition: all .3s ease-in-out; cursor:pointer; }

			#main-nav ul li ul.sub-menu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #e21a2c; min-width: 180px;
				padding: 10px 0; border-top: none; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 999; margin-top: 10px; }

			#main-nav ul li ul.sub-menu:before { content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); 
				border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e21a2c; }

			#main-nav ul li ul li { padding: 0; text-align: center; }
			#main-nav ul li ul li a { color: #fff !important; font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 10px 20px !important; 
				display: block; transition: background 0.3s ease; }

			#main-nav ul li ul li a:hover { background-color: rgba(255,255,255,0.1); opacity: 1; }

			#main-nav ul li:hover > ul.sub-menu { display: block; }

			#main-nav ul li ul.sub-menu:after { content: ''; position: absolute; top: -15px; left: 0; width: 100%; height: 15px; display: block; background: transparent; z-index: -1; }

			/* MENÚ MÒBIL TRIGGER */
			.menu_movil_trigger { display: none; }
			#menu_movil { display: none !important; height: 0; overflow: hidden; visibility: hidden; position: absolute; padding-top:20px; }


.header.is-shrunk #top-nav { transform: translateY(-100%); height: 0; opacity: 0; }
.header.is-shrunk .logo img { width: 140px; }
.header.is-shrunk #main-nav { padding: 10px 0; }
.header_separador { height: 100px; }


@media (max-width: 850px) {
    #top-nav, #main-nav { display: none !important; }
    .menu_movil_trigger { display: flex; align-items: center; justify-content: center; cursor: pointer; }
    /*
    .header_container { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; }
    .header_menu { flex-direction: row; }
    */
}


/* menu mobile*/
.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 280px; overflow-x: hidden; overflow-y: auto;
  font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; transition: right 0.3s ease; }

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

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

body.sidr-open { overflow: hidden !important; }
#sidr-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998; background: rgba(0,0,0,0.5); display: none; }

	.menu_mobile a{ color: #000; }

		.menu_mobile{ font-size: 13px; text-transform: uppercase; }
		.menu_mobile ul li{ padding: 14px 0; border-bottom: 1px solid #ccc; margin-bottom:8px; }
		.menu_mobile ul li a{ display: block; width: 260px !important; padding-bottom: 5px; font-weight: 600; }
		.menu_mobile ul li a:after{ content: ""; float: right; padding-right: 10px; }

		.menu_mobile ul li ul{ padding-left: 15px; font-size: 12px; margin-top: 7px; display: none; }
		.menu_mobile ul li ul li{ padding: 7px 0; border-bottom: none; margin-bottom:4px; }
		.menu_mobile ul li ul li a{ border-bottom: none; font-weight: normal; }
		.menu_mobile ul li ul li a:after{ content: ''; }

.menu_mobile ul li.menu-item-has-children > a:after { content: "\25BE"; float: right; font-size: 19px; font-weight: 500; line-height: 1; color: #000; margin-top:-3px; }




/* HOME ====================================================================================================================================================== */

/* --- BANNER: 2 columnes (media vertical 9:16 esquerra + títol dreta) --- */
.banner_home { position: relative; z-index: 2; width: 100%; padding: 60px 0 0 0; }
	
	.banner_home_inner { width: 100%; max-width: 1115px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 60px; }

	.banner_home_media { position: relative; z-index: 1; width: 38%; max-width: 360px; flex-shrink: 0; aspect-ratio: 9 / 16; position: relative; overflow: hidden; border-radius: 20px; background: #000; }
		.banner_home_media .banner_home_img { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
		.banner_home_media .video-background { width: 100%; height: 100%; pointer-events: none; }
		.banner_home_media .video-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.banner_home_media .video-foreground iframe { position: absolute; top: 50%; left: 50%; height: 100%; aspect-ratio: 16 / 9; min-width: 100%; transform: translate(-50%, -50%); border: 0; }

	.banner_home_text { flex: 1; min-width: 0; position: relative; z-index: 2; }
		.banner_home_title { font-size: 72px; font-weight: 700; color: #E7143A; line-height: 1.05; }
		.banner_home_title em { font-family: "Playfair Display", serif; font-style: italic; font-weight: 400; }


@media (max-width: 768px) {
	.banner_home { z-index: 1; padding: 0; }

		.banner_home_inner { flex-direction: column; gap: 0; padding: 0; align-items: stretch; max-width: none; }

		.banner_home_media {
			width: 100%;
			max-width: none;
			height: calc(100vh - 81px);
			height: calc(100vh - 81px);      /* millor en mòbils: s'ajusta quan es col·lapsa la barra del navegador */
			aspect-ratio: auto;  /* anul·la el 9/16 del desktop perquè l'alçada manani */
			border-radius: 0;
		}

		.banner_home_text { display:none; }
}


/* LINIES */
.home_destacats{ position: relative; z-index: 1; width: 100%; max-width:1200px; margin: -80px auto 100px auto; background-color:#E7143A; border-radius:40px; padding:40px 0; }
	
	.banner_home_title_mobile{ display:none; }

	.home_destacats_link{ width:fit-content; background-color:#fff; color:#E7143A; padding:20px; font-size:17px; font-weight:800; margin:20px auto 40px auto; border-radius:10px; }

	.home_destacats_items{ margin:80px 0; }

		.destacat_fila{ display: flex; align-items: stretch; margin: 50px 0; width: calc(100% - 100px); position: relative; }

		.item_txt_esquerra{ margin-right: auto; margin-left: 0; }
		.item_txt_dreta{ flex-direction: row-reverse; margin-left: auto; margin-right: 0; }
		.item_txt_dreta .destacat_caixa_blanca{ text-align: right; justify-content: flex-end; }

			.border_vertical{ position: absolute; width:2px; height: 117%; background-color: #DDD; top: 50%; transform: translateY(-50%); z-index: 10; opacity:.4 }
			.border_top{ position:absolute; width:calc(100% + 500px); height:2px; background-color:#DDD; top:-2px; opacity:.4; }
			.border_bottom{ position:absolute; width:calc(100% + 500px); height:2px; background-color:#DDD; bottom:-2px; opacity:.4; }

			.item_txt_esquerra .border_vertical{ right:-1px; }
			.item_txt_esquerra .border_top{ margin-left:-480px; }
			.item_txt_esquerra .border_bottom{ margin-left:-480px; }

			.item_txt_dreta .border_vertical{ left:-1px; }
			.item_txt_dreta .border_top{ left: 0; margin-left:-20px; }
			.item_txt_dreta .border_bottom{ left:0; margin-left:-20px; }

			.destacat_caixa_blanca{ width: calc(100% - 350px); background: #fff; padding: 30px; }
				.destacat_caixa_blanca_title{ font-size: 65px; font-weight: 700; color: #E7143A; line-height: 1.1; display: flex; align-items: center; }
					.destacat_caixa_blanca_title em{ font-family: "Playfair Display", serif; font-style: italic; font-weight: 400; }
					.destacat_caixa_blanca_title div{ width:100%; max-width:480px; }

				.destacat_caixa_blanca_text{ width:100%; max-width:480px;  color: #333; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

			.destacat_imatge{ width: 350px; background-size:contain; background-position:center; background-repeat:no-repeat; position:relative; background-color:#fff; }
				.destacat_imatge_wrapper{ position:absolute; top:0; left:0; width:100%; height:100%;  }

			.play_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



@media (max-width: 768px) {

	.home_destacats{ margin: -300px auto 60px auto; border-radius:20px; padding:25px 15px; }

		.banner_home_title_mobile{ display:inherit; font-size: 40px;  color: #fff; text-align: center; margin-bottom:20px; font-weight: 700; }
		.banner_home_title_mobile em { font-family: "Playfair Display", serif; font-style: italic; font-weight: 400; }

		.home_destacats_link{ font-size:15px; margin-top:40px; }
		
		.home_destacats_items{ margin:40px 0; }

			.destacat_fila{ display: block; width: calc(100% - 35px); }

				.destacat_caixa_blanca { /*width: calc(100% - 130px);*/ width: 100%; padding: 15px; }
					
					.destacat_caixa_blanca_title{ font-size: 27px; }

				.destacat_imatge { width: 100%; height: 130px; background-size: auto 130px; }

				.item_txt_esquerra .destacat_imatge{  background-position: left center; }
				.item_txt_dreta .destacat_imatge{  background-position: right center; }

				.play_btn svg{ width:40px; height:40px; }
}



/* ACTIVITATS TITLE */
.activitats-header { position: relative; padding: 30px 30px 30px 40px; margin: 40px 0; overflow: visible; }

	.title-dot { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-color: #E7143A; border-radius: 50%; z-index: 10; }

	.line-h { position: absolute; width: 400px; height: 2px; left: 0; background-image: url('images/title_line_h.svg'); background-size:100% 100%; }
	.line-top { top: 20px; }
	.line-bottom { bottom: 10px; }
	
	.line-v { position: absolute; top: 0; left: 20px; width: 2px; height: 100%; background-image: url('images/title_lline_v.svg'); background-size:100% 100%; }

	.activitats-title { display: flex; align-items: center; gap: 15px; margin: 0; line-height: 1; }

		.txt-roig { color: #E7143A; font-size: 30px; font-weight: 700; }

		.caixa-roja { position: relative; background-color: #E7143A; padding: 10px 20px; display: inline-block; }
			.txt-blanc-serif { font-family: 'Playfair Display', serif; font-style: italic; color: #fff; font-size: 30px; font-weight: 400; white-space: nowrap; }
			.deco-square { position: absolute; bottom: -10px; right: -10px; width: 25px; height: 25px; background-color: #F4A4B4; z-index: -1; }


@media (max-width: 768px) {
	.activitats-header { padding-left: 40px; }

    	.activitats-title { flex-direction: column; align-items: flex-start; }
    		.txt-roig, .txt-blanc-serif { font-size: 25px; }
    
}


/* ACTIVITATS */
.swiper_destacados { padding: 30px 20px; position: relative; }
	.swiper-container { overflow: visible !important; }

		.activitat-item { position: relative; display: flex; flex-direction: column; padding-top: 15px; }
			
			.activitat-date { position: absolute; top: 0px; left: -10px; width: 65px; height: 65px; background-color: #E7143A; color: #fff; border-radius: 50%; display: flex; 
				flex-direction: column; align-items: center; justify-content: center; z-index: 10; }
			.activitat-date .day { font-size: 22px; font-weight: 800; line-height: 1; }
			.activitat-date .month { font-size: 11px; text-transform: uppercase; }

		.activitat-card { position: relative; width: 100%; aspect-ratio: 3 / 4; border-radius: 25px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); 
			background-size: cover; background-position: center; background-repeat: no-repeat; background-color:#f1f1f1; }
			
			.activitat-card .activitat-plus { position: absolute; bottom: -1px; right: -1px; width: 104px; height: 101px; }

		.activitat-title-box { background-color: #E7143A; color: #fff; padding: 6px 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.6; margin-bottom: 10px; }

		.activitat-excerpt { font-size: 14px; color: #000; line-height: 1.4; }


.bt_cta{ width:fit-content; background-color:#E7143A; color:#fff; padding:20px; font-size:20px; font-weight:800; margin:40px auto; border-radius:10px; }

@media (max-width: 768px) {
	.bt_cta{ font-size:17px; }

	.activitat-card .activitat-plus { width: 75px; height: 75px; }
	.activitat-card .activitat-plus svg{ width: 75px; height: 75px; }
}

/* FRASES */
.home_quotes{ width:100%; }

	.quotes_deco_top_left{ text-align:left; }
	.quotes_deco_bottom_right{ text-align:right; margin-top:-70px; }

	.swiper-frases{ width: calc(100% - 200px); margin-left: 80px; overflow:hidden; margin-top:-70px; }

	.home_quotes_frase{ font-size:50px; font-weight:500; text-align:center; line-height:1.5;  width: 100%; max-width: 800px; margin: auto; }
	.home_quotes_frase em{ font-family: "Playfair Display", serif; font-style: italic; font-weight: 400; }


@media (max-width: 768px) {

	.home_quotes{ margin:20px auto 50px auto; }

		.quotes_deco_top_left svg{ width:150px; height:auto; }

		.quotes_deco_bottom_right{ margin-top:-20px; }
		.quotes_deco_bottom_right svg{ width:100px; height:auto; }
	
		.swiper-frases{ width: calc(100% - 20px); margin-left: 0;  margin-top:0; }

		.home_quotes_frase{ font-size:27px; }

}

/* NOTICIES */
.noticies_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 1200px; margin: 40px auto; }
	.noticia_card { position: relative; aspect-ratio: .77; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px; text-decoration: none; color: #fff; }
		.noticia_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 1; }
		.noticia_card:hover .noticia_bg { transform: scale(1.02); }
	
			.noticia_title { font-size: 28px; font-weight: 900; text-transform: uppercase; line-height: 1.1; margin: 0; padding:10px; }
		
		.noticia_corner { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: linear-gradient(135deg, transparent 50%, #E7143A 50%); z-index: 4; }
		.noticia_corner span { position: absolute; bottom: 8px; right: 12px; font-size: 25px; font-weight: bold; color: #fff; }


		.noticia_bg .activitat-plus { position: absolute; bottom: -1px; right: -1px; width: 104px; height: 101px; }

@media (max-width: 992px) {
    .noticies_grid { grid-template-columns: repeat(2, 1fr); }
    .noticies_grid_home .noticia_card:last-child { display:none; }
}
@media (max-width: 600px) {

	.noticia_bg .activitat-plus{ width: 50px; height: 50px; }
	.noticia_bg .activitat-plus svg{ width: 50px; height: 50px; }

    .noticia_title { font-size: 14px; }
}







/* ACTIVITATS ============================================================================================================================================================== */
.cat_activitats{ width: 100%; max-width: 1200px; margin:60px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

	.activitat_item{ width: 30%; text-align: center; line-height: 1.3; margin-bottom: 50px; }

	.home_act_item_date{  width: 148px; height: 148px; text-align: center; position: relative; border-radius: 74px; border: 1px solid #CE746A; margin:auto; }
	.home_act_item_date a{ color: #000; }
		.act_date_diames{ width: 148px; height: 148px; display: table-cell; vertical-align: middle; text-align: center; }
			.act_date_dia{ font-size: 46px; color: #000; }
			.act_date_mes{ margin-top: 5px; color: #000; }

	.home_act_item_title{ clear: both; padding-top: 20px; font-size: 16px; font-weight:500; }
	.home_act_item_title a{ color: #000; }
	.home_act_item_title a:hover{ text-decoration: underline; }
	.home_act_item_cont{ margin-top: 20px; }



/* SINGLE */
.single_activitats{ width:100%; max-width:1000px; margin:auto; }
	
	.single_actividades_content{ display:flex; flex-wrap: wrap; gap: 40px; flex-direction: row-reverse; justify-content: space-between; }

		.single_col_data{ flex: 0 0 148px; }
			.single_act_data{ width: 148px; height: 148px; text-align: center; position: relative; border-radius: 74px; border: 1px solid #CE746A; }

				.act_sing_date_diames{ width: 148px; height: 148px; display: table-cell; vertical-align: middle; text-align: center; }
					.act_sing_date_dia{ font-size: 46px; color: #000; }
					.act_sing_date_mes{ margin-top: 5px; color: #000; }

			.single_share_img{ background-image:url(images/bocadillo_share.png); width: 125px; height: 133px; margin: 12px auto; }
			.single_share_txt{ font-size: 15px; color: #D32D16; text-align: center; padding-top: 15px; line-height: 1.2;  }
			.s_share_bt{ margin-top: 6px; margin-left: 10px; }
			.s_share_bt:hover{ opacity: .7; }

		.single_content{ flex: 1; margin-top:30px; }
			.single_title{ color: #E7143A; font-size: 35px; line-height: 1.3; font-weight:400; line-height: 39px; margin-bottom:30px; }

			



/* SINGLE ACTUALIDAD */
.single_author{ color: #565656; font-size: 15px; font-style: normal; font-weight: 600; line-height: 21.752px; letter-spacing: 3px; margin-top:40px; }

.single_carrec{ color: #909090; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21.752px; letter-spacing: 3px; }

.single_date{ olor: #909090; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21.752px; letter-spacing: 3px; }

.single_img{ margin-top: 30px; }
.single_img img{ width: 100%; height: auto; }



.archive_info{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.navigation{ padding: 20px 0; }
	
	.next_post, .prev_post{ position: relative; font-size: 13px; color: #333; width: 50%; }
	.next_post{ float: right; }
	.prev_post{ float: left; border-right: 1px solid #ccc; }
	
	.nav_post a{ color: #000; }

	.next_post_inner{ text-align: right; padding: 25px 30px 25px 10px; display:flex; justify-content:flex-end;  }
		.next_post_content{ padding-right:15px; }

	.prev_post_inner{ padding: 25px 10px 25px 30px; display:flex;  }
		.prev_post_content{ padding-left:15px; }

		.prev_post_prev, .next_post_next{ font-size: 10px; font-weight: 900; color: #898F93; margin-bottom: 7px; }
		.prev_post_txt, .next_post_txt{ font-size:19px; font-family: 'Playfair Display', serif; width:100%; max-width:250px; line-height:1.2; }

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

	.next_post{ float: none; width:100%; }
	.prev_post{ float: none; width:100%; border-right: 1px solid #fff; }

	.next_post_inner{ padding: 25px 10px 25px 10px; }

	.prev_post_inner{ padding: 25px 10px 25px 10px; }
}






@media only screen and (max-width: 980px) {	
	.activitat_item{ width: 48%; }
}

@media only screen and (max-width: 763px) {	
	.activitat_item{ width: 100%; max-width:600px; margin:0 auto 40px auto; }

    .single_share_img, .single_share_txt {  display: none !important; }
    .single_actividades_content { flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; }

    .single_act_data { display: grid !important; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 20px; row-gap: 8px; 
    	border: none !important; width: 100% !important; height: auto !important; border-radius: 0 !important; background: transparent !important; padding: 10px 0; }

    .act_sing_date_diames { grid-row: 1 / 3; width: 120px !important; height: 120px !important; border: 1px solid #CE746A !important; border-radius: 50% !important; display: flex !important;
        flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #fff; }

    .s_share_bt { grid-column: 2; margin: 0 !important; }
    .s_share_bt img { width: 95px !important; height: auto !important; display: block; }

    .single_content { width: 100% !important; margin-top: 15px !important; flex: none !important; }
    .single_title { font-size: 24px !important; line-height: 1.2 !important; }

}



/* FOOTER ========================================================================================================================================================== */
footer{ margin-top:100px; }

	.footer_top{ width:100%; height:410px; background-size:cover; background-position:center; background-repeat:no-repeat; }

	.footer_wrapper{ background-color:#E7143A; }

	.footer_contact_items{ width: 100%; max-width:1000px; margin:auto; display:flex; justify-content: space-between; }

		.footer_contact_item{ width: 250px; text-align:center; margin-top:-50px; }

			.footer_contact_item:hover .contact{ text-decoration:underline; }

			.footer_contact_item .icon img{ width:100%; max-width:104px; height:auto; }
			.footer_contact_item .title{ width: fit-content; background-color: #fff; color: #E7143A; padding: 10px 20px; font-size: 17px; font-weight: 800; margin: 10px auto; border-radius: 10px; }
			.footer_contact_item .txt{ color:#fff; margin-top:15px; line-height:1.4; font-size:15px; }
			.footer_contact_item .contact{ color:#fff; margin-top:15px; font-weight: 800; line-height:1.4; font-size:15px; }

	.footer_menus{ margin-top:80px; display:flex; gap:80px; }
		.footer_menu{}
			.footer_menu_title{ font-size:20px; font-weight:bold; margin-bottom:30px; color:#fff; }
			.footer_menu ul li{ font-size:20px; margin-bottom:15px; }
			.footer_menu ul li a{ color:#fff; }

	.footer_xxss{ display:flex; justify-content:flex-end; gap: 15px; margin-top:-25px; }

	.footer_claim{ margin-top:50px; width:100%; height:295px; background-position:center; background-repeat:repeat-x; border-bottom:1px solid #fff; }

		.footer_claim_content{ display:flex; align-items: center; justify-content: center; font-size:85px; color:#fff; font-weight:700; gap:20px; padding-top:50px; }


@media (max-width: 768px) {
	.footer_contact_item{ width: 120px; margin-top:-30px;  }
		.footer_contact_item .title{ padding: 6px 10px; font-size: 14px; border-radius: 6px; }
		.footer_contact_item .txt{ display:none; }
		.footer_contact_item .contact{ display:none; }

	.footer_menus{ margin-top:60px; display:block; gap:0; text-align:center; }
		.footer_menu{ margin-bottom:40px; }
			.footer_menu_title{ font-size:17px; margin-bottom:15px; }
			.footer_menus ul li{ font-size:15px; }

	.footer_xxss{ display:flex; justify-content:center; margin-top:25px; }

	.footer_claim{ height:auto; background-size: auto 100%; }

		.footer_claim_content{ display:block; font-size:40px; gap:0; padding-top:50px; text-align:center; margin-bottom:40px; }
		.footer_claim_content div{ margin-bottom:15px; }

		.footer_claim_content svg{ width:80px; height:80px; }

}


.footer_legal{ padding:15px 0; }
.footer_legal ul{ display:flex; align-items: center; justify-content: center; gap:20px; }
.footer_legal ul li a{ color: #fff; }
.footer_legal ul li a:hover{ text-decoration:underline; }


@media (max-width: 768px) {

	.footer_legal ul li a{ font-size:12px; }

}

/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
/* 1. Alineacions Bàsiques */
.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; }
.alignleft { float: left; margin: 0.5em 1.5em 1.5em 0; }
.alignright { float: right; margin: 0.5em 0 1.5em 1.5em; }

/* 2. Suport per a blocs d'amplada Ampla i Completa */
/* Assegura't que el teu functions.php tingui: add_theme_support( 'align-wide' ); */
.alignwide { margin-left: -10vw; margin-right: -10vw; max-width: 120vw; width: auto; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; max-width: 100vw; }

/* 3. RESPONSIVE: Adaptació per a mòbils */
@media (max-width: 768px) {
    .alignleft, .alignright { float: none; display: block; margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; }
    .alignwide, .alignfull { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; }
}

/* 4. Neteja de Floats (Clearfix) */
/* Molt important perquè el contingut següent no s'amuntegui sota les imatges flotants */
.entry-content::after, .comment-content::after { content: ""; display: table; clear: both; }





.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #B72E2E !important;
		border-color:#AD2D2D !important;
		background:#E43838 !important;
		background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		text-shadow:0px 1px #B72E2E !important;
		border-color:#AD2D2D !important;
		background:#E43838 !important;
		background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;
}


/* Primaries */
.single_primaries{ padding:70px 0px; }

@media only screen and (max-width: 763px) {	
	.single_primaries{ padding:0 0px 70px 0px; margin-top: -40px; }
}