@charset "UTF-8";
/* CSS Document */

/*
 *  +---------------------------------------------------------------+
 *  |   Styles by Ideamatic Digital Experiences | ideamatic.net     |
 *  +---------------------------------------------------------------+
*/

:root {
    /* Palette */
    --bg: #fff;
    --ink: #111;

    --accent: #007070;
    --accent-light: #E2F4F4;
    --accent-dark: #003D3D;

    --surf: #F6F6F5;
    --border: #E2E2E2;
    --muted: #5A5A5A;
    --dark-shades: #535561;

    /* UI */
    --danger: #C0392B;
    --danger-light: #FDECEA;
    --danger-dark: #8B1A10;

    --info: #1A6FD4;
    --info-light: #EAF2FF;
    --info-dark: #0D4490;

    --neutral: #5A5A5A;
    --neutral-light: #F2F2F0;
    --neutral-dark: #2A2A2A;

    --warning: #B86800;
    --warning-light: #FFF4E0;
    --warning-dark: #7A4400;

    --success: #1A7A3D;
    --success-light: #E6F5EC;
    --success-dark: #0D4D26;
}



/* TYPESCALE
   --------------------------------------------------------------- */
html {
    font-size: 106.25%;
}

body {
    /* .smaller — constant, min viewport 320px */
    --text-smaller: 0.563rem;
    /* small, .small — constant */
    --text-small: 0.75rem;
    /* body, p — constant */
    --text-body: 1rem;
    /* h5, .h5, h6, .h6 — fluid 1rem → 1.333rem */
    --text-h5-h6: clamp(1rem, 0.471vw + 0.911rem, 1.333rem);
    /* h4, .h4 — fluid 1.333rem → 1.777rem */
    --text-h4: clamp(1.333rem, 0.629vw + 1.215rem, 1.777rem);
    /* h3, .h3 — fluid 1.777rem → 2.369rem */
    --text-h3: clamp(1.777rem, 0.838vw + 1.619rem, 2.369rem);
    /* h2, .h2 — fluid 2.369rem → 3.157rem */
    --text-h2: clamp(2.369rem, 1.116vw + 2.159rem, 3.157rem);
    /* h1, .h1 — fluid 3.157rem → 4.209rem */
    --text-h1: clamp(3.157rem, 1.490vw + 2.877rem, 4.209rem);
    /* .hero — fluid 4.209rem → 5.61rem */
    --text-hero: clamp(4.209rem, 1.984vw + 3.835rem, 5.61rem);
    color: var(--ink) !important;
    background: var(--bg) !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 2.25rem !important;
    margin-bottom: 1rem !important;
    font-family: 'ClashGrotesk' !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.022em !important;
    color: var(--ink) !important;
}

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.6;
}

small {
    font-size: var(--text-small);
}

h6,
.h6 {
    font-size: var(--text-h5-h6);
    font-weight: 400 !important;
}

h5,
.h5 {
    font-size: var(--text-h5-h6);
}

h4,
.h4 {
    font-size: var(--text-h4);
}

h3,
.h3 {
    font-size: var(--text-h3);
}

h2,
.h2 {
    font-size: var(--text-h2);
}

h1,
.h1 {
    font-size: var(--text-h1);
}

h1.hero {
    font-size: var(--text-hero);
}

h1 strong,
h1 b,
.h1 strong,
h2 strong,
h2 b,
.h2 strong,
h3 strong,
h3 b,
.h3 strong,
h4 strong,
h4 b,
.h4 strong h5 strong,
h5 b,
.h5 strong h6 strong,
h6 b,
.h6 strong {
    font-weight: 500 !important;
}

ul li,
ol li {
    margin-bottom: 1rem !important;
    line-height: 1.6 !important;
}

b,
strong,
.bold {
    font-weight: 600 !important;
    font-style: normal !important;
}

i,
em {
    font-weight: 400 !important;
    font-style: italic !important;
}

i,
b em,
i b,
em b,
strong i,
strong em,
i strong,
em strong {
    font-weight: 600 !important;
    font-style: italic !important;
}

blockquote {
    font-weight: 600 !important;
    font-style: normal !important;
    color: var(--ink) !important;
    line-height: 1.6 !important;
    border-left: solid 3px var(--accent) !important;
}

/* --------------------------------------------------------------- 
.TYPESCALE */



/* COMMON
   --------------------------------------------------------------- */

select {
    font-weight: 400;
    font-size: var(--text-small) !important;
    font-family: var(--global-body-font-family);
    color: var(--ink) !important;
    text-transform: uppercase !important;
    letter-spacing: .0278rem !important;
    border: none !important;
    background-color: transparent !important;
}

