/*!
Theme Name: wbsw
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wbsw
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
wbsw is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
 - Normalize
 - Box sizing
# Base
 - Typography
 - Elements
 - Links
 - Forms
## Layouts
# Components
 - Navigation
 - Posts and pages
 - Comments
 - Widgets
 - Media
 - Captions
 - Galleries
# plugins
 - Jetpack infinite scroll
# Utilities
 - Accessibility
 - Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
/* Sections
 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body { margin: 0; }
/**
 * Render the `main` element consistently in IE.
 */
main { display: block; }
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/* Grouping content
 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr { box-sizing: content-box; height: 0; overflow: visible; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre { font-family: monospace, monospace; font-size: 1em; }
/* Text-level semantics
 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a { background-color: transparent; }
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong { font-weight: bolder; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em; }
/**
 * Add the correct font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* Embedded content
 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img { border-style: none; }
/* Forms
 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { overflow: visible; }
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { text-transform: none; }
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/**
 * Correct the padding in Firefox.
 */
fieldset { padding: 0.35em 0.75em 0.625em; }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 * `fieldset` elements in all browsers.
 */
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress { vertical-align: baseline; }
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea { overflow: auto; }
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0; }
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
/* Interactive
 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details { display: block; }
/*
 * Add the correct display in all browsers.
 */
summary { display: list-item; }
/* Misc
 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template { display: none; }
/**
 * Add the correct display in IE 10.
 */
[hidden] { display: none; }
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after { box-sizing: inherit; }
html { box-sizing: border-box; }
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea { color: var(--dark); font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.35; }
h1,
h2,
h3,
h4,
h5,
h6 { clear: both; }
p { margin-bottom: 1.5em; }
dfn,
cite,
em,
i { font-style: italic; }
blockquote { margin: 0 1.5em; }
address { margin: 0 0 1.5em; }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code,
kbd,
tt,
var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr,
acronym { border-bottom: 1px dotted #666; cursor: help; }
mark,
ins { background: #fff9c0; text-decoration: none; }
big { font-size: 125%; }
/* Elements
--------------------------------------------- */
body { background: #fff; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
ul,
ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,
li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object { max-width: 100%; }
img { height: auto; max-width: 100%; }
figure { margin: 1em 0; }
table { margin: 0 0 1.5em; width: 100%; }
/* Links
--------------------------------------------- */
a { color: var(--dark); }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; color: var(--red4);}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { border-color: #ccc #bbb #aaa; }
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus { border-color: #aaa #bbb #bbb; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus { color: #111; }
select { border: 1px solid #ccc; }
textarea { width: 100%; }

@media (min-width: 768px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {font-size: 16px;}
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation { display: block; width: 100%; }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }
.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul { display: block; left: auto; }
.main-navigation ul ul a { width: 200px; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul { left: auto; }
.main-navigation li { position: relative; }
.main-navigation a { display: block; text-decoration: none; }
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul { display: block; }
@media screen and (min-width: 37.5em) { .menu-toggle { display: none; }
 .main-navigation ul { display: flex; }
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation { margin: 0 0 1.5em; }
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links { display: flex; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { flex: 1 0 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next { text-align: end; flex: 1 0 50%; }
/* Posts and pages
--------------------------------------------- */
.sticky { display: block; }
.post,
.page { margin: 0 0 1.5em; }
.updated:not(.published) { display: none; }
.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both; margin: 0 0 1.5em; }
/* Comments
--------------------------------------------- */
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }
/* Widgets
--------------------------------------------- */
.widget { margin: 0 0 1.5em; }
.widget select { max-width: 100%; }
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }
/* Captions
--------------------------------------------- */
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }
/* Galleries
--------------------------------------------- */
.gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; }
.gallery-item { display: inline-block; text-align: center; width: 100%; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }
.gallery-caption { display: block; }
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; }
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer { display: block; }
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.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; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus { outline: 0; }
/* Alignments
--------------------------------------------- */
.alignleft { /*rtl:ignore*/
 float: left; /*rtl:ignore*/
 margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { /*rtl:ignore*/
 float: right; /*rtl:ignore*/
 margin-left: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }

/*GENERAL*/
:root { 
 /* Color Palette */
--white: #ffffff; --red1: #991E30; --red2 : #D3808D; --red3: #55180C; --red4: #A52337; --red5: #8B1026; --grey1: #F5F5F5; --grey2: #EBEBEB; --grey3: #D8D8D8; --grey4: #9B9B9B; --dark: #373737; --black: #000000;  }

.red1{color: var(--red1);}
.red2{color: var(--red2);}
.red3{color: var(--red3);}
.red4{color: var(--red4);}
.red5{color: var(--red5);}
.grey1{color: var(--grey1);}
.grey2{color: var(--grey2);}
.grey3{color: var(--grey3);}
.grey4{color: var(--grey4);}
.dark{color: var(--dark);}
.black{color: var(--black);}
.white{color: var(--white);}

.red1Bg{background-color: var(--red1);}
.red2Bg{background-color: var(--red2);}
.red3Bg{background-color: var(--red3);}
.red4Bg{background-color: var(--red4);}
.grey1Bg{background-color: var(--grey1);}
.grey2Bg{background-color: var(--grey2);}
.grey3Bg{background-color: var(--grey3);}
.grey4Bg{background-color: var(--grey3);}
.darkBg, .generic-button-1.darkBg{background-color: var(--dark);}
.generic-button-1.darkBg:hover{background-color: var(--red3);}
.whiteBg{background-color: var(--white);}


.font1{font-size: 1rem !important;}
.fontXXXL{font-size: 3rem;}
.fontXXL{font-size: 1.6rem;}
.fontXL{font-size: 1.3rem;}
.fontL{font-size: 1.2rem;}
.fontM{font-size: 1.1rem;}
.fontS{font-size: 0.85rem;}
.fontXS{font-size: 0.7rem;}
.w300{font-weight: 300;}
.w400{font-weight: 400;}
.w500{font-weight: 500;}
.w600{font-weight: 600;}
.w700, .negreta{font-weight: 700;}


.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px;}
.mb0i{margin-bottom: 0px !important;}
.mb1{margin-bottom: 5px;}
body .mt2{margin-top: 2rem;}
body .mb2{margin-bottom: 2rem;}
body .mt4{margin-top: 4rem;}
body .mb4{margin-bottom: 4rem;}
body .mt8{margin-top: 8rem;}
body .mb8{margin-bottom: 8rem;}
body .pt2{padding-top: 2rem;}
body .pb2{padding-bottom: 2rem;}
body .pt4{padding-top: 4rem;}
body .pb4{padding-bottom: 4rem;}
body .pt8{padding-top: 8rem;}
body .pb8{padding-bottom: 8rem;}
.lh12{line-height: 1.2em;}
.lh3{line-height: 3em;}

.pl0i{padding-left: 0px !important;}
.pr0i{padding-right: 0px !important;}

.flex{display: flex;}
.flexRight{justify-content: flex-end;}
.fww{flex-wrap: wrap;}


.a20, .a30, .a33, .a40, .a50, .a60, .a70, .a80{width: 100%;}

.gap15{gap: 15px;}

.generic-button-1{background-color: var(--red4); color: var(--white); padding: 10px 50px; border-radius: 8px; text-decoration: none;}
.generic-button-1:hover{background-color: var(--dark); color: var(--white);}
.sensePadding{padding: 10px 20px;}

.generic-button-2, .generic-button-2b{display: inline; position: relative; font-size: 0.9em;}
.generic-button-2-container, .generic-button-2b-container{margin-bottom: 15px;}

article.page{margin-bottom: 0px; padding-bottom: 80px;}


h1, h2, h3, h4, h5, h6{font-weight: 300;}
a{text-decoration: none;}

.container1, .container1b, .container2, .container3{width: 1400px; max-width: 100%; margin: 0 auto; padding: 0px 20px;}
.container1b{width: 1050px;}
.container2{width: 950px;}

.textCenter{text-align: center;}

.m-desktop { display: none !important; }
.m-mobil { display: flex !important; }

.hide{display: none;}

@media (min-width: 768px) {
  .a100 {width: 100%;}
  .a80 {width: calc(80% - 8px);}
  .a70 {width: calc(70% - 8px);}
  .a60 {width: calc(60% - 8px);}
  .a50 {width: calc(50% - 8px);}
  .a40 {width: calc(40% - 8px);}
  .a33 {width: calc(33% - 8px);}
  .a30 {width: calc(30% - 8px);}
  .a20 {width: calc(20% - 8px);}
}

@media (min-width: 1100px) {
	.m-desktop { display: flex !important; }
	.m-mobil { display: none !important; }

	.fontL{font-size: 1.6rem;}
	.fontXXL{font-size: 2rem;}
	.fontXXXL{font-size: 4rem;}
}

/*FI GENERAL*/

/*HEADER*/
#masthead .container1, footer .container1{width: 1600px;}
#masthead > div > div {height: 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px;}
#masthead > div > div > div {display: flex; flex-direction: row; align-items: flex-start; height: 100%;}

#topHeader{background-color: var(--red4); min-height: 20px;}
#topHeader .topMenu{width: 100%; display: flex; justify-content: flex-end; visibility: hidden;}
#topHeader ul#top-menu{list-style: none; margin: 0px; padding: 0px; display: flex; gap: 40px;}
#topHeader ul#top-menu li{display: inline-block;}
#topHeader ul#top-menu li a{color: var(--white);}
#topHeader ul#top-menu li a:hover{color: var(--black);}

#mainHeader .m-mobil{padding: 25px 0px;}
#mainHeader .m-mobil .logo{width: 100%;}
#mainHeader .m-mobil .logo img{max-width: 113px;}


#mainHeader .m-mobil .menu{width: 100%; display: flex; justify-content: flex-end; gap: 40px;}

#mainHeader .m-mobil .menu a.areaSocisMobile{filter: invert(1) brightness(0); padding: 6px 12px;}
#mainHeader .m-mobil .menu a.areaSocisMobile img{width: 20px;}

#mainHeader .m-mobil .menu .menu-responsive {position: relative; right: 0; top: 4px;} 
#mainHeader .m-mobil .menu .menu-responsive.open { left: 0; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }

ul#primary-menu{list-style: none; margin: 0px; padding: 0px; display: flex; gap: 50px;}

.menu-item-has-children > ul {display: none; position: absolute; background: #fff; padding: 10px; list-style: none;}
.menu-item-has-children:hover > ul { display: block;}


header .m-desktop .generic-button-1{padding: 6px 16px;}
header .m-desktop .generic-button-1.areaSocis{background-color: var(--dark);}

@media (min-width: 768px) {
	header #mainHeader{padding:25px 16px 20px 16px;}

	#topHeader .topMenu{visibility: visible; padding: 6px 18px;}

	header .logo img{max-width: 127px;}

	header .menus{width: 100%; display: flex; align-items: center;}
	header .menus .menuPrincipal{width: 70%; margin-left: 7%;}
	header .menus .botons{width: 30%; text-align: right; display: inline-flex; gap: 10px; justify-content: end;}

	#primary-menu li{display: inline-block;}

}


/*Menu horizontal*/
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{font-family: "Inter", sans-serif; font-size: 15px; font-weight: initial !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link:hover{background: transparent; color: var(--red4) !important;}

/*Megamenu*/
@media only screen and (min-width: 769px) {
  	header #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu{width: 100%; position: fixed; background-color: var(--white); border-top: 2px solid var(--grey2); top: 155px; border-bottom-left-radius: 45px; border-bottom-right-radius: 45px; box-shadow: 0px 2px 8px var(--grey2); margin-top: 0px !important;}
	header #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li{padding: 50px 0px;}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{text-transform: initial; color: var(--red4); font-size: 1.2em; line-height: 1.5em;margin-bottom: 10px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item{margin-bottom: 10px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link[aria-expanded="true"]::after{content: ""; display: block; width: 100%; height: 4px; background-color: var(--red1);position: relative; top: 50px; overflow: visible; z-index: 9999;}
}
/* Sandwich */
#mega-menu-wrap-menu-1{background: transparent;}
#mega-menu-wrap-menu-1 .mega-menu-toggle{background: transparent;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0{position: relative; top: -6px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--dark);}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1{position: fixed; width: 100%; top: 130px; left: 0px; padding: 27px 12px; z-index: 99; background-color: var(--white);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--dark);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: transparent; color: var(--red4);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{color: var(--dark); background: transparent;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{content: ""; display: inline-block; width: 16px; height: 16px; background-image: url('/wp-content/uploads/icon-arrow3.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after{content: ""; transform: rotate(-90deg); top: -4px; right: 4px;}

/*breadcrumbs*/
.breadcrumb-custom{align-self: flex-start; position: absolute; top: 20px; z-index: 99;}
.breadcrumb-custom ul {display: flex; flex-direction: row; align-items: flex-start; gap: 10px; margin: 0px; padding: 0px;}
.breadcrumb-custom li, .breadcrumb-custom a {color: #707070; font-size: 13px; list-style-type: none;}
.breadcrumb-custom li::first-letter, .breadcrumb-custom a::first-letter {text-transform: capitalize;}
.intro.darkBg .breadcrumb-custom li{color: var(--white);}
.breadcrumb-custom a {color: var(--red4);}
.darkBg .breadcrumb-custom a {color: var(--white);}

/*FI HEADER*/

/*FOOTER*/
footer#colophon{background-color: var(--red1);}
footer#colophon .logo img{filter: invert(1) brightness(1000%); margin-bottom: 40px;}
footer#colophon a{color: var(--white);}
footer#colophon a.gran{font-size: 1.3em; line-height: 1em;}
footer#colophon a:hover{color: var(--black);}

footer#colophon .blocInner{padding: 40px 16px; margin-bottom: 0px; text-align: center;}
footer#colophon .columnesEnllacos {display: none;}
footer#colophon .columnesEnllacos .columnaEnllacos{flex: 1 1 22%; flex-direction: column; display: flex; gap: 14px;}

footer#colophon .menuLegal{display: flex; flex-direction: column; gap: 30px; margin-bottom: 50px;}
footer#colophon .xxss{display: flex; flex-direction: row; gap: 30px; justify-content: center;}

#toTop {position: fixed; bottom: 20px; right: 20px; width: 45px; height: 45px; border: none; border-radius: 50%; background: var(--red4); color: #fff; font-size: 20px; cursor: pointer;
  /* Estado inicial (oculto) */ opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;}

/* Estado visible */
#toTop.show { opacity: 1; visibility: visible; transform: translateY(0); z-index: 99;}

#toTop:hover {background: var(--red3);}
#toTop img{position: absolute; left: 0; right: 0; top: 10px; width: 22px; margin: 0 auto; transform: rotate(-90deg);}

@media (min-width: 768px) {
	footer#colophon .columnesEnllacos {display: flex; flex-wrap: wrap; gap: 20px;}
	footer#colophon .blocInner{text-align: left;}
	footer#colophon .menuLegal{flex-direction: row;}
	footer#colophon .xxss{justify-content: right;}

	footer#colophon .blocInner.bottomFooter > .blocCol:first-child{flex: 1 1 calc(80% - 20px); max-width: calc(80% - 20px);}
}
/*FI FOOTER*/

/*INICI*/

.page-template-inici-page #mainHeader{position: absolute; left: 0; right: 0; z-index: 9; max-width: 100%;}
.page-template-inici-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) {background-color: var(--white);}

.page-template-inici-page #mainHeader .container1 .logo img{filter: invert(1) brightness(1000%);}
.page-template-inici-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) .logo img{filter: none;}
.page-template-inici-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) .areaSocisMobile{visibility: hidden;}
.page-template-inici-page #mainHeader .m-mobil .menu a.areaSocisMobile{filter: none;}
.page-template-inici-page #mainHeader:not(:has(.mega-menu-open, .mega-toggle-on)) .m-desktop #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--white);}
.page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, .page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, .page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--white);}
.page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner, .page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner::before, .page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--dark);}


