/**
 * GIMUR Child: estil del lloc migrat de mu-plugins/gimur-site/assets/gimur-styles.css
 * (2026-10-17, línies originals 4256-4903). Àrea de soci: inscripcions, alta, barra del panell, capçalera de pàgina.
 * Es manté l'ordre original de la cascada: aquest fitxer es carrega en la posició
 * que tenien aquestes regles. Neteja pendent: vegeu MIGRACIO.md.
 */

/* =============================================================================
   Area de soci: les meues inscripcions
   ============================================================================= */

.gimur-submission {
	border: 1px solid #e2e7ec;
	border-radius: 12px;
	background: #fff;
	margin-bottom: 1.6rem;
	overflow: hidden;
}

.gimur-submission__head {
	padding: 1.15rem 1.4rem;
	border-bottom: 1px solid #eef1f4;
	background: #fbfcfd;
}
/* Fitxa plegable. El resum ha de dir per si sol si cal entrar-hi: titol,
   paper, dates, estat de pagament i, si escau, que li falta. */
.gimur-submission__head {
	cursor: pointer;
	position: relative;
	padding-right: 3rem;
	list-style: none;
	user-select: none;
}
/* El triangle del navegador no encaixa amb la resta del lloc: el substituim
   per una fletxa propia que gira en obrir. */
