/*
* Legacy landings (template "Plantilla landings").
*
* The landing pages were built on Twenty Twenty-Four with customised global styles.
* This layer restores those presets and styles, scoped to the landing template only,
* so the pages look as before without touching their content. Loaded only on
* pages that use the landing template (see functions.php).
*/
/* Fonts from the Font Library used by the landings */
@font-face { font-family: "PF BeauSans Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-Light.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: italic; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-LightItalic.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-Regular.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-Italic.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-Bbook.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-BbookItalic.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-SemiBold.woff) format("woff"); }
@font-face { font-family: "PF BeauSans Pro"; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/fonts/PFBeauSansPro-SemiBoldItalic.woff) format("woff"); }
@font-face { font-family: "Handlee"; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/fonts/F6xfjBsISg9aMakDm_6oilJ3ik.woff2) format("woff2"); }
@font-face { font-family: "Kavoon"; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/fonts/pxiFyp4_scRYhlU4Mbr6f1pdEQ.woff2) format("woff2"); }
/* Twenty Twenty-Four presets as they were customised for Andana */
body.page-template-plantilla-landings {
--wp--preset--color--base: #272727;
--wp--preset--color--base-2: #303030;
--wp--preset--color--contrast: #f9f9f9;
--wp--preset--color--contrast-2: #e7e7e7;
--wp--preset--color--contrast-3: #909090;
--wp--preset--color--accent: #c5350c;
--wp--preset--color--accent-2: #a42e05;
--wp--preset--color--accent-3: #c5350c;
--wp--preset--color--accent-4: #a42e05;
--wp--preset--color--accent-5: #6a220a;
--wp--preset--spacing--10: 1rem;
--wp--preset--spacing--20: min(1.5rem, 2vw);
--wp--preset--spacing--30: min(2.5rem, 3vw);
--wp--preset--spacing--40: min(4rem, 5vw);
--wp--preset--spacing--50: min(6.5rem, 8vw);
--wp--preset--spacing--60: min(10.5rem, 13vw);
--wp--preset--font-size--small: 0.9rem;
--wp--preset--font-size--medium: 1.05rem;
--wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);
--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);
--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);
--wp--preset--font-family--pf-beausans-pro: "PF BeauSans Pro", "PF Beau Sans Pro", system-ui, sans-serif;
--wp--preset--font-family--manrope: Manrope, sans-serif;
--wp--preset--font-family--handlee: Handlee, cursive;
--wp--preset--font-family--kavoon: Kavoon, system-ui;
--wp--preset--font-family--heading: var(--wp--preset--font-family--pf-beausans-pro);
--wp--style--global--content-size: 960px;
--wp--style--global--wide-size: 1280px;
--wp--style--root--padding-left: var(--wp--preset--spacing--50);
--wp--style--root--padding-right: var(--wp--preset--spacing--50);
background-color: #ffffff;
color: var(--wp--preset--color--base-2);
font-family: var(--wp--preset--font-family--manrope);
font-size: var(--wp--preset--font-size--medium);
font-weight: 400;
line-height: 1.55;
}
/* Colour, font and family classes that the new theme no longer generates */
.page-template-plantilla-landings .has-base-color { color: var(--wp--preset--color--base) !important; }
.page-template-plantilla-landings .has-base-2-color { color: var(--wp--preset--color--base-2) !important; }
.page-template-plantilla-landings .has-contrast-color { color: var(--wp--preset--color--contrast) !important; }
.page-template-plantilla-landings .has-contrast-2-color { color: var(--wp--preset--color--contrast-2) !important; }
.page-template-plantilla-landings .has-contrast-3-color { color: var(--wp--preset--color--contrast-3) !important; }
.page-template-plantilla-landings .has-accent-color { color: var(--wp--preset--color--accent) !important; }
.page-template-plantilla-landings .has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.page-template-plantilla-landings .has-base-2-background-color { background-color: var(--wp--preset--color--base-2) !important; }
.page-template-plantilla-landings .has-contrast-background-color { background-color: var(--wp--preset--color--contrast) !important; }
.page-template-plantilla-landings .has-contrast-2-background-color { background-color: var(--wp--preset--color--contrast-2) !important; }
.page-template-plantilla-landings .has-contrast-3-background-color { background-color: var(--wp--preset--color--contrast-3) !important; }
.page-template-plantilla-landings .has-accent-background-color { background-color: var(--wp--preset--color--accent) !important; }
.page-template-plantilla-landings .has-pf-beausans-pro-font-family { font-family: var(--wp--preset--font-family--pf-beausans-pro) !important; }
.page-template-plantilla-landings .has-manrope-font-family { font-family: var(--wp--preset--font-family--manrope) !important; }
.page-template-plantilla-landings .has-handlee-font-family { font-family: var(--wp--preset--font-family--handlee) !important; }
.page-template-plantilla-landings .has-kavoon-font-family { font-family: var(--wp--preset--font-family--kavoon) !important; }
/* The blog theme.json gives post-content its reading style (Noto Serif, large);
* landings keep the body text of Twenty Twenty-Four. */
body.page-template-plantilla-landings .wp-block-post-content {
font-family: var(--wp--preset--font-family--manrope);
font-size: var(--wp--preset--font-size--medium);
font-weight: 400;
line-height: 1.55;
}
/* Twenty Twenty-Four global styles (as customised) */
.page-template-plantilla-landings :where(h1, h2, h3, h4, h5, h6) {
font-family: var(--wp--preset--font-family--pf-beausans-pro);
font-weight: 600;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
color: var(--wp--preset--color--base-2);
}
.page-template-plantilla-landings :where(h1) { font-size: 4rem; }
.page-template-plantilla-landings :where(h2) { font-size: 3rem; }
.page-template-plantilla-landings :where(h3) { font-size: 2rem; }
.page-template-plantilla-landings :where(h4) { font-size: var(--wp--preset--font-size--x-large); }
.page-template-plantilla-landings :where(h5) { font-size: var(--wp--preset--font-size--large); }
.page-template-plantilla-landings :where(h6) { font-size: var(--wp--preset--font-size--medium); }
.page-template-plantilla-landings :where(p) {
font-family: var(--wp--preset--font-family--manrope);
}
.page-template-plantilla-landings :where(a:not(.wp-element-button)) {
font-family: var(--wp--preset--font-family--manrope);
color: var(--wp--preset--color--base-2);
text-decoration: underline;
}
.page-template-plantilla-landings :where(a:not(.wp-element-button)):hover {
color: var(--wp--preset--color--base-2);
text-decoration: none;
}
.page-template-plantilla-landings :where(.wp-element-button, .wp-block-button__link) {
font-family: var(--wp--preset--font-family--pf-beausans-pro);
font-size: var(--wp--preset--font-size--medium);
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: var(--wp--preset--color--base-2);
background-color: #ffffff00;
border: 1px solid var(--wp--preset--color--base-2);
border-radius: 100px;
padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
}
.page-template-plantilla-landings :where(.wp-element-button, .wp-block-button__link):hover {
color: var(--wp--preset--color--base-2);
background-color: #ffffff00;
}
/* Buttons converted from PostX (class names set by the migration). Same look as
* the PostX buttons: pill with a thin border, PF BeauSans, optional icon, and on
* hover a lift with a yellow offset shadow (or a yellow fill for the small ones). */
.wp-block-button.andana-lbtn .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 16px;
padding: 10px 20px;
font-family: var(--wp--preset--font-family--pf-beausans-pro, "PF BeauSans Pro", sans-serif);
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-transform: none;
text-decoration: none;
color: rgba(29, 26, 26, 1);
background-color: transparent;
border: 1px solid #555d66;
border-radius: 50px;
transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.wp-block-button.andana-lbtn .wp-block-button__link:hover,
.wp-block-button.andana-lbtn .wp-block-button__link:focus-visible {
color: rgba(49, 49, 49, 1);
transform: translate(-5px, -5px);
box-shadow: 5px 5px 0 0 rgba(232, 227, 53, 1);
}
.wp-block-button.andana-lbtn--fill .wp-block-button__link:hover,
.wp-block-button.andana-lbtn--fill .wp-block-button__link:focus-visible {
transform: none;
box-shadow: none;
background-color: rgba(232, 227, 53, 1);
}
.wp-block-button.andana-lbtn--sm .wp-block-button__link { padding: 6px 12px; gap: 12px; }
.wp-block-button.andana-lbtn--xl .wp-block-button__link { padding: 20px 40px; }
.wp-block-button.andana-lbtn--fs14 .wp-block-button__link { font-size: 14px; }
.wp-block-button.andana-lbtn--fs20 .wp-block-button__link { font-size: 20px; }
.wp-block-button.andana-lbtn--fs22 .wp-block-button__link { font-size: 22px; }
.wp-block-button.andana-lbtn--text-dark .wp-block-button__link { color: rgba(29, 26, 26, 1); }
.wp-block-button.andana-lbtn--text-grey .wp-block-button__link { color: rgba(49, 49, 49, 1); }
.wp-block-button.andana-lbtn--text-white .wp-block-button__link { color: #fff; }
.wp-block-button.andana-lbtn--bg-blue .wp-block-button__link { background-color: rgba(100, 162, 209, 1); }
.wp-block-button.andana-lbtn--bg-navy .wp-block-button__link { background-color: rgba(52, 114, 162, 1); }
.wp-block-button.andana-lbtn--border-white .wp-block-button__link { border-color: #fff; }
.wp-block-button.andana-lbtn--border-white .wp-block-button__link:hover { border-color: rgba(29, 26, 26, 1); }
.wp-block-button.andana-lbtn .wp-block-button__link:hover { color: rgba(49, 49, 49, 1); }
.wp-block-button[class*="andana-lbtn--icon-"] .wp-block-button__link::before {
content: "";
flex: none;
width: 23px;
height: 23px;
background: currentColor;
-webkit-mask: var(--andana-lbtn-icon) center / contain no-repeat;
mask: var(--andana-lbtn-icon) center / contain no-repeat;
}
.wp-block-button.andana-lbtn--icon-eye .wp-block-button__link::before { width: 38px; height: 38px; }
.wp-block-button.andana-lbtn--icon-eye { --andana-lbtn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 35.9'%3E%3Cpath d='M24.001 4.1c6.315 0 12.993 4.6 19.847 13.684a.3.3 0 0 1 0 .337c-6.854 9.08-13.532 13.683-19.847 13.683s-12.993-4.6-19.847-13.683a.3.3 0 0 1 0-.337C11.008 8.704 17.686 4.1 24.001 4.1m0-4.1Q12.44 0 .881 15.313a4.395 4.395 0 0 0 0 5.278q11.559 15.312 23.12 15.313T47.12 20.591a4.393 4.393 0 0 0 0-5.277Q35.561.001 24.001 0'/%3E%3Cpath d='M24.001 13.284a4.669 4.669 0 1 1-4.669 4.669 4.674 4.674 0 0 1 4.669-4.669m0-4.1a8.769 8.769 0 1 0 8.769 8.769 8.769 8.769 0 0 0-8.769-8.769'/%3E%3C/svg%3E"); }
.wp-block-button.andana-lbtn--icon-book { --andana-lbtn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485.5 485.5'%3E%3Cpath d='m422.1 126.2h-295.7c-27.4 0-49.8-22.3-49.8-49.8 0-27.4 22.3-49.8 49.8-49.8h295.8c7.4 0 13.3-6 13.3-13.3 0-7.4-6-13.3-13.3-13.3h-295.8c-42.1 0-76.4 34.3-76.4 76.4v332.7c0 42.1 34.3 76.4 76.4 76.4h295.8c7.4 0 13.3-6 13.3-13.3v-332.7c-0.1-7.3-6-13.3-13.4-13.3zm-13.3 332.7h-282.4c-27.4 0-49.8-22.3-49.8-49.8v-274.7c13.4 11.5 30.8 18.5 49.8 18.5h282.4v306z'/%3E%3Cpath d='M130.6,64.3c-7.4,0-13.3,6-13.3,13.3s6,13.3,13.3,13.3h249.8c7.4,0,13.3-6,13.3-13.3s-6-13.3-13.3-13.3H130.6z'/%3E%3Cpath d='m177.4 400.7c1.5 0.5 3 0.8 4.5 0.8 5.5 0 10.6-3.4 12.5-8.8l16.2-45.3h62.4c0.5 0 1.1 0 1.6-0.1l16.2 45.4c1.9 5.4 7.1 8.8 12.5 8.8 1.5 0 3-0.3 4.5-0.8 6.9-2.5 10.5-10.1 8-17l-60.6-169.9c-0.1-0.4-0.3-0.8-0.5-1.2l-0.6-1.2c-0.1-0.2-0.3-0.4-0.4-0.7-0.1-0.1-0.2-0.3-0.3-0.4-0.1-0.2-0.3-0.4-0.5-0.6-0.1-0.1-0.2-0.3-0.4-0.4-0.1-0.2-0.3-0.3-0.5-0.5s-0.3-0.3-0.5-0.5c-0.1-0.1-0.3-0.2-0.4-0.4-0.2-0.2-0.4-0.3-0.6-0.5-0.1-0.1-0.3-0.2-0.4-0.3-0.2-0.1-0.4-0.3-0.6-0.4l-0.6-0.3s-0.4-0.2-0.6-0.3c-0.4-0.2-0.8-0.4-1.2-0.5h-0.1l-1.2-0.3c-0.2 0-0.3-0.1-0.5-0.1-0.3-0.1-0.5-0.1-0.8-0.2-0.2 0-0.4 0-0.6-0.1-0.2 0-0.5-0.1-0.7-0.1s-0.4 0-0.6 0h-0.7c-0.2 0-0.5 0-0.7 0.1-0.2 0-0.4 0-0.6 0.1-0.3 0-0.5 0.1-0.8 0.2-0.2 0-0.3 0.1-0.5 0.1-0.4 0.1-0.8 0.2-1.1 0.3h-0.1c-0.4 0.1-0.8 0.3-1.2 0.5l-1.2 0.6c-0.2 0.1-0.4 0.3-0.7 0.4-0.1 0.1-0.3 0.2-0.4 0.3-0.2 0.2-0.4 0.3-0.6 0.5-0.1 0.1-0.3 0.2-0.4 0.4l-0.5 0.5s-0.3 0.3-0.5 0.5c-0.1 0.1-0.2 0.3-0.4 0.4-0.2 0.2-0.3 0.4-0.5 0.6-0.1 0.1-0.2 0.3-0.3 0.4-0.1 0.2-0.3 0.4-0.4 0.6l-0.6 1.2c-0.2 0.4-0.4 0.8-0.5 1.2l-60.8 169.9c-2.2 7 1.4 14.6 8.3 17.1zm65.3-142.9 22.5 63h-45.1l22.6-63z'/%3E%3C/svg%3E"); }
.wp-block-button.andana-lbtn--icon-cart { --andana-lbtn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.45 44.14'%3E%3Cpath d='M16.72 37.679a3.232 3.232 0 1 0 3.232 3.231 3.234 3.234 0 0 0-3.232-3.231'/%3E%3Cpath d='M33.751 37.679a3.232 3.232 0 1 0 3.232 3.231 3.234 3.234 0 0 0-3.232-3.231'/%3E%3Cpath d='M43.4 6.841A4.557 4.557 0 0 0 39.888 5.2H9.727A6.3 6.3 0 0 0 3.567 0H2.05a2.05 2.05 0 1 0 0 4.1h1.517a2.177 2.177 0 0 1 2.14 1.844l3.2 21.424a8.818 8.818 0 0 0 8.669 7.47h19.2a2.05 2.05 0 1 0 0-4.1h-19.2a4.694 4.694 0 0 1-4.614-3.977l-.022-.145h23.628a5.817 5.817 0 0 0 5.718-4.755l2.091-11.266a4.558 4.558 0 0 0-.977-3.754m-5.145 14.271a1.715 1.715 0 0 1-1.687 1.4H12.332L10.354 9.3h29.534a.466.466 0 0 1 .458.551Z'/%3E%3C/svg%3E"); }
.wp-block-button.andana-lbtn--icon-mail { --andana-lbtn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.034 7.11h21.1c.6 0 1.2.1 1.7.3.4.2.5.3.1.6-1.9 1.8-3.8 3.6-5.8 5.4l-14.9 14.1c-1.1 1.3-2.9 1.4-4.2.4l-.4-.4-20.5-19.5c-.5-.4-.5-.4.2-.7.5-.1.9-.2 1.4-.2h21.3z'/%3E%3Cpath d='M48.134 42.41c-.6.3-1.2.5-1.9.4h-42.4c-.6 0-1.1-.1-1.6-.3-.4-.2-.4-.3-.1-.6l5.1-4.8c3.5-3.3 7-6.6 10.5-10 .3-.3.5-.3.8 0 1.3 1.3 2.6 2.5 4 3.8 1.3 1.5 3.6 1.6 5 .2.1-.1.2-.1.2-.2 1.3-1.3 2.7-2.5 4-3.8.2-.2.3-.2.6 0 5.2 5 10.5 10 15.8 15-.1.2 0 .2 0 .3zM.234 9.71c1.8 2.1 3.8 3.8 5.8 5.7 3.2 3.1 6.5 6.2 9.7 9.3.3.3.3.5 0 .7-4.8 4.5-9.6 9.1-14.4 13.7-.5.4-.8.9-1.1 1.4-.3-1.1-.3-30 0-30.8zM49.934 9.71c.1 10.2.1 20.4 0 30.6-.9-1-1.8-2-2.9-2.8-4.2-4-8.5-8.1-12.7-12.1-.3-.3-.3-.5 0-.8 4.8-4.6 9.6-9.1 14.4-13.7.4-.3.8-.8 1.2-1.2z'/%3E%3C/svg%3E"); }
/* Card grids of the landings: the WPCode snippet "Estils Andana" limited the old
* PostX images (.ultp-image); same limits for the converted core images. */
.page-template-plantilla-landings .targetes-2 .wp-block-image img {
max-height: 540px;
object-fit: cover;
}
.page-template-plantilla-landings .targetes-3 .wp-block-image img {
max-height: 350px;
object-fit: cover;
}
/* ----- From WPCode snippet #9793 "Estils Andana" (moved here so it only loads on landings) ----- */
:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}
/* Body font: Manrope amb fallback sans-serif moderns */
body, a {
font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Heading font: PF Beau Sans Pro amb mateixos fallback */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family: 'PF Beau Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.custom-logo {
min-width: 9rem;
width: auto;
height: auto;
max-height: 7rem;
display: block;
}
@media (max-width: 600px) {
.hide-mobile {
display: none !important;
}
}
.amunt-z-index {
z-index: 90;
position: relative;
}
.button-scale {
border-radius: 50px;
cursor: pointer;
transition: transform 0.6s ease;
z-index: 10;
}
.button-scale:hover {
transform: scale(1.05);
}
.button-scale .wp-block-button__link:hover {
background-color: #e8e335 !important;
color: #000 !important;
border-color: #000 !important;
}
.imatge-quadern-gran {
transform: scale(1.5) translateX(-15%);
transition: transform 0.3s cubic-bezier(.5,1.5,.4,1);
z-index: 2;
position: relative;
}
.wp-block-column {
overflow: visible;
}
@media (max-width: 800px) {
.imatge-quadern-gran {
transform: scale(1.2) translateX(-5%);
margin-top:100px;
}
}
.imatge-quadern-mitja {
transform: scale(1.2) translateX(-5%);
transition: transform 0.3s cubic-bezier(.5,1.5,.4,1);
z-index: 2;
position: relative;
}
/* Ocultar en mòbil i tablet */
@media (max-width: 1024px) {
.ocultar-mobile {
display: none !important;
}
}
/* Mostrar només en mòbil i tablet */
@media (min-width: 1025px) {
.ocultar-desktop {
display: none !important;
}
}
/* Menú sticky en novetats */
.menu-novetats .wp-block-button__link {
position: relative;
display: inline-block;
overflow: hidden;
transition: transform 0.3s ease-in, color 0.3s ease;
}
.menu-novetats .wp-block-button__link::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: #000; /* color de la faixa en hover */
transition: left 0.5s ease-in-out;
z-index: -1;
}
.menu-novetats .wp-block-button__link:hover {
transform: translateX(-16px);
color: #fff; /* text en blanc en hover */
}
.menu-novetats .wp-block-button__link:hover::before {
left: 0;
}
.menu-novetats .wp-block-button__link span,
.menu-novetats .wp-block-button__link {
position: relative;
z-index: 1; /* text sempre damunt */
}
/* botó 3d en hover */
.boto-3d .wp-block-button__link {
position: relative;
transition: all 0.3s ease;
box-shadow: none;
}
.boto-3d .wp-block-button__link:hover {
transform: translate(-5px, -5px);
box-shadow: 5px 5px 0 0 #000;
}
/* Afegir icona de sobre */
.boto-sobre .wp-block-button__link {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.8rem;
}
.boto-sobre .wp-block-button__link::before {
content: "";
width: 1.1em;
height: 1.1em;
display: inline-block;
vertical-align: middle;
transform: translateY(-2px);
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.cantons-rodons {
border-radius: 1rem;
overflow: hidden;
}
.menu-sticky :where(.wp-block-buttons-is-layout-flex) {
gap: 0 !important;
}
.menu-novetats {
margin-top: -8px !important;
}
.menu-novetats a.wp-block-button__link {
padding-top: 2rem !important;
}
/* Columna que vols pujar */
.landing-columns .wp-block-column.columna-puja {
position: relative;
margin-top: -6rem !important; /* força si hi ha marges del tema */
z-index: 3;
}
/* 1) El Cover és el contenidor de referència */
.cover-intro {
position: relative;
}
/* 2) Baixem les capes del fons del Cover */
.cover-intro .wp-block-cover__background,
.cover-intro .wp-block-cover__image-background {
z-index: 0 !important;
}
/* 3) L’inner container torna a ser “static” (així el logo s’ancora al Cover),
però ara queda per damunt del fons */
.cover-intro .wp-block-cover__inner-container {
position: static !important;
z-index: 1; /* encara que siga static, mantenim l’ordre per seguretat */
}
/* El group gris immediatament sota el cover també sense tallar */
.landing-wrap > .wp-block-group {
position: relative;
overflow: visible;
z-index: 2;
}
/* Anul·la marges superiors que el tema pose a les columnes */
.wp-block-columns > .wp-block-column {
margin-top: 0 !important;
}
.logo-landing-novetats{
position: absolute;
top: 32px;
left: 32px;
width: 120px;
color: #3e641c;
z-index: 2;
pointer-events: none;
}
.logo-landing-novetats svg *{
fill: currentColor !important;
}
.per-dalt-50 {z-index: 50;}
/* ----- From WPCode snippet #9800 "Scroll suau en menú sticky" (moved here so it only loads on landings) ----- */
/* Desplaçament suau a les àncores de tota la pàgina */
html { scroll-behavior: smooth; }
/* (Opcional) Dona un petit marge quan arribes a la secció */
.section-anchor { scroll-margin-top: 12px; }
/* ----- From WPCode snippet #9956 "Igualar alçada imatges en grid" (moved here so it only loads on landings) ----- */
/* Grid de 2 columnes */
.targetes-2.is-layout-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 2rem;
}
/* Grid de 3 columnes */
.targetes-3.is-layout-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 2rem;
}
/* Les targetes ocupen sempre tota la cel·la */
.targetes-2 > .wp-block-group,
.targetes-3 > .wp-block-group {
width: 100% !important;
}
@media (max-width: 768px) {
.targetes-2.is-layout-grid,
.targetes-3.is-layout-grid {
grid-template-columns: 1fr !important;
}
}