.sliderPrincipal{height: 640px; margin-bottom: 50px;}
.sliderPrincipal .slick-slide{margin: 0px;}
.sliderPrincipal .slick-list{height: 100%;}
.sliderPrincipal .slick-list .slick-track{height: 100%;}

.sliderPrincipal .slideInner{background-size: cover; background-position: center; height: 100%; display: flex; align-items: center; position: relative;}
.sliderPrincipal .slideInner::after{content: ""; display: block; width: 100%; height: 100%; background-color: #000000a6; position: absolute;}
.sliderPrincipal .slideInner .container1{z-index: 9; padding: 0px 32px;}
.sliderPrincipal .slideInner .titolSlide {margin-bottom: 0px;}
.sliderPrincipal .slideInner .descSlide{display: none;}
.sliderPrincipal .slideInner a.generic-button-1{ display: inline-block; margin-top: 10px;}

.page-template-inici-page section.slider{position: relative;}
.page-template-inici-page section.slider .botoFixeSlider{position: absolute; bottom: 0; right: 0; text-align: left;}
.page-template-inici-page section.slider .botoFixeSlider a.generic-button-1{display: inline-block; border-radius: 0px; padding: 10px 40px 10px 25px; width: 350px; font-size: 36px;}
.page-template-inici-page section.slider .botoFixeSlider a.generic-button-1::after {content: ""; width: 20px; height: 20px; background-image: url("/wp-content/uploads/icon-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; right: 25px; bottom: 22px;}

.page-template-inici-page section.introduccio div.introduccio{max-width: 800px;}

.page-template-inici-page .tips{margin: 40px 0px;}
.page-template-inici-page .tips .tip{margin-bottom: 40px;}
.page-template-inici-page .tips .tip .tipTitle{margin-bottom: 10px;}
.page-template-inici-page .tips .tip .tipDesc{margin-top: 0px;}

.page-template-inici-page .xifres{margin: 60px 0 100px 0;}
.blocXifra .xifra{background-color: var(--red4); padding: 30px; border-radius: 10px;}
.blocXifra .xifra:nth-child(2){background-color: var(--red2);}
.blocXifra .xifra:nth-child(3){background-color: var(--red3);}
.blocXifra .xifra:nth-child(4){background-color: var(--grey3);}
.blocXifra .xifra:nth-child(4) *{color: var(--dark);}
.blocXifra .xifra:nth-child(5){background-color: var(--dark);}
.xifraNombre{font-size: 4em; font-weight: 700; width: 200px !important;}
.xifraTitol{margin-bottom: 0px;}
.slick-arrow, a.page-numbers{position: absolute; height: 42px; width: 42px; bottom: -30px; background-repeat: no-repeat; background-position: center; background-size: cover; border: none; border-radius: 0px; background-color: var(--red1);}
a.page-numbers{display: flex; justify-content: center; align-items: center;}
.slick-prev img, a.page-numbers.prev{transform: scaleX(-1);}
.slick-prev, .slick-next, a.page-numbers {position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); cursor: pointer;}
.slick-prev, a.page-numbers.prev {margin-left: -30px;}
.slick-next, a.page-numbers.next {margin-left: 30px;}
ul.page-numbers{position: relative; padding: 0px; margin: 0 auto; width: 100%; list-style: none;}
li:has(> a.page-numbers:not(.next, .prev)), li:has(> span.current) {display: none !important;}

.slick-dots {display: flex; justify-content: center; align-items: center; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 100%; padding: 0px; padding-left: 40px; margin: 0px; gap: 20px; font-size: 2.2em;}
.slick-dots li button {font-size: 0; display: none;}
.slick-dots li{color: var(--grey3)}
.slick-dots li.slick-active{color: var(--red4);}
.slick.arrows{margin-bottom: 40px;}
.slick-slide {margin: 0 10px;}
.slick-list {margin: 0 -10px;}
.slick.overflowv .slick-list{overflow: visible;}
.slick-track{display: flex;}
.blocXifra .slick-prev, .blocXifra .slick-next{bottom: -70px;}

.page-template-inici-page section.formacio{padding: 20px 0px;}
.page-template-inici-page section.formacio a.formacioCardTitol{font-weight: 700; display: block; position: relative; margin: 8px 0 40px 0;}
.page-template-inici-page section.formacio a.formacioCardTitol::after, .generic-button-2::after, .generic-button-2b::after{content: ""; width: 20px; height: 20px; background-image: url("/wp-content/uploads/icon-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; right: 0; bottom: 0; filter: invert(1) brightness(0) invert(17%) sepia(25%) saturate(7312%) hue-rotate(334deg) brightness(97%) contrast(91%);}
.page-template-inici-page section.formacio a.formacioCardTitol img{border-radius: 8px; margin-bottom: 12px;}
.generic-button-2::after, .generic-button-2b::after{width: 15px; height: 15px; right: -28px;}

.agendaBloc .agendaTitol{padding-top: 30px;}

.page-template-inici-page section.noticies{padding: 20px 0px;}
.page-template-inici-page section.noticies .news-item img{border-radius: 16px;}
.page-template-inici-page section.noticies .news-item h2{min-height: 95px; font-size: 1.3em; margin-bottom: 0px;}
.page-template-inici-page section.noticies .slick-slide {margin: 0 20px;}
.page-template-inici-page section.noticies .slick-list {margin: 0 -20px;}

section.partners{margin: 80px 0px;}
section.partners .slick-track{gap: 5px;}

@media (min-width: 768px) {
	.sliderPrincipal{height: 900px;}
	.sliderPrincipal .slideInner::after{background: linear-gradient(to bottom, #000000ab, transparent);}
	.sliderPrincipal .slideInner .descSlide{display: block;}

	.page-template-inici-page section.introduccio{padding: 20px 0px 40px 0px;}
	.page-template-inici-page section.introduccio > .container1{position: relative;}
	.page-template-inici-page section.introduccio > .container1::after{content: ""; display: block; background-image: url("/wp-content/uploads/icon-letter-a.svg"); background-repeat: no-repeat; z-index: -1; position: absolute; width: 600px; height: 600px; right: -24%; bottom: -10%;}

	.tips{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 11%;}
	.tips .tip{flex: 1 1 calc(33.33% - 11%); /*max-width: calc(33.333% - 20px);*/}

	.page-template-inici-page .blocXifra {display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto); gap: 20px; margin: 0 auto;}
	.page-template-inici-page .blocXifra .xifra {display: flex; flex-direction: column; justify-content: space-between; }
	
	.page-template-inici-page .blocXifra > .xifra:nth-child(3), .blocXifra > .xifra:nth-child(4) {position: relative; top: 40%;}
	.page-template-inici-page .blocXifra > .xifra:nth-child(5){position: relative; top: 80%;} 
	.page-template-inici-page .blocXifra .xifraNombre{margin-bottom: 40px;}

	.page-template-inici-page section.formacio{padding: 80px 0px;}
	.blocFormacio{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
	.blocFormacio .formacioCard{flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
	.page-template-inici-page section.formacio a.formacioCardTitol{font-size: 21px;}

	.agendaBloc{ display: flex; flex-wrap: wrap; justify-content: end; gap: 20px; position: relative;}
	.agendaBloc::after{content: ""; display: block; width: 100%; height: 120px; background-color: var(--white); position: absolute; bottom: 0; z-index: 9;}
	.agendaBloc .agendaBlocInner{flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
	.agendaBloc .agendaBlocLeft{max-width: 676px;}
	.agendaBloc .agendaBlocRight{z-index: 99;}

	.page-template-inici-page section.noticies{padding: 80px 0px;}

	section.partners .slick-track{gap: 50px;}

}

/*FI INICI*/

/*ÒRGANS DE GOVERN*/
.intro.grey1Bg{background-image: url("/wp-content/uploads/icon-letter-a-outline.svg"); background-repeat: no-repeat; background-position: 250% 50%; background-size: 80% auto;}
section.intro.grey1Bg .container1 {min-height: 230px; padding: 25px 16px;}

.page-template-organs-govern-page .introduccio{ display: flex; flex-wrap: wrap; justify-content: end; gap: 20px; position: relative;}
.page-template-organs-govern-page .introduccio::after{content: ""; display: block; width: 100%; height: 120px; background-color: var(--grey2); position: absolute; bottom: 0; z-index: -9;}

.page-template-organs-govern-page .botons{display: flex; gap: 20px; margin: 30px 0px;}

.page-template-organs-govern-page .equipDescripcio{max-width: 800px;}
.page-template-organs-govern-page .equipDescripcio p{margin-top: 0px;}

section.equip{padding: 10px 0px 20px 0px;}
section.equip .personaBloc .persona{display: flex; margin-bottom: 30px;}
section.equip .personaBloc .persona .fotoPersona{background-size: cover; background-position: top center; background-repeat: no-repeat; width: 40%; height: 40vw; border-radius: 11px; background-color: var(--grey3);}
section.equip .personaBloc .persona .detallsPersona{width: 60%; display: flex; flex-direction: column; justify-content: flex-end; padding: 4px 25px;}
section.equip .personaBloc .persona .detallsPersona p{margin: 0px;}
section.equip .personaBloc .persona .detallsPersona .personaCarrec{margin-bottom: 6px;}
section.equip .personaBloc .persona .detallsPersona .personaCarrec span{background-color: var(--red4); color: var(--white); padding: 4px 8px; border-radius: 8px; display: inline-block; font-size: 0.8rem;}



@media (min-width: 768px) {
	.intro.grey1Bg{background-position: 110% 50%; background-size: 38%;}
	section.intro.grey1Bg .container1 {min-height: 320px;}
	section.equip .personaBloc{display: flex; flex-wrap: wrap; gap: 40px;}
	section.equip .personaBloc .persona{flex: 1 1 22%; flex-direction: column;  max-width: 310px;}
	section.equip .personaBloc .persona .fotoPersona{width: 100%; height: 28vw;}
	section.equip.vocals .personaBloc .persona .fotoPersona{height: 13vw;}
	section.equip .personaBloc .persona .detallsPersona{width: 100%; padding: 20px 0px;}


}
/*FI ÒRGANS DE GOVERN*/


/*QUI SOM*/
section.intro{background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
section.intro:not(.grey1Bg)::after{content: ""; display: block; width: 100%; height: 100%; background-color: #2A2A2A; position: absolute; top: 0; background: linear-gradient(to bottom, #2A2A2A, transparent); }
section.intro .container1{min-height: 370px; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: 40px; position: relative; z-index: 1;}

/*section.introduccio{margin-bottom: 50px;}*/
section.introduccio .descripcio1 p{margin-bottom: 0.5em;}

.blocInner{display: flex; gap: 15px; margin-bottom: 40px; flex-direction: column;}
.blocTextTitol{margin-top: 8px; font-weight: 400;}
.blocImatge > img{border-radius: 8px;}

.page-template-qui-som-page .blocXifra{display: flex; flex-wrap: wrap; gap: 10px;}
.page-template-qui-som-page .blocXifra .xifra{padding: 20px; width: 50%; max-width: calc(50% - 5px);}
.page-template-qui-som-page .blocXifra .xifraNombre{font-size: 2em; font-weight: 300;}

.page-template-qui-som-page section.blocs .bloc .blocInner{margin-bottom: 60px;}
.page-template-qui-som-page section.blocs .bloc:last-child .blocInner{margin-bottom: 0px;}

.overfv{overflow: visible !important;}

@media (min-width: 768px) {
	.cenefaLogo{position: relative; overflow: hidden;}
	.cenefaLogoL::before{content: ""; display: block; background-image: url("/wp-content/uploads/icon-letter-a.svg"); background-repeat: no-repeat; z-index: -1;position: absolute; width: 410px; height: 480px;}
	.cenefaLogoR::after{content: ""; display: block; background-image: url("/wp-content/uploads/icon-letter-a.svg"); background-repeat: no-repeat; z-index: -1;position: absolute; width: 410px; height: 480px;}
	.cenefaLogoL::before{left: -12%; bottom: -7%;}
	.cenefaLogoR::after{right: -12%; top: 40%;}
	
	section.intro .container1{min-height: 470px;}
	.page-template-qui-som-page section.xifres{margin-bottom: 100px;}
	.page-template-qui-som-page .blocXifra .xifra{flex: 1 1 calc(20% - 20px); max-width: calc(20% - 0px);}

	.page-template-qui-som-page section.blocs .bloc .blocInner{margin-bottom: 100px;}

	.blocInner{flex-direction: row; gap: 40px;}
	.bloc:nth-child(odd) .blocInner {flex-direction: row-reverse;}
	.blocInner .blocCol{flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}

	.dos-columnes{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px 20px;}
	.dos-columnes .generic-button-2-container{flex: 1 1 calc(50% - 20px); max-width: calc(50% - 0px);}
	.tres-columnes{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px 35px;}
	.tres-columnes .generic-button-2-container{flex: 1 1 calc(33% - 35px); max-width: calc(33% - 35px);}

}

@media (min-width: 1600px) {
	section.intro{background-position: top center;}
}
/*FI QUI SOM*/

/*FLEXIBLE CONTENT*/

.intro.titolImatge .titolPage{padding-top: 100px;}
.intro.titolImatge .container1 .colImg{position: relative; margin-top: auto;}

.titolSeccio{margin-top: 30px;}

.descripcioGran{font-size: 1.3em;}

.mesInformacio .generic-button-2-container, .columna .generic-button-2-container{border: 1px solid var(--grey3); display: flex; align-items: center;}
.mesInformacio .generic-button-2-container .generic-button-2, .columna .generic-button-2-container .generic-button-2{display: flex; align-items: center; width: 100%; padding: 10px 40px 10px 18px; min-height: 60px;}
.mesInformacio .generic-button-2-container .generic-button-2::after, .columna .generic-button-2-container .generic-button-2::after {top: 40%; right: 20px;}

section.llistat{border: 1px dashed var(--red4); border-left: none; border-right: none; padding: 20px 20px;}
section.llistat .llistatInner{list-style: none;}
section.llistat .llistatInner li{position: relative; margin-left: 30px; margin-bottom: 30px;}
section.llistat .llistatInner li:last-child{margin-bottom: 0px;}
section.llistat .llistatInner li::before{content: ""; position: absolute; left: -30px; top: 8px; width: 12px; height: 12px; background-color: var(--red4); border-radius: 50%;}

.textDestacatInner{border: 1px solid var(--black); border-left: none; border-right: none;}

.columnesColors{display: flex; flex-wrap: wrap; gap: 10px;}

.textImatgeColumnes{display: flex; gap: 30px; padding: 30px 20px;}
.textImatgeColumnes .columnaImg{width: 100%;}
.textImatgeColumnes .columnaImg > img{border-radius: 16px; margin-bottom: 20px;}

.page-id-709 .textImatgeColumnes{padding: 5px 20px;}
.page-id-709 .titolSeccio h2{margin-bottom: 0px; margin-top: 40px;}



.enllacosImatge .generic-button-2-container img{border-radius: 10px; margin-bottom: 10px; filter: brightness(0.95);}
.enllacosImatge .generic-button-2-container .generic-button-2{display: inline-block; padding-right: 30px;}
.enllacosImatge .generic-button-2-container .generic-button-2::after{top: 3px; right: 0px;}
.enllacosImatge .imatge{position: relative;}
span.nomesSocis{background-color: var(--red4); color: var(--white); font-size: 12px; padding: 5px 10px; border-radius: 6px;}
.enllacosImatge .imatge span.nomesSocis{position: absolute; bottom: 30px; left: 16px;}
.enllacosImatge .imatge img.logoA{position: absolute; width: 40px; bottom: 12px; right: 12px; background-color: var(--red4); border-radius: 50px; padding: 8px 9px;}

.bubbles{display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 40px 0px;}
.bubbles .bubble{background-color: var(--grey1); border-radius: 6px; flex: 0 0 calc(50% - 10px); padding: 14px;}

.desplegables{margin-bottom: 60px;}
.desplegable {margin-bottom: 10px; overflow: hidden; border-top: 1px solid var(--red4); border-radius: 0px;}
.desplegables .desplegable:last-child{border-bottom: 1px solid var(--red4); padding-bottom: 10px;}
.desplegableTitol{width: 100%; text-align: left; padding: 14px 0px; cursor: pointer; transition: background-color 0.3s; background: transparent; border: none; font-size: 18px; line-height: 1.4em; position: relative;}
.desplegableTitol .titol{display: inline-block; max-width: 90%;}
.desplegableTitol .simbol{position: absolute; right: 0;}

.desplegableDesc {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;}
.desplegableDesc .descripcio a{text-decoration: underline;}
.desplegable.open .desplegableDesc {max-height: 500px;}

.banner{margin-top: 40px; margin-bottom: 60px;}
.banner .bannerInner.red1Bg .generic-button-1{background-color: var(--dark);}
.banner .bannerInner.red1Bg .generic-button-1:hover{background-color: var(--red3);}

/*formacio per a les persones*/
.fitxaCursFormacioPreview .card{border-radius: 15px; cursor: pointer; overflow: hidden;}
.fitxaCursFormacioPreview .card .estat{padding: 5px 10px; border-radius: 8px; display: inline-block; margin-bottom: 15px; font-size: 0.8rem;}
.fitxaCursFormacioPreview .card .estat.Poques{background-color: var(--red2);}
.fitxaCursFormacioPreview .card .estat.tancades{background-color: var(--grey3); color: var(--dark);}
.fitxaCursFormacioPreview .card .card-details{display: flex; justify-content: space-around; margin-bottom: 20px; font-size: 0.8rem; flex-wrap: wrap; gap: 20px 35px;}
.fitxaCursFormacioPreview .card .card-details .fila .value{font-weight: 700;}
.fitxaCursFormacioPreview .card a.mesInfo{padding: 8px 20px; background-color: var(--dark); margin-top: 20px; display: inline-block;}
.fitxaCursFormacioPreview .card:hover a.mesInfo{background-color: var(--red1);}

.desplegablesAccordion .accordion{font-weight: bold; font-size: 1.3rem;}



@media (max-width: 767px){
	.fitxaCursFormacioPreview .card{flex-direction: column-reverse;}
}
@media (min-width: 768px) {
	.fitxaCursFormacioPreview .card .a70{width: calc(70% - 0px);}
	.fitxaCursFormacioPreview .card .a30{width: calc(30% - 0px);}
	.fitxaCursFormacioPreview .card .card-details .fila:not(:first-child){border-left: 1px solid; padding-left: 20px;}
}
/*fi formacio per a les persones*/
@media (max-width: 767px){
	.textImatgeColumnes{display: block;}
}

@media (min-width: 768px) {
	.columnesColors .columnaColor{flex: 1 1 calc(33% - 20px); max-width: calc(33% - 0px);}

	.textImatgeColumnes.w30 .columna:first-child{flex: 0 0 40%;}
	.textImatgeColumnes.w50 .columna:first-child{flex: 0 0 50%;}
	.textImatgeColumnes.w70 .columna:first-child{flex: 0 0 60%;}

	.textImatgeColumnes.imatge\2Btext{flex-direction: row-reverse;}

	.bubbles.cuatre-columnes .bubble{flex: 0 0 calc(25% - 10px);}

	.banner .bannerInner .a60 {width: calc(60% - 0px);}
	.banner .bannerInner .a40 {width: calc(40% - 0px);}
}
/*FI FLEXIBLE CONTENT*/

/*RELACIO AMB LES ADMINISTRACIONS i ALTRES ESPAIS DE REPRESENTACIÓ*/
.page-id-709 .textImatgeColumnes, .page-id-2117 .textImatgeColumnes{border-bottom: 1px solid var(--grey3); margin-bottom: 30px;}
.page-id-709 .textImatgeColumnes .columnaImg, .page-id-2117 .textImatgeColumnes .columnaImg{text-align: center;}
.page-id-709 .textImatgeColumnes .columnaImg > img, .page-id-2117 .textImatgeColumnes .columnaImg > img{filter: brightness(0.95);}
@media (min-width: 768px) {
	.page-id-709 .textImatgeColumnes .columnaImg, .page-id-2117 .textImatgeColumnes .columnaImg{text-align: right;}
}
/*fi RELACIO AMB LES ADMINISTRACIONS i ALTRES ESPAIS DE REPRESENTACIÓ*/

/*NOTICIES*/
.page-template-noticies-page .introduccio{margin-bottom: 50px;}
.page-template-noticies-page .introduccio .persones{display: flex; gap: 60px;}

.page-template-noticies-page .previewNoticies{margin-bottom: 100px;}
.page-template-noticies-page .previewNoticiesInner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 0 auto;}
.page-template-noticies-page .previewNoticies .news-thumbnail img{border-radius: 16px;}

.noticies-search{margin-bottom: 40px; display: flex; width: 100%; gap: 1rem;}
.noticies-search input[type="search"] { flex: 1; padding: 0.8rem 1rem; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;}
.noticies-search button {flex: 0 0 auto; padding: 0.8rem 1.5rem; font-size: 1rem; border: none;}
/*FI NOTICIES*/

/*DIRECTORI PROVEIDORS*/
.proveidors{display: flex; flex-direction: column; gap: 30px;}
.proveidors .sidebar{flex: 0 0 100%;}
.proveidors .content{flex: 0 0 100%;}

.proveidors .sidebar .filtre-checkboxes label{display: block; margin-bottom: 12px; padding-left: 25px; position: relative;}
input.filtre-checkbox{position: absolute; left: 4px; top: 4px;}

.proveidor{border-radius: 12px; position: relative;}
.page-id-712 .proveidor .proveidorInner{padding: 30px;}
.proveidor.colaborador{margin-bottom: 50px;}
.proveidor .logoProveidorContainer{text-align: center; background: var(--grey1); border-radius: 8px; margin-bottom: 10px;}
.proveidor .logoProveidorContainer .logoProveidor{max-width: 160px; background: white; border-radius: 8px;}
.proveidor .nom{margin-bottom: 10px; display: inline-block; margin-right: 20px;}
.proveidor .colaborador{display: block; padding: 5px 10px; font-size: 0.8em; border-radius: 8px; position: relative; top: -6px; max-width: 92px;}
.proveidor .dades{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; margin-top: 12px;}
@media (min-width: 768px) {
	.proveidors{flex-direction: row;}
	.proveidors .sidebar{flex: 0 0 30%; border-right: 1px dashed var(--red4);}
	.proveidors .content{flex: 0 0 70%;}
	.page-id-712 .proveidor .proveidorInner{max-width: 70%;}
	.proveidor .dades{grid-template-columns: repeat(2, 1fr);}
	.proveidor .colaborador{display: inline-block; max-width: none;}
	.proveidor .logoProveidor{position: absolute; max-width: 25%; top: 35px; right: 30px;}
}
@media (max-width: 767px){
	.page-id-712 .proveidor .logoProveidorContainer{position: relative; top: 20px; padding: 10px 0 5px 0;}
}
/*FI DIRECTORI PROVEIDORS*/

/* documentacio interès i normativa sectorial */
.proveidors.documentacio .proveidor .nomesSocis{display: inline-block; margin-bottom: 6px;}
.proveidors.documentacio .proveidor .nom{display: block; margin-top: 0px; margin-bottom: 0px;}



/* FI documentacio interès i normativa sectorial */

/*ALTRES PROJECTES*/
.previewAltresProjectes{padding-bottom: 60px;}
.previewAltresProjectes .altres-projectes-item{display: flex; flex-direction: column; gap: 30px; margin-bottom: 50px;}
.previewAltresProjectes .altres-projectes-item .altres-projectes-thumbnail img{border-radius: 8px;}
.previewAltresProjectes .altres-projectes-item a.mesInformacio{display: inline-block; margin-top: 20px;}
@media (min-width: 768px) {
	.previewAltresProjectes .altres-projectes-item{flex-direction: row;}
	.previewAltresProjectes .altres-projectes-item:nth-child(odd) {flex-direction: row-reverse;}

	.previewAltresProjectes .altres-projectes-item .columna{flex: 0 1 50%;}

}
/*FI ALTRES PROJECTES*/

/*SINGLE ALTRES PROJECTES*/
.single-altres-projectes article.altres-projectes{padding-bottom: 60px;}
/*fi SINGLE ALTRES PROJECTES*/


/*MISSIONS EMPRESARIALS*/
.missionsActuals .generic-button-1{margin-top: 25px; display: inline-block;}
/*FI MISSIONS EMPRESARIALS*/

/*ORGANS PARTICIPACIÓ*/
table.taulaOrgansParticipacio{margin: 50px 0px 70px 0;}
table.taulaOrgansParticipacio thead th{background-color: var(--red4); color: var(--white); font-weight: 300; border-radius: 20px;}
table.taulaOrgansParticipacio tbody td{background-color: var(--grey1); color: var(--red4); text-align: center; border-radius: 20px; padding: 10px 20px;}
table.taulaOrgansParticipacio th{border: 10px solid white; padding: 8px 12px; border-radius: 8px;}
table.taulaOrgansParticipacio td{border: 10px solid white; border-radius: 8px;}
table.taulaOrgansParticipacio td:empty {background: none !important;}
/*FI ORGANS PARTICIPACIÓ*/

/*NOSTRES ASSOCIATS*/
.page-id-700 section.xifres .container2{padding: 0px;}
.page-id-700 section.xifres .xifraNombre{font-size: 30px;}
.page-id-700 section.xifres .xifraTitol{font-size: 14px;}
/*FI NOSTRES ASSOCIATS*/

/*PATRONAL REFERÈNCIA*/
.page-template-patronal-page .blocXifra{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 25px;}
.page-template-patronal-page .blocXifra .xifra .xifraNombre {font-weight: 300;}

section.compromisos{margin-bottom: 80px;}
section.compromisos .tips{gap: 25px;}
.compromis.tip{border: 1px solid var(--red4); border-radius: 10px; padding: 20px; flex: 0 0 calc(33.33% - 20px); margin-bottom: 20px;}
.compromis.tip .compromisDesc{margin: 0px;}
.compromis.tip .compromisDesc span.primera{display: block;}

@media (min-width: 768px) {
	.page-template-patronal-page .blocXifra .xifra{flex: 1 1 calc(33.33% - 20px);}
	.compromis.tip{margin-bottom: 0px;}
}
/*FI PATRONAL REFERÈNCIA*/

/*MEMÒRIA*/
.destacatsAny .destacatsAnyCarousel, .destacatsAdminCarousel {padding-bottom: 20px; margin-bottom: 100px;}
.destacatsAny .destacatAny{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0px; border-radius: 8px; overflow: hidden;}
.destacatsAny .destacatAny .col{flex: 1 1 calc(100%); max-width: calc(100%);}
.destacatsAny .destacatAny .col.colText{padding: 10px 50px;}
.destacatsAny .destacatAny .col.colImg img{border-radius: 8px;}
.destacatsAny .destacatAny .generic-button-2-container{margin-top: 30px;}

.destacatsAdmin .slick-list{overflow: visible;}
.destacatsAdmin .destacatAdmin{padding: 50px 25px 20px 25px; border-radius: 10px; min-height: 180px;}
.destacatsAdmin .destacatAdmin .generic-button-2{display: inline-block; font-size: 1em;}
.destacatsAdmin .destacatAdmin .generic-button-2::after {right: 0; top: -30px;}

.representativitat .container2{padding: 0px;}

.serveisAcra{margin: 80px auto;}
.serveisAcraCarousel .slick-list{overflow: visible;}
.serveisAcraCarousel .servei {border-radius: 8px;}
.serveisAcraCarousel .servei .rowImg{position: relative;}
.serveisAcraCarousel .servei .rowImg::after {content: ""; display: block; width: 100%; height: 100%; background-color: #000000a6; position: absolute; top: 0; background: linear-gradient(to top, #000000ab, transparent);}
.serveisAcraCarousel .servei .rowImg .imatge{min-height: 150px; border-radius: 8px; display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-position: center;}
.serveisAcraCarousel .servei .rowImg h3{padding: 12px 20px; position: relative; z-index: 9;}
.serveisAcraCarousel .servei .rowText{padding: 12px 20px;}

.activitatOrganitzacio .activitat{border-radius: 8px; padding: 12px 20px;}
.activitatOrganitzacioInner {display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, 1fr);gap: 20px; margin: 0 auto;}
.activitatOrganitzacioInner .activitat {display: flex; flex-direction: column; justify-content: space-between; }

.informacioFinancera{margin: 80px auto;}

.historicMemories{margin-bottom: 80px;}
.historicMemoriesInner{display: grid; grid-auto-flow: row; grid-template-columns: repeat(1, 1fr); gap: 20px 40px; margin: 0 auto;}
.historicMemoriesInner .rowImg img{width: 100%; border-radius: 8px;}
.historicMemoriesInner .rowText .generic-button-2-container{padding-top: 10px;}
.historicMemoriesInner .rowText .generic-button-2-container .generic-button-2{display: block;}
.historicMemoriesInner .rowText .generic-button-2-container .generic-button-2::after {right: 0;}
@media (min-width: 1000px){
	.destacatsAny .destacatAny{flex-direction: row-reverse;}
	.destacatsAny .destacatAny .col{flex: 1 1 calc(50%); max-width: calc(50%);}

	.destacatsAdminCarousel {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-rows: repeat(2, auto); gap: 20px; margin: 0 auto;}
	.destacatsAdminCarousel .destacatAdmin {display: flex; flex-direction: column; justify-content: space-between; }

	.serveisAcraCarousel {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-rows: repeat(2, auto); gap: 20px; margin: 0 auto;}
	.serveisAcraCarousel .servei {display: flex; flex-direction: column; justify-content: flex-start; }

	.activitatOrganitzacioInner {grid-template-columns: repeat(4, 1fr);}

	.historicMemoriesInner{grid-template-columns: repeat(3, 1fr);}
}

/*FI MEMÒRIA*/

/*WEBINARS*/
.webinar-item{gap: 40px;}
.webinar-thumbnail {width: 100%; height: 300px; background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 16px;}

.play-icon {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease;}
.webinar-link:hover .play-icon {transform: scale(1.1);}


.popup-overlay {display: none; position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 9999;}
.popup-content {max-width: 1280px; margin: 5vh auto; background: #fff; position: relative;}
.video-wrapper {position: relative; min-height: 500px;display: flex; align-items: center; justify-content: center; }
.video-wrapper iframe {position: absolute; inset: 0; width: 100%; height: 100%;}
.close-popup {position: absolute; top: -40px; right: 0; color: #fff; cursor: pointer; font-size: 30px;}



/*fi WEBINARS*/

/*JORNADA*/
.templates-jornades-i-premis .intro .titolPage, .intro.titolImatge .titolPage{margin: 0px; line-height: 1.1em;}
.templates-jornades-i-premis .intro p.dataEvent {margin-top: 0px;}
.templates-jornades-i-premis .intro a.generic-button-1,
.page-template-gent-gran-page .introInner .generic-button-1,
.intro.titolImatge .introInner .generic-button-1{display: inline-block; border-radius: 0px; padding: 10px 70px 10px 25px; width: auto; font-size: 26px; position: relative;}
.generic-button-2b{display: inline-block; border-radius: 0px; padding: 10px 70px 10px 20px; width: auto; font-size: 1rem; position: relative;}
.templates-jornades-i-premis .intro a.generic-button-1::after,
.page-template-gent-gran-page .introInner .generic-button-1::after, .generic-button-2b::after,
.intro.titolImatge .generic-button-1::after{content: ""; width: 15px; height: 15px; background-image: url("/wp-content/uploads/icon-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; right: 25px; bottom: 19px;}
.generic-button-2b::after{bottom: 13px;}

.mobile-tab-nav {display: none;}
.acf-tab-nav-bar{background-color: var(--red5);}
.acf-tab-nav {display: flex; list-style: none; padding: 0px; margin: 0 auto; align-items: center;}
.acf-tab-nav li {display: flex; align-items: center; cursor: pointer; border-bottom: 2px solid transparent; color: var(--white); text-align: center; height: 60px; padding: 0px 20px;}
.acf-tab-nav li.active {background: var(--red1);}
.acf-tab-panel {display: none; margin: 40px 0px;}
.acf-tab-panel.active, .acf-tab-panel:target {display: block;}
.acf-tab-panel.active .columnes{display: flex; gap: 3rem; flex-direction: column;}

.acf-tab-panel .descripcioGran p{margin-top: 0px;}
.acf-tab-panel .columnes > .content, .acf-tab-panel .columnes > .sidebar{flex: 1;}

.sidebar .bannerTab .bannerTabInner{background-color: var(--red5); position: relative; display: block; min-height: 190px; margin-bottom: 30px;}
.sidebar .bannerTab .bannerTabInner:hover{background-color: var(--dark);}
.sidebar .bannerTab .bannerTabInner span{position: absolute; display: inlinb-block; color: var(--white); bottom: 25px; left: 30px; max-width: 260px; line-height: 1.1em;}
.sidebar .bannerTab .bannerTabInner::after{content: ""; width: 20px; height: 20px; background-image: url("/wp-content/uploads/icon-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; right: 30px; bottom: 30px;}

/* Mòbil: tabs → desplegables */
@media screen and (max-width: 767px) {
	.templates-jornades-i-premis .intro .titolPage{font-size: 2em;}
	.templates-jornades-i-premis .intro p.dataEvent {margin-top: 10px; font-size: 1.2em;}
	.templates-jornades-i-premis .intro a.generic-button-1{display: none;}
	.acf-tab-nav-desktop {display: none;}
	.mobile-tab-nav {display: block;}
	.acf-tab-nav li {border-bottom: 1px solid #eee;}

	.acf-tab-panel .columnes > .content, .acf-tab-panel .columnes .sidebar .contenidor, .acf-tab-panel .content2{padding: 0px 20px !important;}
	.templates-jornades-i-premis section.equip .personaBloc .persona{display: block;}
	.templates-jornades-i-premis section.equip .personaBloc .persona .fotoPersona, .templates-jornades-i-premis section.equip .personaBloc .persona .detallsPersona{width: 100%; padding: 20px 0px;}
	.templates-jornades-i-premis section.equip .personaBloc .persona .fotoPersona{height: 60vw;}

	.jornades-anteriors{justify-content: center;}
}
.acf-tab-nav-mobile{display: block; background: transparent; border: none; color: var(--white); width: 100%; padding: 0px; appearance: none; -webkit_appearance: none; -moz-appearance: none;}
.acf-tab-nav-mobile .dropdown-toggle{position: relative; padding: 20px;}
.acf-tab-nav-mobile .dropdown-toggle::after{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 24px; right: 20px; background-image: url("https://acracrm.cat/wp-content/uploads/icon-arrow3.svg"); background-repeat: no-repeat; filter: invert(1) brightness(1000%); transform: rotate(90deg);}
.acf-tab-nav-mobile .dropdown-toggle.open::after {top: 18px; transform: rotate(-90deg);}
.acf-tab-nav-mobile ul{list-style: none; padding: 0px; margin: 0px;}
.acf-tab-nav-mobile ul li{background-color: var(--grey1); color: var(--dark); border: none;}
.acf-tab-nav .dropdown-list li.active{display: none;}

 
.puntsPrograma{display: grid; grid-template-columns: 35% 65%; gap: 20px 10px; align-items: start;}
.jornades-anteriors{display: flex; flex-wrap: wrap; gap: 40px;}
.jornades-anteriors .jornada-item{display: block;}
.jornades-anteriors .jornada-item img.wp-post-image{border-radius: 10px; width: 100%;}
.jornades-anteriors .jornada-item .titol{position: relative; margin-top: 10px;}
.jornades-anteriors .jornada-item .titol::after{content: ""; width: 14px; height: 14px; background-image: url("/wp-content/uploads/icon-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; right: 0; bottom: 4px; filter: invert(1) brightness(0) invert(17%) sepia(25%) saturate(7312%) hue-rotate(334deg) brightness(97%) contrast(91%);}

.patrocinadorsGrup > img{max-width: 150px;}

@media (min-width: 768px){
	.templates-jornades-i-premis .intro .introInner{max-width: 60%;}
	.puntsPrograma{grid-template-columns: 20% 80%;}
	.jornades-anteriors .jornada-item{flex: 1 1 22%; flex-direction: column; max-width: 290px;}

	.acf-tab-nav-mobile{display: none;}
	.acf-tab-panel{margin: 80px 0px;}
	.acf-tab-panel.active .columnes{flex-direction: row;}
	.acf-tab-panel .columnes .sidebar{max-width: 280px;}
	.sidebar .bannerTab .bannerTabInner{min-height: 400px;}
	.sidebar .bannerTab .bannerTabInner span{max-width: 80%; bottom: 70px; }
	.sidebar .bannerTab .bannerTabInner::after{left: 30px; right: auto; width: 25px; height: 25px;}
}
/*FI JORNADA*/
/* PREMIS */
.templates-jornades-i-premis #participar .blocXifra{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.templates-jornades-i-premis #participar .blocXifra .xifra{flex: 1 1 100%;}

.galeriaContainer{margin-top: 50px;}
.galeriaContainer .galeria{padding-bottom: 25px;}
.galeriaContainer .galeria .news-item img{border-radius: 10px;}


@media (min-width: 768px){
	.templates-jornades-i-premis #participar .blocXifra .xifra{flex: 1 1 calc(50% - 20px);}
}
/*FI PREMIS*/

/*GENT GRAN*/

.page-template-gent-gran-page #mainHeader{position: absolute; left: 0; right: 0; z-index: 9; max-width: 100%;}
.page-template-gent-gran-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) {background-color: var(--white);}

.page-template-gent-gran-page #mainHeader .container1 .logo img{filter: invert(1) brightness(1000%);}
.page-template-gent-gran-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) .logo img{filter: none;}
.page-template-gent-gran-page #mainHeader:has(.mega-menu-open, .mega-toggle-on) .areaSocisMobile{visibility: hidden;}
.page-template-gent-gran-page #mainHeader .m-mobil .menu a.areaSocisMobile{filter: none;}
.page-template-gent-gran-page #mainHeader:not(:has(.mega-menu-open, .mega-toggle-on)) .m-desktop #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--white);}
.page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, .page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, .page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--white);}
.page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner, .page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner::before, .page-template-inici-page #mega-menu-wrap-menu-1 .mega-menu-toggle:is(.mega-menu-open, .mega-toggle-on) .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--dark);}

.page-template-gent-gran-page .breadcrumb-custom{position: relative; padding: 0px 20px;}

/*
.page-template-gent-gran-page #mainHeader{background-color: #2A2A2A;}
.page-template-gent-gran-page #mainHeader .logo img{filter: invert(1) brightness(1000%);}
*/
.page-template-gent-gran-page #mainHeader .m-mobil .menu a.areaSocisMobile{filter: invert(0);}
.page-template-gent-gran-page #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--white);}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1{background-color: #2A2A2A;}
.page-template-gent-gran-page #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--white);}

.page-template-gent-gran-page .intro .breadcrumbs, .intro.titolImatge .breadcrumbs{max-width: 1500px; margin: 0 auto;}

.page-template-gent-gran-page .intro{background-image: url('https://acracrm.cat/wp-content/uploads/bg-ggga.jpg'); background-size: cover; background-position: center; padding-top: 150px;}

.page-template-gent-gran-page .intro > .container1, ..intro.titolImatge > .container1{display: flex;}
.page-template-gent-gran-page .intro > .container1 .coltext, .page-template-gent-gran-page .intro > .container1 .colImg, .intro.titolImatge > .container1 .coltext, .intro.titolImatge > .container1 .colImg{flex: 1;}
.page-template-gent-gran-page .intro > .container1 .colImg img, .intro.titolImatge > .container1 .colImg img{position: relative; top: 40px;}
.page-template-gent-gran-page .intro .preTitolPage, .intro.titolImatge .preTitolPage{margin-top: 50px; margin-bottom: 0px; background-color: var(--red4); display: inline-block; padding: 5px 15px; border-radius: 8px;}
.page-template-gent-gran-page .content{margin-top: 70px; margin-bottom: 50px;}

.page-template-gent-gran-page .blocXifra{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px;}
.page-template-gent-gran-page .xifraNombre{font-weight: 300;}
.xifraDesc a{color: var(--white);}

.content ul{margin-left: 0px;}

@media (min-width: 768px){
	.page-template-gent-gran-page .intro > .container1, .intro.titolImatge > .container1{flex-direction: row;}
	.page-template-gent-gran-page .intro > .container1 .colImg img, .intro.titolImatge > .container1 .colImg img{top: 100px; width: 100%;}
	.page-template-gent-gran-page .content{margin-top: 150px;}
	.page-template-gent-gran-page .blocXifra .xifra{flex: 1 1 calc(33.33% - 20px);}

	.page-template-gent-gran-page section.intro .container1, section.intro.titolImatge .container1{position: relative;}
	section.intro.titolImatge .container1{margin-bottom: 150px;}
	.page-template-gent-gran-page .intro .preTitolPage, .intro.titolImatge .preTitolPage{margin-top: 100px;}
	.page-template-gent-gran-page .introInner .generic-button-1, .intro.titolImatge .introInner .generic-button-1{position: absolute; bottom: 0;}

	section.equip .personaBloc .persona.premi{flex: 1 1 33%; max-width: 48%;}

}
/*FI GENT GRAN*/

/*BORSA DE TREBALL*/
.page-id-65 .columnaText .generic-button-1{width: 100%; display: inline-block; text-align: center; margin-bottom: 10px;}
.page-id-65 .columnaText > .generic-button-1-container:nth-of-type(3) .generic-button-1, .page-id-65 .columnaText > .generic-button-1-container:nth-of-type(4) .generic-button-1{background-color: white; color: var(--red4); border: 1px solid var(--red4);}

/*FI BORSA DE TREBALL */

/*OFERTES DE TREBALL*/
.page-id-1760 .filter-bar, [class*="page-template-area-"] .filter-bar{background-color: var(--red4); border-radius: 15px; margin-bottom: 40px; overflow: hidden; padding: 25px 30px;}
.page-id-1760 .filter-bar label, [class*="page-template-area-"] .filter-bar label{display: none;}
.page-id-1760 .filter-bar select, [class*="page-template-area-"] .filter-bar select{background: var(--white); border: none; border-radius: 5px; height: 49px; padding: 0px 15px; width: 100%;}
.page-id-1760 .filter-bar button, [class*="page-template-area-"] .filter-bar button{margin-top: 0px !important; border:none; border-radius: 5px; color: var(--white); height: 49px; padding: 0px 40px; background-color: var(--dark) !important; width: 100%; cursor: pointer;}
.page-id-1760 .filter-bar button:hover, [class*="page-template-area-"] .filter-bar button:hover{background-color: black !important;}
.page-id-1760 .table-bordered, [class*="page-template-area-"] .table-bordered{border-collapse: collapse;}
.page-id-1760 .table-bordered thead, [class*="page-template-area-"] .table-bordered thead{text-align: left;}
.page-id-1760 .table-bordered th, .page-id-1760 .table-bordered td,
[class*="page-template-area-"] .table-bordered th, [class*="page-template-area-"] .table-bordered td{padding: 8px;}
.page-id-1760 .table-bordered td, [class*="page-template-area-"] .table-bordered td{border-bottom: 1px solid #D9D9D9;}
.page-id-1760 .table-bordered tr:last-child td, [class*="page-template-area-"] .table-bordered tr:last-child td{border-bottom: none;}

.page-id-1760 .textImatgeColumnes .columna, .page-id-1514 .textImatgeColumnes .columna{width: 100%;}
.page-id-1760 .mesInformacio .bannerTabInner, .page-id-1514 .mesInformacio .bannerTabInner{border-radius: 10px; margin-bottom: 0px;}
.page-id-1760 .textImatgeColumnes .columna:nth-child(2) .bannerTabInner,
.page-id-1514 .textImatgeColumnes .columna:nth-child(2) .bannerTabInner{background-color: var(--dark);}
.sidebar.rightArrow .bannerTab .bannerTabInner{min-height: 250px;}
.sidebar.rightArrow .bannerTab .bannerTabInner::after {left: auto; right: 30px;}
.sidebar.rightArrow .bannerTab .bannerTabInner span{bottom: 28px;}


@media (min-width: 768px){
	.page-id-1760 .filter-bar .col-md-4, [class*="page-template-area-"] .filter-bar .col-md-4{float: left; padding: 0px 6px;}
	.page-id-1760 .filter-bar .col-md-4:first-child, .page-id-1760 .filter-bar .col-md-4:nth-child(2),
	[class*="page-template-area-"] .filter-bar .col-md-4:first-child, [class*="page-template-area-"] .filter-bar .col-md-4:nth-child(2){width: 40%;}
	.page-id-1760 .filter-bar .col-md-4:nth-child(3){width: 20%;}
}
/*FI OFERTES DE TREBALL*/

/*OFERTA DE TREBALL SINGLE*/
.job-details-container{background-color: transparent; box-shadow: none;}
.job-details-container .job-header > h1{color: var(--red4); margin-bottom: 0px;}
.job-details-container .job-header p.empresa{margin-top: 5px;}
.job-details-container .job-info-grid{background-color: var(--grey1); padding: 10px 30px; display: flex;  flex-wrap: wrap; gap: 30px; margin-top: 15px; border-radius: 15px;}
.job-details-container h2{color: var(--red4);}
.job-details-container .job-apply{text-align: center; margin: 60px 0px;}

@media (min-width: 768px){
	.job-info-col {flex: 1 1 45%;}
}
/*FI OFERTA DE TREBALL SINGLE*/

/*FORMACIÓ PER A LES PERSONES*/
.sidebar .bannerTab .bannerTabInner img.alignnone{position: absolute; bottom: 100px; left: 20px;}
/*FI FORMACIÓ PER A LES PERSONES*/

/*FORMACIÓ PER A LES EMPRESES*/
.page-id-1516 .generic-button-1-container{display: flex; margin-right: 10px; margin-bottom: 10px; float: left;}
/*FI FORMACIÓ PER A LES EMPRESES*/


/*CURSOS*/
#course-container{gap: 20px;}
#course-container .fitxaCurs .fitxaCursInner{border-radius: 15px; overflow: hidden;}
#course-container .fitxaCurs .card-img-top{width: 100%;}
#course-container .fitxaCurs .card-body{padding: 20px 30px;}
#course-container .fitxaCurs .card-body h2{font-weight: 600; margin-top: 0px; font-size: 1.3rem; line-height: 1.6rem;}

#course-container .fitxaCurs .text-start .fila {display: flex; justify-content: space-between; margin-bottom: 0.2rem; font-size: 0.8em;}
#course-container .fitxaCurs .text-start .label {margin-right: 1rem; flex: 0 0 40%;}
#course-container .fitxaCurs .text-start .value {flex: 1; text-align: left; font-weight: 700;}
#course-container .fitxaCurs .boto a.generic-button-1{display: block; margin-top: 25px; background-color: var(--dark); text-align: center; pointer-events: none;}
#course-container .fitxaCurs:hover .boto a.generic-button-1{background-color: var(--red1);}


.page-template-cursos-page #container-principal-cursos{display: flex; flex-direction: column; gap: 30px;}
.page-template-cursos-page #container-principal-cursos .sidebar{flex: 0 0 100%;}
.page-template-cursos-page #container-principal-cursos .content{flex: 0 0 100%;}

.page-template-cursos-page #container-principal-cursos .sidebar label{position: relative; display: block; margin-bottom: 10px;}
.page-template-cursos-page #container-principal-cursos .sidebar label input{position: absolute; left: -17px; top: 4px;}

.page-template-cursos-page #container-principal-cursos .sidebar #checkbox_cursos{padding: 0 10px 20px 17px;}
.page-template-cursos-page #container-principal-cursos .sidebar .filtre-checkboxes label{display: block; margin-bottom: 12px; padding-left: 25px; position: relative;}

@media (min-width: 768px) {
	.page-template-cursos-page #container-principal-cursos{flex-direction: row;}
	.page-template-cursos-page #container-principal-cursos .sidebar{flex: 0 0 30%; border-right: 1px dashed var(--red4);}
	.page-template-cursos-page #container-principal-cursos .content{flex: 0 0 70%;}
}

/*FI CURSOS*/

/*SINGLE CURS*/

.page-template-single-curs-page .intro .container1{margin-bottom: 0px;}
.page-template-single-curs-page .intro .generic-button-2b{background-color: var(--red1); color: var(--white);}
.page-template-single-curs-page .intro .generic-button-2b:hover{background-color: var(--red3);}
.page-template-single-curs-page .intro .generic-button-2b:after{filter: invert(0) brightness(1000%);}


.page-template-single-curs-page .introduccio{padding: 40px 0px 60px 0;}
.page-template-single-curs-page .introduccio .generic-button-2b{background-color: var(--dark); color: var(--white);}
.page-template-single-curs-page .introduccio .generic-button-2b:hover{background-color: var(--red3);}
.page-template-single-curs-page .introduccio .generic-button-2b:after{filter: invert(0) brightness(1000%);}

.page-template-single-curs-page .introduccio .course-body .col{columns: 2; column-gap: 2rem; color: var(--white);}
.page-template-single-curs-page .introduccio .course-body .col .fila{margin-bottom: 20px;}
.page-template-single-curs-page .introduccio .course-body .col .fila .value{font-weight: 700;}

.page-template-single-curs-page .acf-tab-panel .ck-content
/*FI SINGLE CURS*/


/*LOGIN*/
.user-registration-page #user-registration{margin-bottom: 0px;}

.user-registration-page.usuari-no-identificat .bgImage{background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 250px;}
.page-id-1961.user-registration-page.usuari-no-identificat .bgImage{background-image: url("https://acracrm.cat/wp-content/uploads/login-area-socis.png");}
.page-id-2467.user-registration-page.usuari-no-identificat .bgImage{background-image: url("https://acracrm.cat/wp-content/uploads/login-area-alumnes.png");}

.page-template-area-soci-page #user-registration > .containerFull.flex{flex-direction: column;}

.user-registration-page .ur-frontend-form{border: none; min-width: 90%; padding: 50px 10px !important;}
.user-registration-page .formLogin .intro{padding: 10px;}
.user-registration-page .formLogin{display: flex; justify-content: center; align-items: center; background-image: url("/wp-content/uploads/icon-letter-a.svg"); background-repeat: no-repeat; background-position: center; background-size: auto 90%;}
.user-registration-page .formLogin .user-registration-Button{background-color: var(--red4); color: var(--white); padding: 10px 30px; border-radius: 8px; text-decoration: none; border: none !important;}
.user-registration-page .formLogin .user-registration-Button:hover{background-color: var(--dark);}
.user-registration-page .formLogin .input-wrapper input{padding: 15px !important; border-radius: 8px !important;}

.user-registration-page .user-registration-LostPassword{margin-top: 50px}
.user-registration-page .user-registration-LostPassword a, .page-template-area-soci-page .user-registration-register a{text-decoration: underline !important;}

@media (min-width: 768px) {
	.user-registration-page.usuari-no-identificat .bgImage{min-height: 800px;}
	.page-template-area-soci-page #user-registration > .containerFull.flex{flex-direction: row;}
	.page-template-area-soci-page .ur-frontend-form{min-width: 60%;}
}
/*FI LOGIN*/



/*ÀREA SOCIS*/

.page-template-area-soci-page h1, .page-template-area-alumne-page h1{max-width: 600px;}
.page-template-area-soci-page .tips .tip:hover .tipInner{background-color: var(--grey2);}
.page-template-area-soci-page .tips .tip .tipInner a{width: 100%; height: 100%; display: block; padding: 20px;}
.page-template-area-soci-page .tips .tip .tipInner a p{margin-bottom: 0px; min-height: 70px; display: flex; align-items: flex-end;}

sup.required, span.text-danger{color: #9d0303;}

@media (min-width: 768px) {
	.page-template-area-soci-page .tips{gap:15px;}
	.page-template-area-soci-page .tips .tip {flex: 1 1 calc(24% );}
}

/*elements amb sidebar*/
[class*="page-template-area-"] .compte{display: flex; gap: 20px 60px;}
[class*="page-template-area-"] .compte .sidebar {flex: 0 0 100%;}
[class*="page-template-area-"] .compte .sidebar ul{margin-left: 0px; padding-left: 0px; display: flex; flex-direction: column; gap: 10px 0px;}
[class*="page-template-area-"] .compte .sidebar li{list-style: none;}
[class*="page-template-area-"] .compte .sidebar li a{display: block; width: 100%; padding: 5px 10px; border-radius: 10px;}
[class*="page-template-area-"] .compte .sidebar li a.actiu, [class*="page-template-area-"] .compte .sidebar li a:hover{background-color: var(--red1); color: var(--white);}
[class*="page-template-area-"] .compte .sidebar li a.actiu img, [class*="page-template-area-"] .compte .sidebar li a:hover img{filter: invert(1) brightness(1000%);}
[class*="page-template-area-"] .compte .sidebar li a img{margin-right: 8px; position: relative; top: 2px;}

[class*="page-template-area-"] .compte #contenidor-dreta {flex: 0 0 100%;}

[class*="page-template-area-"] .compte #contenidor-dreta input.text-white, [class*="page-template-area-"] .compte #contenidor-dreta button[type="submit"], .page-template-area-soci-page-child [type="submit"]{cursor: pointer; padding: 8px 16px; margin-bottom: 0px; border-radius: 8px; text-decoration: none; border: none; color: var(--white);}
[class*="page-template-area-"] .compte #contenidor-dreta input.text-white:hover{background-color: var(--dark) !important;}
[class*="page-template-area-"] .compte #contenidor-dreta button[type="submit"], .page-template-area-soci-page-child [type="submit"] {background-color: var(--red1); margin-top: 14px; min-width: 160px; float: right;}
[class*="page-template-area-"] .compte #contenidor-dreta button[type="submit"]:hover, .page-template-area-soci-page-child [type="submit"]:hover{background-color: var(--dark) !important;}

.generic-button-2-container.gris .generic-button-2{padding: 20px 20px; background-color: var(--grey1); width: 100%; display: block; border-radius: 8px;}
.generic-button-2-container.gris .generic-button-2::after{right: 14px; top: 40%;}

[class*="page-template-area-"] .compte #contenidor-dreta .list-unstyled{list-style: none; margin-left: 0px; padding-left: 0px; margin-bottom: 0px;}

/*
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: background-color 0.3s;
    margin-bottom: 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.accordion.active, .accordion:hover {
    background-color: #1c1c1b;
    color: #fff;
}

.panel {
    padding: 0 20px;
    background-color: white;
    display: none;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px;
}

.panel p {
    margin: 15px 0;
}

.pdf-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #000;
    margin-top: 10px;
}

.pdf-link svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    fill: #000;
}
*/

@media (min-width: 768px) {
	[class*="page-template-area-"] .compte .sidebar {flex: 0 0 30%;}
	[class*="page-template-area-"] .compte #contenidor-dreta { flex: 0 0 calc(70% - 60px);}
	.page-template-area-alumne-page .compte #contenidor-dreta{max-width: 65%;}
	[class*="page-template-area-"] .compte #contenidor-dreta .a40 {width: calc(40% - 0px);}

}
/*fi elements amb sidebar*/


/*child*/
section.tornar{margin-bottom: 40px;}
a.tornarButton{background-color: var(--grey1); padding: 6px 15px; border-radius: 20px;}
a.tornarButton img{filter: invert(1) brightness(0) invert(17%) sepia(25%) saturate(7312%) hue-rotate(334deg) brightness(97%) contrast(91%); rotate: 180deg;}



[class*="page-template-area-"] form {display: flex; flex-direction: column; max-width: 1000px; margin: 0 auto;}
[class*="page-template-area-"] form .row {display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
[class*="page-template-area-"] form .col-md-6 { display: flex; flex-direction: column; width: 46%; margin-right: 4%; margin-bottom: 10px;}
[class*="page-template-area-"] form .row .col-md-6:last-child {margin-right: 0;}
[class*="page-template-area-"] form label {margin-bottom: 0.5rem; font-size: 16px; text-align: left;}
[class*="page-template-area-"] form input, [class*="page-template-area-"] form select {padding: 0.5rem; border: 1px solid #ccc; border-radius: 5px; width: 100%; }
[class*="page-template-area-"] form input[type="checkbox"]{width: auto;}

[class*="page-template-area-"] table{text-align: left; padding: 0 !important; border-collapse: collapse !important; border-color: var(--dark); border-radius: 0px;}
[class*="page-template-area-"] table thead{background-color: var(--dark);}
[class*="page-template-area-"] table thead tr {background-color: transparent;}
[class*="page-template-area-"] table tbody{background-color: var(--grey1);}
[class*="page-template-area-"] table th, [class*="page-template-area-"] table td{padding: 5px 10px;}
[class*="page-template-area-"] table a.btn{color: var(--red1);}
[class*="page-template-area-"] table a.btn:hover{color: var(--red3) !important;}


[class*="page-template-area-"] .oferta-item{margin-bottom: 20px;}
[class*="page-template-area-"] .oferta-item h2{color: var(--red1) !important;}
[class*="page-template-area-"] .oferta-item .button-activar, [class*="page-template-area-"] .oferta-item .button-desactivar{text-align: center; min-width: 0px; position: relative; top: -9px; padding: 8px 16px;}
[class*="page-template-area-"] .oferta-item .button-activar{background-color: var(--grey4);}
[class*="page-template-area-"] .oferta-item .button-editar, [class*="page-template-area-"] table .button-editar{border-radius: 8px; padding: 5px 14px;}

[class*="page-template-area-"] table#tabla-inscripciones thead, [class*="page-template-area-"] table#tabla-inscripciones thead tr, [class*="page-template-area-"] table#tabla-inscripciones tbody{background-color: transparent !important;}

[class*="page-template-area-"] .detall-inscripcio{max-width: 600px; margin: 0 auto; background: var(--grey1); padding: 30px;}
[class*="page-template-area-"] .detall-inscripcio h3{color: var(--red1);}

/*fi child*/

/*àrea alumnes*/

/*fi àrea alumnes*/

/*FI ÀREA SOCIS*/

/*REGISTRE SOCIS*/
fieldset{margin-bottom: 20px; border: 1px solid var(--grey3);}
fieldset legend{padding: 5px 10px;}
/*FI REGISTRE SOCIS*/

/*MODAL CONTINGUT SOCIS*/
.modal-soci {display: none; position: fixed;  z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(3px); justify-content: center; align-items: center;}
.modal-soci-content {background-color: #fefefe; margin: 0; padding: 30px; border-radius: 8px; width: 90%; max-width: 450px; text-align: center; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.modal-gran-content{max-width: 650px; text-align: left;}
.close-modal { position: absolute; right: 20px; top: 10px; color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer;}
.modal-soci-body h3 { margin-top: 0; color: #333; }
.modal-soci-buttons { margin-top: 25px; display: flex; gap: 10px; justify-content: center;}
.modal-soci-buttons .generic-button-1 {text-decoration: none; padding: 10px 15px; font-size: 14px;}
/*fi MODAL CONTINGUT SOCIS*/


/*ALTRES ESPAIS REPRESENTACIO*/
.page-id-2117 .textImatgeColumnes{padding: 10px 20px;}
/*fi ALTRES ESPAIS REPRESENTACIO*/


/*FORMULARIS CF7*/
.wpcf7-form .a50{width: calc(48.5%);}
.wpcf7-form p{margin: 0px;}
.wpcf7-form input{width: 100%; padding: 0.5rem;}
.wpcf7-form .wpcf7-submit{background-color: var(--red1); color: white; border: none; border-radius: 8px; padding: 8px 10px; cursor: pointer;}
.wpcf7-form .wpcf7-submit:hover{background-color: var(--dark);}
/*FI FORMULARIS CF7*/