.elementor-460 .elementor-element.elementor-element-4e9bd4df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-460 .elementor-element.elementor-element-1ec52ae2 .artemis-header-wrap{background:#02010100;}.elementor-460 .elementor-element.elementor-element-1ec52ae2 .artemis-site{--artemis-content-width:1180px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-623b029f .artemis-site{--artemis-content-width:1180px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero-actions > a:nth-child(2){display:none;}.elementor-460 .elementor-element.elementor-element-492bac4d .artemis-site{--artemis-content-width:1180px;--artemis-slot-min:290px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-5b7e6d18 .artemis-site{--artemis-content-width:1180px;--artemis-slot-min:480px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-clients-rail{animation-direction:normal;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-client-item{flex-basis:300px;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-client-item img{max-height:58px;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-site{--artemis-content-width:1180px;--artemis-slot-min:300px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-60b77e56 .artemis-contact{--artemis-contact-copy-width:44%;}.elementor-460 .elementor-element.elementor-element-60b77e56 .artemis-site{--artemis-content-width:1180px;--artemis-slot-min:420px;--artemis-slot-gap:16px;}.elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-footer-brand img{width:182px;}.elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-cookie-banner, .elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-cookie-modal{border-radius:18px;}.elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-site{--artemis-content-width:1180px;--artemis-slot-min:190px;--artemis-slot-gap:16px;}@media(max-width:1024px){.elementor-460 .elementor-element.elementor-element-1ec52ae2 .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-623b029f .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-492bac4d .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-5b7e6d18 .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-60b77e56 .artemis-site{--artemis-content-width:900px;}.elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-site{--artemis-content-width:900px;}}@media(max-width:767px){.elementor-460 .elementor-element.elementor-element-1ec52ae2 .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-623b029f.elementor-element{--align-self:center;}.elementor-460 .elementor-element.elementor-element-623b029f .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero-actions > a:first-child{width:0px;max-width:100%;padding:0px 0px 0px 0px;margin:26px 26px 26px 26px;}.elementor-460 .elementor-element.elementor-element-492bac4d .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-5b7e6d18 .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-7c9156d7 .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-60b77e56 .artemis-site{--artemis-content-width:760px;}.elementor-460 .elementor-element.elementor-element-2ee6a829 .artemis-site{--artemis-content-width:760px;}}/* Start custom CSS for artemis_header, class: .elementor-element-1ec52ae2 *//* =========================================================
   CENTRO ARTEMIS — PREMIUM GLASS HEADER
   STRUTTURA CORRETTA
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 {
    --artemis-navy: #1F2C43;
    --artemis-slate: #3E4C59;
    --artemis-mist: #8BAAAD;

    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;

    position: relative !important;
    z-index: 20 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   WRAPPER ELEMENTOR
   NIENTE GLASS QUI
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 > .elementor-widget-container {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   HEADER = VERA CAPSULA GLASS
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 header {
    width: min(940px, calc(100% - 40px)) !important;
    height: 62px !important;
    min-height: 62px !important;

    margin: 0 auto !important;
    padding: 5px 18px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;

    position: relative !important;

    box-sizing: border-box !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,0.30) 0%,
            rgba(255,255,255,0.17) 38%,
            rgba(232,238,245,0.08) 68%,
            rgba(255,255,255,0.12) 100%
        ) !important;

    border:
        1px solid rgba(255,255,255,0.62) !important;

    -webkit-backdrop-filter:
        blur(20px)
        saturate(118%)
        brightness(1.025) !important;

    backdrop-filter:
        blur(20px)
        saturate(118%)
        brightness(1.025) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.72),
        inset 0 -1px 0 rgba(31,44,67,0.05),
        0 8px 24px rgba(31,44,67,0.035)
        !important;

    overflow: hidden !important;

    transform: none !important;
}


