.elementor-kit-66{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-532804a:#325AA3;--e-global-color-ea417c9:#DC9B8F;--e-global-color-05a83af:#161616;--e-global-color-1375b27:#F5F1EA;--e-global-color-521ec77:#F5F1EA;--e-global-color-cc7d0f8:#161616;--e-global-color-f8e0c0c:#669CFF;--e-global-color-683fac1:#FF7359;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-c172cc1-font-family:"the-seasons";--e-global-typography-c172cc1-font-size:64px;--e-global-typography-c172cc1-font-weight:400;--e-global-typography-c172cc1-text-transform:uppercase;--e-global-typography-c172cc1-text-decoration:none;--e-global-typography-c172cc1-line-height:1.2em;--e-global-typography-24ff86e-font-family:"the-seasons";--e-global-typography-24ff86e-font-size:48px;--e-global-typography-24ff86e-font-weight:400;--e-global-typography-24ff86e-text-transform:uppercase;--e-global-typography-85c0f0e-font-family:"the-seasons";--e-global-typography-85c0f0e-font-size:32px;--e-global-typography-85c0f0e-font-weight:400;--e-global-typography-85c0f0e-text-transform:uppercase;--e-global-typography-85c0f0e-letter-spacing:3px;--e-global-typography-548076c-font-family:"the-seasons";--e-global-typography-548076c-font-size:24px;--e-global-typography-548076c-font-weight:400;--e-global-typography-548076c-line-height:1.2em;--e-global-typography-51dd467-font-family:"Poppins";--e-global-typography-51dd467-font-size:24px;--e-global-typography-51dd467-font-weight:500;--e-global-typography-51dd467-text-transform:uppercase;--e-global-typography-51dd467-line-height:1.2em;--e-global-typography-51dd467-letter-spacing:5px;--e-global-typography-99d45c5-font-family:"Poppins";--e-global-typography-99d45c5-font-size:20px;--e-global-typography-99d45c5-font-weight:700;--e-global-typography-99d45c5-text-transform:uppercase;--e-global-typography-99d45c5-line-height:1.2em;--e-global-typography-150d692-font-family:"Poppins";--e-global-typography-150d692-font-size:16px;--e-global-typography-7f87391-font-family:"Poppins";--e-global-typography-7f87391-font-size:14px;--e-global-typography-a4d02ec-font-family:"Poppins";--e-global-typography-a4d02ec-font-size:18px;--e-global-typography-a4d02ec-font-weight:700;--e-global-typography-a4d02ec-text-transform:uppercase;--e-global-typography-a4d02ec-letter-spacing:2px;--e-global-typography-ef17cdf-font-family:"the-seasons";--e-global-typography-ef17cdf-font-size:16px;--e-global-typography-ef17cdf-font-weight:700;--e-global-typography-e4e8fa7-font-family:"the-seasons";--e-global-typography-e4e8fa7-font-size:20px;--e-global-typography-e4e8fa7-font-weight:bold;--e-global-typography-e4e8fa7-line-height:1em;--e-global-typography-665a3c4-font-family:"Poppins";--e-global-typography-665a3c4-font-size:12px;--e-global-typography-665a3c4-font-weight:700;--e-global-typography-665a3c4-line-height:1em;}.elementor-kit-66 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-66{--e-global-typography-c172cc1-font-size:48px;--e-global-typography-24ff86e-font-size:32px;--e-global-typography-85c0f0e-font-size:24px;--e-global-typography-548076c-font-size:20px;--e-global-typography-51dd467-font-size:20px;--e-global-typography-99d45c5-font-size:18px;--e-global-typography-150d692-font-size:14px;--e-global-typography-7f87391-font-size:13px;--e-global-typography-a4d02ec-font-size:18px;--e-global-typography-a4d02ec-line-height:1em;--e-global-typography-ef17cdf-line-height:1em;--e-global-typography-e4e8fa7-line-height:1em;--e-global-typography-665a3c4-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-66{--e-global-typography-c172cc1-font-size:34px;--e-global-typography-24ff86e-font-size:28px;--e-global-typography-85c0f0e-font-size:22px;--e-global-typography-548076c-font-size:18px;--e-global-typography-51dd467-font-size:18px;--e-global-typography-99d45c5-font-size:16px;--e-global-typography-150d692-font-size:14px;--e-global-typography-7f87391-font-size:13px;--e-global-typography-a4d02ec-font-size:18px;--e-global-typography-a4d02ec-line-height:1em;--e-global-typography-ef17cdf-line-height:1em;--e-global-typography-e4e8fa7-line-height:1em;--e-global-typography-665a3c4-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ----- COSTANTI ----- */

:root {
  /* PALETTE */
  --accent-01: #325AA3;
  --accent-02: #DC9B8F;
  --primary: #161616;
  --secondary: #F5F1EA;
  --bg-01: #F5F1EA;
  --bg-02: #161616;
  --a01-hover: #669CFF;
  --a02-hover: #FF7359;

  /* FONT */
  --font-seasons: "the-seasons", serif;
  --font-poppins: "Poppins", sans-serif;
}


/* ----- SFONDO GLOBALE ----- */

html,
body,
.elementor {
  background-color: var(--bg-01);
}


/* ----- CORNICE ----- */

[data-frame="blu"] {
  position: relative;
}

[data-frame="blu"]::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 2px solid var(--accent-01);
  pointer-events: none;
  z-index: 10;
}

