/*
Theme Name: Casa de la Música de Manresa
Theme URI: https://www.casadelamusica.cat/
Author: Casa de la Música de Manresa
Description: Tema de blocs a mida per a la web de la Casa de la Música de Manresa. Segueix l'estil web de la Xarxa de Cases de la Música (blanc i negre, etiquetes monospace, titulars grans numerats i botons arrodonits) amb l'accent vermell de Manresa. Pensat per funcionar amb l'extensió «Casa de la Música · Fitxes».
Version: 0.10.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casa-musica-manresa
*/

/* ---------- Utilitats de marca ---------- */

.cmm-mono,
.is-style-cmm-etiqueta {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--xs);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.cmm-gris { color: var(--wp--preset--color--gris); }

.cmm-punt-vermell { color: var(--wp--preset--color--vermell); }

/* Línies fines entre elements */
.cmm-linia-dalt { border-top: var(--wp--custom--line); padding-top: var(--wp--preset--spacing--20); }
.cmm-linia-baix { border-bottom: var(--wp--custom--line); }
.cmm-linia-fina-baix { border-bottom: var(--wp--custom--line-fine); }

/* Barra superior de camps */
.cmm-topbar { border-bottom: var(--wp--custom--line); }
.cmm-topbar a { text-decoration: none; }