/* =========================================================
   RIFLESSO OTTICO
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 header::before {
    content: "";

    position: absolute !important;

    top: 1px !important;
    left: 7% !important;
    right: 7% !important;

    height: 42% !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.25) 0%,
            rgba(255,255,255,0.08) 55%,
            rgba(255,255,255,0) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* =========================================================
   LOGO DESKTOP
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 a:has(img) {
    grid-column: 1 !important;

    justify-self: start !important;
    align-self: center !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    position: relative !important;

    z-index: 3 !important;
}


.elementor-460 .elementor-element.elementor-element-1ec52ae2 a:has(img) img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 270px !important;
    max-height: 36px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   NAV DESKTOP
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 nav {
    grid-column: 2 !important;

    justify-self: end !important;
    align-self: center !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    z-index: 3 !important;
}


.elementor-460 .elementor-element.elementor-element-1ec52ae2 nav ul,
.elementor-460 .elementor-element.elementor-element-1ec52ae2 .menu-item {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   CHI SIAMO
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 nav a[href="#chi-siamo"],
.elementor-460 .elementor-element.elementor-element-1ec52ae2 .menu-item a[href="#chi-siamo"] {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 40px !important;
    min-height: 40px !important;

    padding: 0 20px !important;

    background: #1F2C43 !important;
    color: #fff !important;

    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 999px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06)
        !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    transform: none !important;

    transition:
        background-color .18s ease
        !important;
}


.elementor-460 .elementor-element.elementor-element-1ec52ae2 nav a[href="#chi-siamo"]:hover,
.elementor-460 .elementor-element.elementor-element-1ec52ae2 .menu-item a[href="#chi-siamo"]:hover {
    background: #293A57 !important;
    transform: none !important;
}


/* =========================================================
   NASCONDI CTA HEADER NON NECESSARIE
   ========================================================= */

.elementor-460 .elementor-element.elementor-element-1ec52ae2 a[href*="preventivo"],
.elementor-460 .elementor-element.elementor-element-1ec52ae2 a[href*="consulenza"] {
    display: none !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 {
        padding: 7px 0 !important;
    }

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header {
        width: calc(100% - 24px) !important;

        height: 56px !important;
        min-height: 56px !important;

        padding: 0 14px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }


    /* NASCONDE NAV */

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 nav,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 nav *,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 .elementor-nav-menu,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 .elementor-menu-toggle,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 [class*="menu-toggle"],
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 [class*="menuToggle"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    /* NASCONDE LOGO DESKTOP */

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 a:has(img) {
        display: none !important;
    }


    /* MONOGRAMMA */

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header::after {
        content: "" !important;

        display: block !important;

        width: 70px !important;
        height: 38px !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        transform: translate(-50%, -50%) !important;

        background-image:
            url("https://www.centroartemis.com/wp-content/uploads/2026/09/MONOGRAMMA_CA-scaled.png")
            !important;

        background-repeat: no-repeat !important;

        background-position: center !important;

        background-size: contain !important;

        z-index: 3 !important;
    }
}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 {
        padding: 6px 0 !important;
    }


    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header {
        width: calc(100% - 20px) !important;

        height: 52px !important;
        min-height: 52px !important;

        padding: 0 12px !important;

        border-radius: 999px !important;

        background:
            linear-gradient(
                110deg,
                rgba(255,255,255,0.26) 0%,
                rgba(255,255,255,0.14) 45%,
                rgba(232,238,245,0.05) 100%
            ) !important;

        -webkit-backdrop-filter:
            blur(17px)
            saturate(112%)
            brightness(1.02)
            !important;

        backdrop-filter:
            blur(17px)
            saturate(112%)
            brightness(1.02)
            !important;
    }


    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header::after {
        width: 64px !important;
        height: 36px !important;
    }
}


/* =========================================================
   SMARTPHONE STRETTO
   ========================================================= */

@media (max-width: 390px) {

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header {
        width: calc(100% - 16px) !important;

        height: 50px !important;
        min-height: 50px !important;
    }


    .elementor-460 .elementor-element.elementor-element-1ec52ae2 header::after {
        width: 60px !important;
        height: 34px !important;
    }
}


/* =========================================================
   RIDUZIONE MOVIMENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-460 .elementor-element.elementor-element-1ec52ae2 *,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 *::before,
    .elementor-460 .elementor-element.elementor-element-1ec52ae2 *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for artemis_hero, class: .elementor-element-623b029f *//* CTA Hero — Artemis / riferimento Neko. Solo questo pulsante. */
.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary) {
  box-sizing: border-box;
  width: 270px;
  max-width: 100%;
  min-height: 58px;
  padding: 16px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: #197F96;
  border: 1px solid #197F96;
  border-radius: 16px;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transform: none;
  animation: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary):hover,
.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary):active {
  background: #166F84;
  border-color: #166F84;
  color: #FFFFFF;
  box-shadow: none;
  transform: none;
}

.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary):focus-visible {
  outline: 2px solid #197F96;
  outline-offset: 4px;
}

/* Freccia orizzontale statica, senza duplicare il testo del pulsante. */
.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary) > span[aria-hidden="true"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  font-size: 0;
  line-height: 24px;
}
.elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary) > span[aria-hidden="true"]::after {
  content: "→";
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-460 .elementor-element.elementor-element-623b029f .artemis-hero .artemis-hero-actions a.artemis-button[data-location="hero"]:not(.artemis-button-secondary) {
    transition: none;
  }
}/* End custom CSS */