select:focus {
    box-shadow: none !important;
}

/* Header */
.header-navigation .header-menu-container>ul>li>a {
    font-size: var(--text-small) !important;
    text-transform: uppercase !important;
    letter-spacing: .0278rem !important;
    color: var(--ink) !important;
    font-weight: 500 !important;
}

.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after {
    width: calc(100% - 15px) !important;
}

/* Contenidor del selector d'idioma */
.gt_selector {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23000000'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    padding-right: 22px !important;
    line-height: 1.6;
}

/* Globus terrestre davant del selector */
.gtranslate_wrapper {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.gtranslate_wrapper::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
/* .Header */

/* Footer */
.logo--footer img {
    filter: brightness(0) invert(1);
}

.footer-widget-area {
    font-size: var(--text-small) !important;
    line-height: 1.6 !important;
}

.footer-widget-area ul li {
    line-height: 0.9 !important;
}

.footer-widget-area h2,
.footer-widget-area a {
    color: var(--bg) !important;
}

.footer-widget-area h2 {
    font-size: var(--text-smaller) !important;
    color: var(--border) !important;
    letter-spacing: .0833rem !important;
    text-transform: uppercase !important;
    margin-top: 0rem !important;
}

.footer-widget-area figure {
    margin-top: 0rem !important;
}

.site-bottom-footer-wrap .site-footer-row-container-inner .site-container {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
    text-transform: uppercase !important;
    font-size: var(--text-smaller) !important;
}

.site-bottom-footer-inner-wrap .footer-widget-area {
    font-size: var(--text-smaller) !important;
    letter-spacing: 1px !important;
}
/* .Footer */

/* --------------------------------------------------------------- 
.COMMON */



/* PLUGINS
   --------------------------------------------------------------- */

/* --------------------------------------------------------------- 
.PLUGINS */



/* RESPONSIVE
   --------------------------------------------------------------- */

/* Smartphone portrait — up to 480px */
@media (max-width: 480px) {

    /* Header */
    .site-header-item {
        align-items: start !important;
    }

    .mobile-toggle-open-container {
        margin-top: 10px !important;
    }
    /* .Header */

    /* Footer */
    .site-footer-row-container-inner .site-footer-row.site-footer-row-columns-4.site-footer-row-mobile-column-layout-two-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-footer-row-container-inner .site-footer-row.site-footer-row-columns-4.site-footer-row-mobile-column-layout-two-grid .site-footer-middle-section-1 {
        grid-column: 1 / -1;
    }

    .site-bottom-footer-inner-wrap {
        grid-row-gap: 34px;
    }

    .mobile-navigation ul li {
        margin-bottom: 0rem !important;
    }
    /* .Footer */
}


/* Smartphone landscape — 481px to 932px, phones only (max-height 500px) */
@media (min-width: 481px) and (max-width: 932px) and (max-height: 500px) {}


/* Tablet portrait — 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {

    /* Header */
    /* .Header */

    /* Footer */
    .site-footer-row-container-inner .site-footer-row.site-footer-row-columns-4.site-footer-row-tablet-column-layout-equal {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .site-footer-row-container-inner .site-footer-row.site-footer-row-columns-4.site-footer-row-tablet-column-layout-equal .site-footer-middle-section-1 {
        grid-column: 1 / -1;
    }

    .site-footer-row-container-inner .site-footer-row.site-footer-row-tablet-column-layout-default {
        grid-template-columns: auto 1fr;
    }

    #menu-footer {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        margin: 0;
        padding: 0;
    }

    #menu-footer li {
        margin-bottom: 0rem !important;
    }
    /* .Footer */

}

/* Tablet landscape — 1024px to 1199px */
@media (min-width: 1024px) and (max-width: 1199px) {
    /* Footer */
    .site-footer-row.site-footer-row-columns-4.site-footer-row-column-layout-left-forty {
        grid-template-columns: 1fr repeat(3, auto) !important;
    }

    #menu-footer {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        margin: 0;
        padding: 0;
    }
    /* .Footer */
}

/* Desktop — 1200px and up */
@media (min-width: 1200px) {

    /* Footer */
    .site-footer-row.site-footer-row-columns-4.site-footer-row-column-layout-left-forty {
        grid-template-columns: 1fr repeat(3, auto) !important;
    }

    #menu-footer {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        margin: 0;
        padding: 0;
    }

    #menu-footer li {
        margin-bottom: 0rem !important;
    }
    /* .Footer */
}

/* Print */
@media print {}

/* --------------------------------------------------------------- 
.RESPONSIVE */