.elementor-kit-5{--e-global-color-primary:#0A1422;--e-global-color-secondary:#2E6A64;--e-global-color-text:#16233A;--e-global-color-accent:#D9806C;--e-global-color-06dbeea:#0E1B2C;--e-global-color-415f9a8:#ECE5D8;--e-global-color-8b76379:#F6F2EA;--e-global-color-e1a6f85:#DDE5DE;--e-global-color-d3f94a8:#A6502F;--e-global-color-06aa9f4:#E8907D;--e-global-color-55368b0:#A9D0C8;--e-global-color-2678aae:#454B53;--e-global-color-c4367f6:#B89660;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:11px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2.4px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-8b76379 );border-radius:0px 0px 0px 0px;padding:20px 32px 20px 32px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a:hover{color:var( --e-global-color-d3f94a8 );}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:128px;font-weight:300;letter-spacing:0.5px;}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:88px;font-weight:300;letter-spacing:0.5px;}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:38px;font-weight:300;letter-spacing:0.5px;}.elementor-kit-5 h4{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:26px;font-weight:300;letter-spacing:0.5px;}.elementor-kit-5 h5{color:var( --e-global-color-text );font-family:"Figtree", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-5 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:84px;}.elementor-kit-5 h2{font-size:60px;}.elementor-kit-5 h3{font-size:32px;}.elementor-kit-5 h4{font-size:24px;}.elementor-kit-5 h6{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:54px;}.elementor-kit-5 h2{font-size:42px;line-height:1em;}.elementor-kit-5 h3{font-size:28px;}.elementor-kit-5 h4{font-size:22px;line-height:1.2em;}.elementor-kit-5 h6{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --hy-abisso:#0A1422; --hy-notte:#0E1B2C; --hy-inchiostro:#16233A; --hy-acqua:#2E6A64; --hy-acqua-chiara:#A9D0C8; --hy-corallo:#D9806C; --hy-corallo-testo:#A6502F; --hy-corallo-chiaro:#E8907D; --hy-sabbia:#ECE5D8; --hy-perla:#F6F2EA; --hy-nebbia:#E1E6EA; --hy-grigio-testo:#454B53; --hy-oro-sabbia:#B89660; --hy-font-titoli:Cormorant Garamond; --hy-font-testo:Figtree; --hy-fs-hero:clamp(56px, 8.6vw, 124px); --hy-fs-h2:clamp(40px, 4.45vw, 64px); --hy-fs-h3:clamp(18px, 1.4vw, 20px); --hy-fs-manifesto:clamp(32px, 3.33vw, 48px); --hy-fs-trattamento:clamp(24px, 2.5vw, 36px); --hy-fs-elemento:clamp(72px, 12.5vw, 180px); --hy-fs-cta:clamp(56px, 9.4vw, 168px); --hy-fs-marquee:clamp(52px, 7vw, 112px); --hy-fs-numero:clamp(32px, 3.05vw, 44px); --hy-lati:clamp(20px, 5.6vw, 80px); --hy-sezione:clamp(64px, 8.4vw, 120px); --hy-contenuto:1280px; --hy-grigio-sm:#545A63; --hy-verde-segno:#5FA9A1; --hy-bianco:#FFFFFF; --hy-fs-lead:clamp(18px, 1.46vw, 21px); --hy-margine:max(clamp(20px, 5.6vw, 80px), calc((100% - 1280px) / 2)); }
/* Start custom CSS *//* =====================================================================
   HYDRA — CSS personalizzato globale  ·  versione 2
   DOVE: Elementor > Impostazioni del sito > CSS personalizzato
   (sostituisce TUTTA la versione precedente)
   I colori sono collegati ai Colori globali: se cambi un colore globale,
   cambia anche qui. Nessun widget HTML: tutto resta modificabile in Elementor.
   ===================================================================== */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }


/* ---------- 1. HEADER: trasparente → chiaro allo scroll ---------- */
.hy-header { transition: background-color .5s ease, box-shadow .5s ease; }
.hy-header.elementor-sticky--effects {
  background-color: var(--e-global-color-8b76379, #FAF7F1) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.hy-header .hy-logo-scuro { display: none; }
.hy-header.elementor-sticky--effects .hy-logo-bianco { display: none; }
.hy-header.elementor-sticky--effects .hy-logo-scuro { display: block; }
.hy-header .elementor-nav-menu--main .elementor-item { transition: color .4s ease; }
.hy-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: var(--e-global-color-text, #16302B) !important; }
.hy-header.elementor-sticky--effects .elementor-menu-toggle { color: var(--e-global-color-text, #16302B) !important; }
.hy-header .hy-btn-header .elementor-button {
  background: transparent; color: var(--e-global-color-8b76379, #FAF7F1);
  border: 1px solid rgba(250, 247, 241, .55); transition: background .4s ease, border-color .4s ease;
}
.hy-header.elementor-sticky--effects .hy-btn-header .elementor-button {
  background: var(--e-global-color-primary, #12302B); border-color: var(--e-global-color-primary, #12302B);
}


/* ---------- 2. HERO fermo + foglio "Manifesto" che ci sale sopra ---------- */
.hy-hero { position: sticky !important; top: 0; }
.hy-hero-wrap { overflow: visible !important; }


/* ---------- 3. TRATTAMENTI: riga-link con foto al passaggio del mouse ---------- */
.hy-tr-row, .hy-tr-row:hover, .hy-tr-row:focus { color: inherit; text-decoration: none; position: relative; }
.hy-tr-row .hy-tr-name .elementor-heading-title { transition: transform .7s cubic-bezier(.2, .7, .1, 1), color .4s ease; }
.hy-tr-row:hover .hy-tr-name .elementor-heading-title { transform: translateX(22px); color: var(--e-global-color-55368b0, #A9D3CC) !important; }
.hy-tr-arrow .elementor-icon { transition: background .4s ease, color .4s ease, border-color .4s ease; }
.hy-tr-row:hover .hy-tr-arrow .elementor-icon {
  background: var(--e-global-color-8b76379, #FAF7F1); color: var(--e-global-color-primary, #12302B) !important;
  border-color: var(--e-global-color-8b76379, #FAF7F1) !important;
}
.hy-tr-img { position: absolute !important; right: 30%; top: 50%; width: 300px !important; z-index: 3; pointer-events: none;
  opacity: 0; transform: translateY(-50%) rotate(-5deg) scale(.82);
  transition: opacity .45s ease, transform .7s cubic-bezier(.2, .7, .1, 1); }
.hy-tr-img img { box-shadow: 0 30px 60px rgba(0, 0, 0, .35); }
.hy-tr-row:hover .hy-tr-img { opacity: 1; transform: translateY(-50%) rotate(-2deg) scale(1); }
@media (max-width: 1024px) { .hy-tr-img { display: none !important; } }


/* ---------- 4. FASCIA DI PAROLE CHE SCORRE (widget Titolo con classe hy-marquee) ----------
   Il testo del titolo è ripetuto due volte identico: così lo scorrimento è continuo. */
.hy-marquee { width: auto !important; max-width: none !important; }
.hy-marquee .elementor-heading-title { display: inline-block; white-space: nowrap; will-change: transform;
  animation: hy-marquee 46s linear infinite; }
.hy-marquee:hover .elementor-heading-title { animation-play-state: paused; }
.hy-marquee em { color: transparent; -webkit-text-stroke: 1px var(--e-global-color-text, #16302B); }
.hy-marquee .hy-star { color: var(--e-global-color-accent, #C9704F); -webkit-text-stroke: 0; font-size: .32em;
  vertical-align: middle; margin: 0 .5em; font-style: normal; }
@keyframes hy-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }


/* ---------- 5. PERCORSO 4 ELEMENTI: scene che si sovrappongono ---------- */
.hy-scene { position: sticky !important; top: 0; min-height: 100vh; min-height: 100svh; overflow: hidden; }


/* ---------- 6. UTILITÀ ---------- */
/* Link sottolineato elegante (pulsante con classe hy-ulink) */
.hy-ulink .elementor-button { background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 0 10px 0 !important; position: relative; }
.hy-ulink .elementor-button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: currentColor; opacity: .45; transform-origin: left; transition: transform .6s cubic-bezier(.2, .7, .1, 1); }
.hy-ulink .elementor-button:hover::after { transform: scaleX(.35); }

/* Scritta gigante contornata nel footer (Titolo con classe hy-giant) */
.hy-giant .elementor-heading-title { color: transparent !important; -webkit-text-stroke: 1px rgba(250, 247, 241, .16);
  white-space: nowrap; }

/* Arco sulle immagini (classe hy-arch) */
.hy-arch img { border-radius: 400px 400px 10px 10px !important; }


/* ---------- 7. EXTRA CINEMA (browser recenti; altrove resta statico) ---------- */
@supports (animation-timeline: scroll()) {
  .hy-hero .elementor-background-video-hosted { animation: hy-herovid linear both; animation-timeline: scroll(root); animation-range: 0px 900px; }
  @keyframes hy-herovid { from { scale: 1; filter: brightness(1); } to { scale: 1.14; filter: brightness(.55); } }
  .hy-scene .elementor-background-video-hosted { animation: hy-szoom linear both; animation-timeline: view(); animation-range: entry 0% entry 100%; }
  @keyframes hy-szoom { from { scale: 1.25; filter: brightness(.45); } to { scale: 1; filter: brightness(1); } }
}


/* ---------- 8. ACCESSIBILITÀ: "riduci animazioni" ---------- */
@media (prefers-reduced-motion: reduce) {
  .hy-marquee .elementor-heading-title, .hy-hero .elementor-background-video-hosted,
  .hy-scene .elementor-background-video-hosted { animation: none !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/cormorant-garamond-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/cormorant-garamond-300-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/cormorant-garamond-500.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/figtree-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/figtree-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.esteticahydra.it/wp-content/uploads/2026/10/figtree-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */