:root {
    --clr-white: #FFFFFF;
    --clr-black: #111111;
    --clr-light: #F2F2F2;
    --clr-dark-hover: #2C2B2E;
    --clr-dark: #37363B;
    --clr-primary: #1ECAD3;
    --clr-primary-dark-minimum: #1ECAD3 ;
    --clr-contrast: #ffffff;
    --clr-secondary: #1ECAD3;
    --clr-secondary_contrast: #ffffff;
    --clr-gray: #F2F2F2;
    --clr-link-hover: #1ECAD3;
    --clr-topBar: var(--clr-dark);
    --clr-topBar-contrast: var(--clr-contrast);
    --clr-dark-gray: color-mix(in srgb, var(--clr-gray) 90%, black);
    --clr-text-success: #3c763d;

    --font-family: 'Open Sans', sans-serif;
    --font-family-heading: 'Palanquin', sans-serif;
    --text-color: var(--clr-dark);
    --text-darken: #212121;

    --clr-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);

    --padding-y-header1: 1em 0;

    --border-radius-xl: 32px;
    --border-radius-lg: 24px;
    --border-radius-md: 16px;
    --border-radius-sm: 8px;
    --border-radius-xs: 4px;

    --font-size-base: 16px;
    --spacing-desktop-xl: 5rem;
    --spacing-desktop: 50px;
    --spacing-mobile: 16px;
}

.search-bar button {
    background: linear-gradient(
            90deg,
            #1ECAD3 0%,
            #00CE7C 100%
    );
    border: none;
    color: white;
    padding: 0.6em 1.2em;
    font-size: 1rem;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.search-bar button:hover {
    filter: brightness(0.9);
}

#HEADER_2 .zone_2 a.carpeta:hover,
#HEADER_2 .zone_2 a.carpeta:focus,
#HEADER_2 .zone_2 a.transparencia:focus,
#HEADER_2 .zone_2 a.transparencia:hover,
div .serveis>a:hover,
div .serveis>a:focus {
    background-image: linear-gradient(
            90deg,
            #1ECAD3 0%,
            #00CE7C 100%
    );
    background-color: transparent;
    color: var(--clr-white);
}