/* Capçalera */
.cmm-header { border-bottom: var(--wp--custom--line); }
.cmm-logo a { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--wp--preset--color--negre); }
.cmm-logo svg { width: 44px; height: 44px; flex: none; }
.cmm-logo .cmm-logo-nom { font-family: var(--wp--preset--font-family--bitter); font-weight: 700; font-size: 21px; line-height: 1; }
.cmm-logo .cmm-logo-seu { font-family: var(--wp--preset--font-family--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 5px; }
.cmm-header .wp-block-navigation a { text-decoration: none; }
.cmm-header .wp-block-navigation .current-menu-item > a,
.cmm-header .wp-block-navigation a[aria-current="page"] { border-bottom: 2px solid var(--wp--preset--color--vermell); padding-bottom: 2px; }

/* Botons */
.wp-block-button__link { min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
.wp-block-button.is-style-cmm-vermell .wp-block-button__link {
	background: var(--wp--preset--color--vermell);
	border-color: var(--wp--preset--color--vermell);
	color: var(--wp--preset--color--negre);
}
.wp-block-button.is-style-cmm-vermell .wp-block-button__link:hover { background: var(--wp--preset--color--negre); border-color: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }
.wp-block-button.is-style-cmm-negre .wp-block-button__link {
	background: var(--wp--preset--color--negre);
	color: var(--wp--preset--color--blanc);
}
.wp-block-button.is-style-cmm-negre .wp-block-button__link:hover { background: var(--wp--preset--color--vermell); border-color: var(--wp--preset--color--vermell); color: var(--wp--preset--color--negre); }
.has-negre-background-color .wp-block-button:not(.is-style-cmm-vermell) .wp-block-button__link { border-color: var(--wp--preset--color--blanc); color: var(--wp--preset--color--blanc); }
.has-negre-background-color .wp-block-button:not(.is-style-cmm-vermell) .wp-block-button__link:hover { background: var(--wp--preset--color--blanc); color: var(--wp--preset--color--negre); }

/* Filtres (llista de termes com a pastilles) */
.cmm-filtres,
.cmm-filtres ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.cmm-filtres li a {
	display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 22px;
	border: 1.5px solid var(--wp--preset--color--negre); border-radius: 999px; text-decoration: none;
	font-family: var(--wp--preset--font-family--mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em;
}
.cmm-filtres li a:hover,
.cmm-filtres li.current-cat a { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }

/* Llista d'agenda */
.cmm-agenda-fila { border-bottom: var(--wp--custom--line-fine); }
.cmm-agenda-fila .wp-block-post-title a { text-decoration: none; }
.cmm-data-gran { font-size: 40px; line-height: 1; letter-spacing: -0.03em; }

/* Targetes (cursos, formacions, actes) */
.cmm-targeta { border-top: var(--wp--custom--line); padding-top: var(--wp--preset--spacing--20); }
.cmm-targeta a { text-decoration: none; }
.cmm-targeta .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.cmm-targeta:hover .wp-block-post-featured-image img { filter: grayscale(1) contrast(1.1); }

/* Llista numerada de sales */
.cmm-llista-numerada > * { border-top: var(--wp--custom--line); padding-top: 26px; padding-bottom: 26px; margin: 0 !important; }
.cmm-llista-numerada > *:last-child { border-bottom: var(--wp--custom--line); }
.cmm-llista-numerada a { text-decoration: none; }

/* Fitxa de dades (dl) */
.cmm-fitxa > * { border-bottom: var(--wp--custom--line-fine); padding-bottom: 14px; margin-top: 0 !important; padding-top: 14px; }
.cmm-fitxa > *:first-child { border-top: var(--wp--custom--line); }
.cmm-fitxa .cmm-mono { color: var(--wp--preset--color--gris); display: block; margin-bottom: 4px; }

/* Imatges de reserva (sense foto) */
.cmm-reserva-foto { background: #EDEDED; min-height: 240px; display: flex; align-items: center; justify-content: center; }

/* Taules */
.wp-block-table table { border-collapse: collapse; }
.wp-block-table thead { border-bottom: var(--wp--custom--line); }
.wp-block-table th { font-family: var(--wp--preset--font-family--mono); font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; text-align: left; border: 0; padding: 0 0 14px; }
.wp-block-table td { border: 0; border-bottom: var(--wp--custom--line-fine); padding: 20px 0; }

/* Partners */
/* Fila de logotips a la mateixa alçada, en l'ordre de «Ordre» (menu_order) */
.cmm-partners .wp-block-post-template { display: flex !important; flex-wrap: wrap; align-items: center; gap: 32px 64px; margin: 24px 0 0; }
.cmm-partners .wp-block-post-template > li { width: auto !important; margin: 0; }
.cmm-partners .wp-block-post-featured-image { height: auto !important; margin: 0; }
.cmm-partners img { display: block; height: 48px !important; width: auto !important; max-width: 100%; object-fit: contain; }
@media (max-width: 600px) { .cmm-partners .wp-block-post-template { gap: 24px 40px; } .cmm-partners img { height: 36px !important; } }

/* Peu */
.cmm-footer { border-top: var(--wp--custom--line); }
.cmm-footer a { text-decoration: none; }
.cmm-footer a[href^="mailto:"] { white-space: nowrap; }

/* Mòbil */
@media (max-width: 781px) {
	.cmm-header .cmm-boto-membres { display: none; }
	.cmm-agenda-fila { flex-wrap: wrap !important; }
	.cmm-agenda-fila > * { flex-basis: 100% !important; }
}

/* Fila d'agenda en graella */
.cmm-agenda-fila {
	display: grid !important;
	grid-template-columns: 150px 150px minmax(0, 1fr) 280px auto;
	align-items: center;
	column-gap: 24px;
	padding: 28px 0;
}
.cmm-agenda-fila > * { margin: 0 !important; }
@media (max-width: 900px) {
	.cmm-agenda-fila { grid-template-columns: 1fr; row-gap: 8px; }
}

/* Títol amb punt vermell */
.cmm-titol-punt::after { content: "."; color: var(--wp--preset--color--vermell); }

/* Llistes numerades automàtiques (sales, passos) */
.cmm-numerat .wp-block-post-template,
.cmm-numerat { counter-reset: cmm; }
.cmm-numerat .wp-block-post { counter-increment: cmm; }
.cmm-numerat .wp-block-post .cmm-num::before { content: counter(cmm, decimal-leading-zero); }
.cmm-numerat .cmm-titol-num::before { content: counter(cmm, decimal-leading-zero) ". "; }

.cmm-llista-sales .wp-block-post { border-top: var(--wp--custom--line); padding: 26px 0; }
.cmm-llista-sales .wp-block-post:last-child { border-bottom: var(--wp--custom--line); }
.cmm-llista-sales a { text-decoration: none; }

.cmm-seccio-sala { border-bottom: var(--wp--custom--line); padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--50); }

/* Accessos directes de la portada */
.cmm-acces { min-height: 380px; box-sizing: border-box; padding: 36px; display: flex; flex-direction: column; }
.cmm-acces h3 { margin-top: auto; }
.cmm-acces a { text-decoration: none; color: inherit; }
.cmm-acces-vermell { background: var(--wp--preset--color--vermell); color: var(--wp--preset--color--negre); }
.cmm-acces-negre { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }
.cmm-acces-contorn { border: var(--wp--custom--line); }
.cmm-targeta.cmm-acces-contorn { padding: 28px; }
.cmm-xarxa a { color: inherit; }

/* Filtres fets amb el núvol d'etiquetes */
.cmm-filtres { gap: 8px; margin-top: var(--wp--preset--spacing--40) !important; margin-bottom: var(--wp--preset--spacing--40); }
.cmm-filtres p { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cmm-filtres a {
	display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 22px;
	border: 1.5px solid var(--wp--preset--color--negre); border-radius: 999px; text-decoration: none;
	font-family: var(--wp--preset--font-family--mono); font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.06em;
}
.cmm-filtres a:hover { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }
.cmm-filtres .wp-block-tag-cloud { margin: 0; }

/* Les seccions de la plantilla van enganxades (sense espai blanc entre franges) */
.wp-site-blocks > * { margin-block-start: 0; }

/* Camps de fitxa amb etiqueta */
.cmm-etiqueta-camp { display: block; font-family: var(--wp--preset--font-family--mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--wp--preset--color--gris); margin-bottom: 4px; }
.cmm-preus p:has(.cmm-etiqueta-camp) { display: flex; justify-content: space-between; align-items: baseline; }
.cmm-preus .cmm-etiqueta-camp { display: inline; font-family: inherit; font-size: inherit; text-transform: none; letter-spacing: 0; color: inherit; margin: 0; }
.cmm-reserva-foto { min-height: 480px; }
.cmm-llista-sales .wp-block-post > .wp-block-group { gap: 24px; }
.cmm-llista-sales .wp-block-post > .wp-block-group > :last-child { margin-left: auto; }
.cmm-num { min-width: 40px; }
.cmm-partners .wp-block-query-no-results { display: none; }

/* Dues columnes d'equipament (sales) */
.cmm-dues-columnes { margin-top: var(--wp--preset--spacing--40); margin-bottom: var(--wp--preset--spacing--40); }
.cmm-llista-neta { list-style: none; padding-left: 0; }
.cmm-llista-neta li { padding: 6px 0; }
.cmm-sales-completes .cmm-seccio-sala .wp-block-post-title a { text-decoration: none; }
.cmm-fitxa-sala { column-gap: 24px; }
.cmm-fitxa-sala > * { border-top: var(--wp--custom--line); border-bottom: 0 !important; }

/* Capçalera: el logotip no es parteix i el menú es plega abans de fer dues línies */
.cmm-logo .cmm-logo-nom, .cmm-logo .cmm-logo-seu { white-space: nowrap; }
.cmm-logo { flex: none; }
@media (max-width: 1180px) {
	.cmm-topbar > :first-child { display: none; }
	.cmm-header .wp-block-navigation__responsive-container-open { display: flex !important; }
	.cmm-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	.cmm-header .wp-block-navigation__responsive-container.is-menu-open { font-size: 16px; }
}

/* Menú desplegat (mòbil i tauleta) */
.cmm-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--blanc) !important;
	color: var(--wp--preset--color--negre) !important;
	padding: 32px var(--wp--preset--spacing--40);
}
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	justify-content: flex-start !important;
}
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-size: 22px; border-bottom: var(--wp--custom--line-fine); width: 100%; padding: 10px 0;
}
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width: 100%; }
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.cmm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { justify-content: flex-start; text-align: left; align-items: flex-start; }