.gimur-submission__head::-webkit-details-marker { display: none; }
.gimur-submission__head::marker { content: ''; }
.gimur-submission__head::after {
	content: '';
	position: absolute;
	right: 1.4rem;
	top: 1.5rem;
	width: 0.55rem;
	height: 0.55rem;
	border-right: 2px solid #7c8794;
	border-bottom: 2px solid #7c8794;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}
.gimur-submission[open] > .gimur-submission__head::after {
	transform: rotate(-135deg);
}
.gimur-submission__head:hover { background: #f4f7fa; }
.gimur-submission__head:focus-visible {
	outline: 2px solid #003966;
	outline-offset: -2px;
}

.gimur-submission__title {
	display: block;
	margin: 0 0 0.5rem;
	font-size: 1.18rem;
	line-height: 1.3;
	font-weight: 700;
	color: #003966;
}

.gimur-submission__count {
	margin: 0 0 1.1rem;
	font-size: 0.92rem;
	color: #5b6773;
}
.gimur-submission__count strong { color: #8a5a00; }

/* Falta alguna cosa per a completar la inscripcio. */
.gimur-tag--todo {
	background: #fdf3e0;
	color: #8a5a00;
	border: 1px solid #f0dcb8;
}

.gimur-submission__meta {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.9rem;
	font-size: 0.87rem;
	color: #6b7681;
}

.gimur-tag {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.gimur-tag--role { background: #e8eef4; color: #003966; }
.gimur-tag--ok   { background: #dcece3; color: #24614a; }
.gimur-tag--wait { background: #fbe9d8; color: #8a5117; }

.gimur-submission__body { padding: 1.3rem 1.4rem 1.5rem; }

.gimur-submission__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	padding-bottom: 1.2rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px solid #eef1f4;
}
.gimur-submission__k {
	flex: 0 0 130px;
	font-weight: 600;
	font-size: 0.88rem;
	color: #333;
}
.gimur-submission__v { flex: 1 1 260px; font-size: 0.92rem; color: #5b6773; }
.gimur-submission__v .gimur-cta { width: auto; display: inline-block; }

/* .gimur-form porta max-width:420px, pensat per al formulari de login. Aci el
   camp de l abstract necessita tota l amplada de la targeta. */
.gimur-submission__form { max-width: none; }
.gimur-submission__form .gimur-form-field { margin-bottom: 1.1rem; }
.gimur-submission__form input[type="text"],
.gimur-submission__form textarea {
	width: 100%;
	padding: 0.7rem 1rem;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	font-size: 1rem;
	font-family: inherit;
}
.gimur-submission__form input[type="text"]:focus,
.gimur-submission__form textarea:focus {
	outline: none;
	border-color: #ee771d;
	box-shadow: 0 0 0 3px rgba(238, 119, 29, 0.1);
}
.gimur-submission__form input:disabled,
.gimur-submission__form textarea:disabled {
	background: #f4f6f8;
	color: #7d8892;
	cursor: not-allowed;
}

.gimur-submission__save { width: auto; padding: 0.7rem 1.8rem; }

@media (max-width: 600px) {
	.gimur-submission__k { flex-basis: 100%; }
	.gimur-submission__save { width: 100%; }
}

/* =============================================================================
   SIGNUP /register/ - linia de condicions del cobrament
   La targeta de venda .gimur-membership-summary es va llevar del formulari: el
   reclam viu a /about/join-us/. Aci queda una sola linia factual, just damunt
   del boto de pagament, amb el preu que ve de Restrict Content Pro.
   ============================================================================= */
.gimur-signup-terms {
	margin: 0 0 1.1rem;
	padding: 0.85rem 1rem;
	background: #f0f4f8;
	border-left: 3px solid var(--wp--preset--color--primary, #003966);
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wp--preset--color--text-secondary, #555566);
}
.gimur-signup-terms strong { color: var(--wp--preset--color--primary, #003966); }
.gimur-signup-terms a { color: var(--wp--preset--color--primary, #003966); text-decoration: underline; }

/* La nota "Already have an account?" del formulari de /register/ anava a
   rgba(0,30,60,0.55): sobre blanc dona 3.88:1 i no arriba al 4.5:1 de la
   WCAG AA per a text menut. Es puja a text-secondary (7.2:1). Regla al final
   del fitxer, mateixa especificitat que l original, per aixo guanya esta. */
.gimur-form .gimur-form-note {
	color: var(--wp--preset--color--text-secondary, #555566);
}

/* =============================================================================
   Area de soci. Barra de navegacio (.gimur-panel-nav)
   -----------------------------------------------------------------------------
   Una sola barra per a totes les pantalles de /member/: les del router del
   panell (congressos, registres, descomptes, usuaris, finances) i les fetes amb
   shortcode (taulell, perfil, pagaments, certificats). El marcat el genera
   gimur_member_nav() a modules/members.php.

   Estructura, i per que:
   - Fila 1, l enllac de tornada. Menut, en versaletes i amb fletxa, sense
     caixa. Es la eixida, no una pestanya; abans duia la mateixa forma que la
     resta i el flex el deixava sol dalt de tot, com una pestanya orfe.
   - Fila 2 i seguents, un bloc per grup (Account / Management), amb el nom del
     grup a l esquerra i els enllacos a la dreta. Amb 10 enllacos en una fila
     plana el trencament de linia queia enmig de la llista i barrejava els
     enllacos del soci amb els de gestio. Ara cada grup te la seua fila: si un
     grup trenca, trenca dins de si mateix, que si que es llegible.
   - Actiu: pastilla amb fons navy al 9% i vora fina, no el rectangle navy ple
     d abans. Es evident sense pesar mes que el titol de la pagina.

   Cascada (per que hi ha selectors llargs i gairebe cap !important):
   - A les pantalles de shortcode la barra viu dins de .entry-content, i alli
     .entry-content a:not(...x4) (linia 69 d aquest fitxer) val (0,5,1) i pinta
     i subratlla qualsevol enllac. Els enllacos de pestanya arriben a (0,5,2)
     pel niu real del marcat (.entry-content nav.gimur-panel-nav
     .gimur-panel-nav-group .gimur-panel-nav-links a.gimur-panel-nav-link), aixi
     que guanyen per especificitat i ja no els cal cap !important.
   - L enllac de tornada penja directament de la barra i el seu niu maxim es
     (0,4,2), que no pot guanyar a (0,5,1). En comptes d acumular !important,
     la regla global de la linia 69/77 l exclou amb :not(.gimur-panel-nav-back),
     el mateix mecanisme que ja feia servir per a .gimur-cta. Aquesta barra no
     te cap !important.
   - Contra congress-admin.css (que declara les mateixes classes a les pantalles
     del router) no cal res especial: s encua abans que gimur-styles.css, aixi
     que a igualtat d especificitat manen estes regles.
   ============================================================================= */

.gimur-panel-nav {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.9rem;
	max-width: 900px;
	margin: 2.5rem auto 2rem;
	padding: 0 1.5rem 1.15rem;
	border-bottom: 1px solid var(--gimur-border, #e2e2e8);
}

/* Pantalles de gestio: el panell ja fa 1200px i posa el seu propi encoixinat
   (congress-admin.css). Amb el max-width de 900px la barra quedava 150px a la
   dreta del titol de la pagina, com si fora d una altra plantilla.

   El :has() no es cap floritura. El router embolica en .gimur-frontend-panel
   tant les pantalles de gestio com /member/my-registrations/, pero nomes les
   primeres carreguen congress-admin.css: my-registrations deixa el contenidor
   sense cap amplada i pinta el mateix .gimur-member-section de 900px que les
   pantalles de shortcode. Sense la condicio, alli la barra eixia de vora a
   vora (x=0) mentre el contingut es quedava a 900px centrats. El .wrap es el
   embolcall de wp-admin i nomes existeix a les pantalles de gestio.

   Si un navegador no entenguera :has(), la regla s ignora i la barra es queda
   com estava abans (900px centrats): mai trencada, nomes menys alineada.
   Especificitat (0,4,0), sense !important. */
.gimur-frontend-panel:has(> .gimur-frontend-panel-content > .wrap) > .gimur-panel-nav {
	max-width: none;
	margin: 0 0 2rem;
	padding: 0 0 1.15rem;
}

/* -- Enllac de tornada -- */
.gimur-panel-nav .gimur-panel-nav-head {
	display: flex;
}
.gimur-panel-nav .gimur-panel-nav-back {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0;
	background: none;
	background-image: none;
	border-bottom: 0;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.4;
	color: var(--gimur-text-secondary, #555566);
	text-decoration: none;
	transition: color 0.18s ease;
}
.gimur-panel-nav .gimur-panel-nav-back:hover,
.gimur-panel-nav .gimur-panel-nav-back:focus-visible {
	color: var(--gimur-primary, #003966);
}
.gimur-panel-nav .gimur-panel-nav-back svg {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
}

/* -- Grups -- */
.gimur-panel-nav .gimur-panel-nav-groups {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.gimur-panel-nav .gimur-panel-nav-group {
	display: grid;
	grid-template-columns: 6.75rem minmax(0, 1fr);
	align-items: start;
	gap: 0.25rem 0.75rem;
}
.gimur-panel-nav .gimur-panel-nav-group-label {
	padding-top: 0.45rem;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	line-height: 1.4;
	/* Sense opacity. A 0.7 sobre blanc el gris efectiu es #888894, que dona
	   3.5:1 i no arriba al 4.5:1 de la WCAG AA per a text menut. A plena
	   intensitat son 7.24:1, i el pes visual ja el rebaixen la mida, les
	   versaletes i l espaiat. */
	color: var(--gimur-text-secondary, #555566);
	white-space: nowrap;
}
.gimur-panel-nav .gimur-panel-nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.25rem;
}

/* -- Enllacos -- */
.gimur-panel-nav .gimur-panel-nav-links a.gimur-panel-nav-link,
.entry-content nav.gimur-panel-nav .gimur-panel-nav-group .gimur-panel-nav-links a.gimur-panel-nav-link {
	display: inline-block;
	padding: 6px 13px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	background-image: none;
	box-shadow: none;
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.45;
	white-space: nowrap;
	color: var(--gimur-text-secondary, #555566);
	text-decoration: none;
	transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.gimur-panel-nav .gimur-panel-nav-links a.gimur-panel-nav-link:hover,
.entry-content nav.gimur-panel-nav .gimur-panel-nav-group .gimur-panel-nav-links a.gimur-panel-nav-link:hover {
	background: rgba(var(--gimur-primary-rgb), 0.06);
	color: var(--gimur-primary, #003966);
	text-decoration: none;
}
.gimur-panel-nav .gimur-panel-nav-links a.gimur-panel-nav-link.active,
.entry-content nav.gimur-panel-nav .gimur-panel-nav-group .gimur-panel-nav-links a.gimur-panel-nav-link.active {
	background: rgba(var(--gimur-primary-rgb), 0.09);
	box-shadow: inset 0 0 0 1px rgba(var(--gimur-primary-rgb), 0.22);
	color: var(--gimur-primary, #003966);
	font-weight: 600;
}
.gimur-panel-nav .gimur-panel-nav-links a.gimur-panel-nav-link:focus-visible,
.gimur-panel-nav .gimur-panel-nav-back:focus-visible {
	outline: 2px solid var(--gimur-primary, #003966);
	outline-offset: 2px;
}

/* La seccio que ve just davall ja porta el seu propi marge superior. */
.gimur-panel-nav + .gimur-member-section { margin-top: 2rem; }

/* Mobil: el nom del grup passa damunt dels seus enllacos. A 390px una columna
   fixa de 6.75rem deixaria els enllacos en un canal de 150px i tot trencaria
   paraula a paraula. */
@media (max-width: 640px) {
	.gimur-panel-nav {
		gap: 0.75rem;
		padding-bottom: 0.9rem;
	}
	.gimur-panel-nav .gimur-panel-nav-groups { gap: 0.85rem; }
	.gimur-panel-nav .gimur-panel-nav-group {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.3rem;
	}
	.gimur-panel-nav .gimur-panel-nav-group-label { padding-top: 0; }
	.gimur-panel-nav .gimur-panel-nav-links a.gimur-panel-nav-link,
	.entry-content nav.gimur-panel-nav .gimur-panel-nav-group .gimur-panel-nav-links a.gimur-panel-nav-link {
		padding: 5px 11px;
		font-size: 0.8rem;
	}
}

/* =============================================================================
   gimur_page_header_consistency  (2026-08-25)
   Correccio de coherencia de la capcalera de pagina. Va al final del fitxer
   perque mane sobre els blocs anteriors sense haver-los de tocar.
   ============================================================================= */

/* -- Single post: keep the site header and footer at
      full width.
      Cause: the READING LAYOUT block above clamps every
      `.wp-block-group.has-global-padding.is-layout-constrained` on those body
      classes to 800px. That selector also catches the root group of the header
      and footer template parts, which is why the logo and the navigation stack
      and centre on a single post instead of sitting left and right as on
      /news/. The reading clamp is kept for the article body; only the two
      template parts are excluded, restoring the -30px bleed
      (var(--wp--custom--spacing--outer)) they get everywhere else. -- */
.single-post header.site-header > .wp-block-group.has-global-padding.is-layout-constrained {
	max-width: none !important;
	margin-left: calc(var(--wp--custom--spacing--outer, 30px) * -1) !important;
	margin-right: calc(var(--wp--custom--spacing--outer, 30px) * -1) !important;
}

/* =============================================================================
   gimur_single_congress_alias  (2026-08-25)
   Aci viu la maquetacio de lectura de la fitxa de congres. WordPress imprimeix
   la classe `single-gimur_congress` al body per al tipus de contingut
   `gimur_congress`. Abans hi havia una copia d aquestes mateixes regles escrita
   amb `.single-congress` i `.single-events`, classes que el lloc no imprimeix
   mai, i per tant no aplicaven: es van llevar el 2026-08-26 despres de
   comprovar-ho al HTML renderitzat. Aquest bloc es l unic viu.
   ============================================================================= */

/* -- Force single column, 800px centred -- */
.single-gimur_congress .wp-block-columns {
	display: flex !important;
	flex-direction: column !important;
}

.single-gimur_congress .wp-block-column {
	flex-basis: 100% !important;
	max-width: 800px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Outer constrained wrapper -> 800px centred */
.single-gimur_congress .wp-block-group.has-global-padding.is-layout-constrained {
	max-width: 800px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
}

/* ...but never the header and footer template parts (see the block above) */
.single-gimur_congress header.site-header > .wp-block-group.has-global-padding.is-layout-constrained {
	max-width: none !important;
	margin-left: calc(var(--wp--custom--spacing--outer, 30px) * -1) !important;
	margin-right: calc(var(--wp--custom--spacing--outer, 30px) * -1) !important;
}

/* The site-content (main) inside the column: no extra padding */
.single-gimur_congress :is(main, section).site-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* -- Post title: same scale as a blog post, which is the reference -- */
.single-gimur_congress .wp-block-post-title {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.75rem, 3.5vw, 2.6rem);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--primary, #003966);
	margin-bottom: 0.75rem;
}

/* -- Meta line -- */
.single-gimur_congress .post-meta {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gx-muted);
	margin-bottom: 0 !important;
}

.single-gimur_congress .post-meta a {
	color: var(--gx-muted);
	text-decoration: none;
}

.single-gimur_congress .post-meta a:hover {
	color: var(--gx-accent-ink);
}

/* -- Separator: short solid segment + hairline, same as a blog post -- */
.single-gimur_congress .wp-block-separator {
	border: none !important;
	border-top: none !important;
	height: 1px !important;
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--primary, #003966) 0px,
		var(--wp--preset--color--primary, #003966) 48px,
		rgba(0, 57, 102, 0.12) 48px,
		rgba(0, 57, 102, 0.12) 100%
	) !important;
	margin: 1.5rem 0 2rem !important;
	opacity: 1 !important;
	max-width: none !important;
}

/* -- Body text: reading comfort -- */
.single-gimur_congress .entry-content > p {
	font-size: 1.05rem;
	line-height: 1.8;
	color: rgba(0, 20, 50, 0.82);
	margin-bottom: 1.35em;
	max-width: 68ch;
}

.single-gimur_congress .entry-content h2,
.single-gimur_congress .entry-content h3 {
	font-family: Georgia, 'Times New Roman', serif;
	color: var(--wp--preset--color--primary, #003966);
	margin-top: 2em;
	margin-bottom: 0.6em;
}

/* -- Registration section -- */
.single-gimur_congress .gimur-auto-registration {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(0, 57, 102, 0.12);
}

/* The pricing cards now live in an 800px column: keep the single-word badge
   on one line instead of letting it break as "RECOMMENDE / D". */
.single-gimur_congress .gimur-congress-card-badge {
	white-space: nowrap;
}

/* No vertical-rhythm collapse here on purpose: the blog post is the reference
   and it keeps the default spacing between the site blocks. */

/* Els botons de bloc no s han de subratllar: el tema subratlla tot enllac dins
   del contingut i el "Become a member" de join-us eixia amb ratlla. */
.entry-content .wp-block-button__link,
.wp-block-button__link {
	text-decoration: none !important;
	border-bottom: 0 !important;
}

/* El panell de la quota de join-us demana padding als quatre costats al
   marcatge, pero WordPress no arriba a renderitzar el de baix i el boto queda
   enganxat a la vora, com si estiguera tallat. */
.entry-content .wp-block-group.has-cool-background-background-color {
	padding-bottom: var(--wp--preset--spacing--small, 40px);
}

/* =============================================================================
   PANELL: fila de filtre
   El full del panell (congress-admin.css) posa width:100% a tot select, aixi que
   el desplegable ocupava la linia sencera i empenyia el boto a la linia de baix.
   Aci la fila mana sobre l amplada: el select creix fins on li cal i el boto es
   queda al seu costat.
   ============================================================================= */

.gimur-panel-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 1.2rem;
}
.gimur-panel-filter select {
	width: auto;
	min-width: 16rem;
	max-width: 30rem;
	flex: 0 1 auto;
	padding: 0.45rem 2rem 0.45rem 0.7rem;
	border: 1px solid var(--gimur-border, #d5dbe2);
	border-radius: 6px;
	background-color: #fff;
	font-size: 0.92rem;
	line-height: 1.4;
	color: var(--gimur-text, #1d2733);
}
.gimur-panel-filter select:focus-visible {
	outline: 2px solid var(--gimur-primary, #003966);
	outline-offset: 1px;
}
.gimur-panel-filter .button {
	flex: 0 0 auto;
	padding: 0.45rem 1.1rem;
	border: 1px solid var(--gimur-border, #d5dbe2);
	border-radius: 6px;
	background: #fff;
	font-size: 0.92rem;
	line-height: 1.4;
	color: var(--gimur-primary, #003966);
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}
.gimur-panel-filter .button:hover {
	background: rgba(var(--gimur-primary-rgb, 0, 57, 102), 0.06);
	border-color: rgba(var(--gimur-primary-rgb, 0, 57, 102), 0.35);
}

/* =============================================================================
   Diverses comunicacions per inscripcio (modules/communications.php)
   Formulari public: blocs 2 i 3 dins del fieldset de ponent. Area de soci:
   una targeta per comunicacio extra, el formulari d afegir-ne i la promocio
   d assistent a ponent.
   ============================================================================= */
.gimur-extra-comm[hidden],
.gimur-extra-comm__add[hidden] { display: none !important; }
.gimur-extra-comm {
	margin-top: 1.4rem;
	padding-top: 1.2rem;
	border-top: 1px solid var(--gimur-border, #e2e2e8);
}
.gimur-extra-comm__head { margin: 0 0 0.8rem; color: var(--gimur-primary, #003966); }
.gimur-extra-comm__add { margin-top: 1.2rem; }
.gimur-extra-comm__add .gimur-cta { width: auto; display: inline-block; }
.gimur-extra-comm__remove,
.gimur-comm__remove {
	background: none;
	border: 0;
	padding: 0;
	color: #b03a2e;
	font: inherit;
	font-size: 0.9rem;
	text-decoration: underline;
	cursor: pointer;
}
.gimur-comm {
	margin-top: 1.4rem;
	padding: 1.1rem 1.2rem 0.4rem;
	border: 1px solid #e3e8ee;
	border-radius: 10px;
	background: #fbfcfd;
}
.gimur-comm__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.4rem 1rem;
	margin: 0 0 0.9rem;
}
.gimur-comm__head strong { color: var(--gimur-primary, #003966); }
.gimur-comm__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem 1.4rem; margin-bottom: 0.8rem; }
.gimur-comm-add > summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--gimur-primary, #003966);
	margin: 1.4rem 0 0.4rem;
}
.gimur-comm-certs { margin: 0; padding: 0; list-style: none; }
.gimur-comm-certs li { margin: 0 0 0.5rem; }
.gimur-promote {
	margin-top: 1.2rem;
	padding: 1rem 1.2rem;
	border-left: 3px solid var(--gimur-secondary, #d4792a);
	background: var(--gimur-warm-bg, #fdf8f3);
	border-radius: 0 8px 8px 0;
}
.gimur-promote p { margin: 0 0 0.7rem; }
.gimur-promote .gimur-cta { width: auto; display: inline-block; }
/* Els camps de l area de soci portaven width:100% mes padding sense
   box-sizing, i sobreeixien de la targeta (a mobil, de la pantalla). */
.gimur-submission__form input[type="text"],
.gimur-submission__form textarea { box-sizing: border-box; max-width: 100%; }