[data-frame="rosa"] {
  position: relative;
}

[data-frame="rosa"]::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 2px solid var(--accent-02);
  pointer-events: none;
  z-index: 10;
}





/* =========================================
   SCROLLBAR GLOBALE — CAPORIVO
   ========================================= */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-01) transparent;
}


/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}


/* Binario completamente trasparente */
::-webkit-scrollbar-track {
    background: transparent;
}


/* Barra */
::-webkit-scrollbar-thumb {
    background: var(--accent-01);
    border-radius: 100px;
}


/* Hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--a01-hover);
}


/* Rimuove i pulsanti/frecce */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}


/* Angolo tra scrollbar verticale e orizzontale */
::-webkit-scrollbar-corner {
    background: transparent;
}





/* ==========================================================
   CAPORIVO — BOTTONE GENERICO PAGINE
   Classe Elementor: caporivo-btn
========================================================== */

.caporivo-btn .elementor-button {

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    gap: 20px;

    width: auto;
    min-width: 0;


    padding: 10px 20px;

    box-sizing: border-box;

    background: transparent !important;

    color: var(--accent-02, #DC9B8F);

    border: 0;
    border-radius: 100px;

    overflow: visible;

    isolation: isolate;

    transition:
        color 0.3s ease !important;
}


/* ==========================================================
   SFONDO ROSA
   Compare tutto insieme
========================================================== */

.caporivo-btn .elementor-button::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    border-radius: inherit;

    background: var(--accent-02, #DC9B8F);

    opacity: 0;

    transition:
        opacity 0.3s ease;
}


/* ==========================================================
   CONTENUTO
========================================================== */

.caporivo-btn .elementor-button-content-wrapper {

    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 15px;
}


/* ==========================================================
   TESTO
========================================================== */

.caporivo-btn .elementor-button-text {

    position: relative;
    z-index: 2;

    color: inherit;

    white-space: nowrap;

    transition:
        color 0.3s ease;
}


/* ==========================================================
   APICE BLU DAVANTI
========================================================== */

.caporivo-btn .elementor-button-content-wrapper::after {

    content: "";

    position: relative;

    display: block;

    flex: 0 0 auto;

    width: 16px;
    height: 16px;

    background-image:
        url("https://www.caporivo.it/wp-content/uploads/2026/09/apice-blu.svg");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    z-index: 2;
}


/* ==========================================================
   APICE BLU POSTERIORE

   A riposo coincide esattamente con quello davanti,
   quindi rimane nascosto.
========================================================== */

.caporivo-btn .elementor-button-text::after {

    content: "";

    position: absolute;

    top: 50%;
    right: -31px;

    width: 16px;
    height: 16px;

    background-image:
        url("https://www.caporivo.it/wp-content/uploads/2026/09/apice-blu.svg");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transform:
        translateY(-50%)
        translateX(0);

    z-index: -1;

    pointer-events: none;

    transition:
        transform 0.3s ease;
}


/* ==========================================================
   HOVER
========================================================== */

.caporivo-btn .elementor-button:hover,
.caporivo-btn .elementor-button:focus {

    color: var(--secondary, #F5F1EA);

    background: transparent !important;
}


/* sfondo rosa compare tutto insieme */

.caporivo-btn .elementor-button:hover::before,
.caporivo-btn .elementor-button:focus::before {

    opacity: 1;
}


/* ==========================================================
   ANIMAZIONE APICE

   Quello davanti rimane fermo.
   Quello nascosto esce di 5px verso sinistra.
========================================================== */

.caporivo-btn
.elementor-button:hover
.elementor-button-text::after,

.caporivo-btn
.elementor-button:focus
.elementor-button-text::after {

    transform:
        translateY(-50%)
        translateX(-3px);
}





/* =========================================================
   CAPORIVO — GOOGLE MAPS
   Mappa a larghezza e altezza piena del container
   ========================================================= */

.map-container {
    min-height: 400px;
    align-items: stretch !important;
}

.map-container > .e-con-inner {
    height: 100%;
    min-height: 400px;
}

.map-container .elementor-widget-html,
.map-container .elementor-widget-container,
.map-container .caporivo-map {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.caporivo-map {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.caporivo-map iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px;
    border: 0;
    display: block;
}/* End custom CSS */