/* v0.3 · peces de les pàgines d'exemple */
.cmm-punts { list-style: none; padding-left: 0; counter-reset: cmm-punt; }
.cmm-punts li { counter-increment: cmm-punt; padding: 14px 0 14px 44px; border-top: var(--wp--custom--line); position: relative; }
.cmm-punts li::before { content: counter(cmm-punt, decimal-leading-zero); position: absolute; left: 0; top: 19px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--vermell); }
.cmm-base-fosca { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); padding: 22px 36px; margin-top: 24px; }
.cmm-base-fosca a { color: inherit; }
.cmm-reserva-foto.cmm-retrat { min-height: 0; aspect-ratio: 4/5; }
.cmm-reserva-foto.cmm-quadrat { min-height: 0; aspect-ratio: 1/1; }
.cmm-reserva-foto.cmm-fons-blanc { background: var(--wp--preset--color--blanc); }
.cmm-acces-contorn h3 a, .cmm-acces-negre h3 a { text-decoration: none; }

/* v0.5 · L'Espai: enllaç a la fitxa de cada sala */
.cmm-seccio-sala .wp-block-post-title a { text-decoration: none; }
.cmm-seccio-sala .wp-block-post-title a:hover { color: var(--wp--preset--color--vermell); }
.cmm-boto-fitxa { display: inline-block; margin-top: var(--wp--preset--spacing--20); font-family: var(--wp--preset--font-family--mono); font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--negre); text-decoration: underline; text-underline-offset: 4px; }
.cmm-boto-fitxa:hover { color: var(--wp--preset--color--vermell); }

/* v0.7 · Escoles i instituts, Ajudes a la creació */
.cmm-entradeta { margin-bottom: var(--wp--preset--spacing--40); }
.cmm-entradeta .wp-block-post-excerpt__excerpt { max-width: 860px; }
.cmm-separat { margin-top: var(--wp--preset--spacing--50) !important; }
.cmm-graella-escoles .wp-block-post-template { gap: 24px; }
.cmm-graella-escoles .cmm-acces { height: 100%; background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); transition: background .2s; }
.cmm-graella-escoles .cmm-es-xarxa .cmm-acces { background: transparent; color: var(--wp--preset--color--negre); border: var(--wp--custom--line); }
.cmm-graella-escoles .cmm-acces:hover { background: var(--wp--preset--color--vermell); color: var(--wp--preset--color--negre); }
.cmm-graella-escoles .wp-block-post-title a, .cmm-graella-escoles .wp-block-post-excerpt { color: inherit; }
.cmm-graella-escoles .wp-block-post-excerpt__excerpt { margin: 0; }
.cmm-lletres { counter-reset: cmm-lletra; }
.cmm-lletres .wp-block-post { counter-increment: cmm-lletra; border-top: var(--wp--custom--line); padding-top: var(--wp--preset--spacing--20); }
.cmm-lletres .wp-block-post::before { content: counter(cmm-lletra, upper-alpha); display: block; font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--vermell); margin-bottom: 12px; }
.cmm-lletres .wp-block-post-title a { text-decoration: none; }
.cmm-lletres .wp-block-post-title a:hover { color: var(--wp--preset--color--vermell); }
.cmm-lletres .wp-block-post-excerpt__excerpt { margin: 8px 0 0; }

/* Portada · dibuix de l'edifici */
.cmm-hero-edifici { margin: 0; position: relative; }
.cmm-hero-edifici img { display: block; width: 100%; height: auto; }

/* Sense línia doble abans del peu: l'últim apartat de la pàgina no porta línia inferior */
main > .cmm-linia-baix:last-child,
main > :last-child > .cmm-linia-baix:last-child,
main > :last-child .wp-block-post:last-child > .cmm-seccio-sala,
main > .wp-block-query:last-child .wp-block-post:last-child > .cmm-seccio-sala { border-bottom: 0; }
/* Ni abans d'una franja fosca o vermella */
.cmm-linia-baix:has(+ .has-negre-background-color),
.cmm-linia-baix:has(+ .has-vermell-background-color) { border-bottom: 0; }

/* Curs · descripció com un camp més de la fitxa */
.cmm-fitxa-text .wp-block-post-content > * { margin: 0 0 10px; }
.cmm-fitxa-text .wp-block-post-content > *:last-child { margin-bottom: 0; }
.cmm-fitxa-text > .cmm-etiqueta-camp { margin: 0 0 4px; }

/* Artistes · enllaços externs com a botons */
.cmm-enllacos-artista { margin-top: var(--wp--preset--spacing--30); gap: 8px; }

/* Artistes · crèdit de foto i formulari de contacte */
.cmm-credit-foto { font-family: var(--wp--preset--font-family--mono); font-size: 11px; color: var(--wp--preset--color--gris); margin-top: 6px; }
.cmm-credit-foto::before { content: "Foto: "; }
.cmm-contacte-banda { margin-top: var(--wp--preset--spacing--40); }
.cmm-contacte-banda summary { list-style: none; display: inline-block; cursor: pointer; }
.cmm-contacte-banda summary::-webkit-details-marker { display: none; }
.cmm-contacte-form { margin-top: var(--wp--preset--spacing--30); max-width: 640px; border-top: 1px solid currentColor; padding-top: var(--wp--preset--spacing--30); }
.cmm-contacte-form p { margin: 0 0 14px; }
.cmm-contacte-form label { font-size: 14px; }
.cmm-contacte-form input[type=text], .cmm-contacte-form input[type=email], .cmm-contacte-form input[type=tel], .cmm-contacte-form select, .cmm-contacte-form textarea { width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px 12px; border: 1px solid currentColor; border-radius: 0; background: transparent; font: inherit; color: inherit; }
.cmm-contacte-privacitat label { display: flex; gap: 8px; align-items: flex-start; }
.cmm-contacte-trampa { position: absolute !important; left: -9999px; height: 1px; overflow: hidden; }
.cmm-contacte-avis { padding: 12px 16px; border-left: 4px solid currentColor; }
.cmm-contacte-ok { border-color: #2e7d32; }
.cmm-contacte-error { border-color: var(--wp--preset--color--vermell); }

/* Portada: persiana de la porta del dibuix (assets/js/persiana.js) */
.cmm-hero-edifici .cmm-persiana {
	position: absolute; left: 69.099%; top: 74.147%; width: 11.859%; height: 19.752%;
	background: #FF1700; transform-origin: 50% 0; transform: scaleY(1); pointer-events: none;
	box-shadow: inset 0 -3px 0 #191919;
}
.cmm-hero-edifici .cmm-persiana::after {
	content: ""; position: absolute; top: 0; bottom: 0; left: 48.08%; width: 3.85%; background: #191919;
}

/* v0.9.5 · Fitxa de curs: estat de les places i separació amb les tarifes */
.cmm-places .cmm-valor-camp {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 6px;
	padding: 6px 14px; border: var(--wp--custom--line); border-radius: 999px;
	font-family: var(--wp--preset--font-family--mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.4;
}
.cmm-places .cmm-valor-camp::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.cmm-places-complet .cmm-valor-camp { background: var(--wp--preset--color--vermell); border-color: var(--wp--preset--color--vermell); color: var(--wp--preset--color--blanc); }
/* Sense doble línia entre els camps i el bloc de tarifes */
.cmm-fitxa:has(+ .cmm-preus) > *:last-child { border-bottom: 0; }
.cmm-fitxa + .cmm-preus { margin-top: var(--wp--preset--spacing--30) !important; }
/* Botó de llista d'espera (cursos complets) */
.is-style-cmm-espera .wp-block-button__link { background: transparent; color: var(--wp--preset--color--negre); border: var(--wp--custom--line); }
.is-style-cmm-espera .wp-block-button__link:hover { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }

/* v0.10.0 · Fitxa d'acte: dades en fila, cartell sense retallar i targetes d'artistes */
.cmm-cartell img { width: 100%; height: auto; display: block; }
.cmm-dades-acte { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
.cmm-dades-acte > p { margin: 0; font-size: var(--wp--preset--font-size--large); line-height: 1.3; }
.cmm-fitxa-text .wp-block-post-content { font-size: var(--wp--preset--font-size--medium); }
.cmm-fitxa-text .wp-block-embed, .cmm-fitxa-text img { max-width: 100%; height: auto; }
.cmm-botons-acte { margin-top: var(--wp--preset--spacing--30); gap: 8px; }
.cmm-artistes-acte { margin-top: var(--wp--preset--spacing--60); border-top: var(--wp--custom--line); padding-top: 20px; }
.cmm-artistes-acte-cap { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--wp--preset--spacing--40); }
.cmm-artistes-acte-cap h2 { font-size: var(--wp--preset--font-size--x-large); margin: 0; line-height: 1; letter-spacing: -0.03em; }
.cmm-artistes-acte-graella { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.cmm-artista-acte { display: grid; grid-template-columns: 40% 1fr; gap: 24px; border-top: var(--wp--custom--line-fine); padding-top: 24px; align-items: start; }
.cmm-artista-acte-foto a { display: block; }
.cmm-artista-acte-foto img, .cmm-artista-sense-foto { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.cmm-artista-sense-foto { background: var(--wp--preset--color--gris-clar); color: var(--wp--preset--color--gris); display: flex; align-items: center; justify-content: center; text-align: center; padding: 12px; }
.cmm-artista-acte-tipus { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.cmm-artista-acte-tipus::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--vermell); flex: none; }
.es-convidat .cmm-artista-acte-tipus::before { background: transparent; border: 1.5px solid var(--wp--preset--color--negre); box-sizing: border-box; }
.cmm-artista-acte-nom { font-size: clamp(28px, 3vw, 40px); line-height: 1; letter-spacing: -0.03em; margin: 6px 0 10px; font-weight: 400; }
.cmm-artista-acte-nom a { text-decoration: none; }
.cmm-artista-acte-nom a:hover { color: var(--wp--preset--color--vermell-fosc); }
.cmm-artista-acte-linia { margin: 0 0 10px; }
.cmm-artista-acte-descripcio p { margin: 0 0 6px; font-size: var(--wp--preset--font-size--small); }
.cmm-artista-acte-botons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.cmm-boto-petit { display: inline-block; padding: 8px 16px; border: var(--wp--custom--line); border-radius: 999px; text-decoration: none; font-family: var(--wp--preset--font-family--mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.4; }
.cmm-boto-petit:hover { background: var(--wp--preset--color--negre); color: var(--wp--preset--color--blanc); }
.cmm-artistes-acte-tres .cmm-artistes-acte-graella { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.cmm-artistes-acte-tres .cmm-artista-acte { grid-template-columns: 1fr; gap: 14px; }
@media (max-width: 781px) {
	.cmm-dades-acte { grid-template-columns: 1fr; row-gap: 14px; }
	.cmm-artistes-acte-graella, .cmm-artistes-acte-tres .cmm-artistes-acte-graella { grid-template-columns: 1fr; gap: 32px; }
	.cmm-artista-acte, .cmm-artistes-acte-tres .cmm-artista-acte { grid-template-columns: 38% 1fr; gap: 16px; }
	.cmm-artistes-acte { margin-top: var(--wp--preset--spacing--50); }
}