.elementor-9071 .elementor-element.elementor-element-7883638{--display:flex;--min-height:100vh;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9071 .elementor-element.elementor-element-90f8207{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1483bc1{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--padding-top:0vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1483bc1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9071 .elementor-element.elementor-element-83daafc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 100px;--row-gap:0px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-3ef3015{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9071 .elementor-element.elementor-element-c4ebdda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9071 .elementor-element.elementor-element-c4ebdda .elementor-heading-title{font-family:"lota grotescue", Sans-serif;font-size:80px;font-weight:500;line-height:1.2em;color:#F62B43;}.elementor-9071 .elementor-element.elementor-element-9b97040{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9071 .elementor-element.elementor-element-8e6a9ec{font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:normal;line-height:18px;}.elementor-9071 .elementor-element.elementor-element-e3ad8c9{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1a474b0{--display:flex;--min-height:80vh;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9071 .elementor-element.elementor-element-3e7a117{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--padding-top:0vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-3e7a117.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9071 .elementor-element.elementor-element-9c4be8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 100px;--row-gap:0px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-c72bfac{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-92f025f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9071 .elementor-element.elementor-element-92f025f .elementor-heading-title{font-family:"lota grotescue", Sans-serif;font-size:80px;font-weight:500;line-height:1.2em;color:#F62B43;}.elementor-9071 .elementor-element.elementor-element-9a6cdfb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9071 .elementor-element.elementor-element-c50be1b{font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:normal;line-height:18px;}.elementor-9071 .elementor-element.elementor-element-bfdfb9c{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1e5ee0b{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-9071 .elementor-element.elementor-element-7278342{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:24px;font-weight:normal;line-height:24px;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-60dd3dc{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-e76e955{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-9071 .elementor-element.elementor-element-3f2787d{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:24px;font-weight:normal;line-height:24px;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-d9185a0{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-8348090{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-9071 .elementor-element.elementor-element-5e177d7{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:24px;font-weight:normal;line-height:24px;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-7fc1354{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-653e9ea{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-9071 .elementor-element.elementor-element-695194e{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:24px;font-weight:normal;line-height:24px;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-fdb6b3e{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-5b23a3b{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-9071 .elementor-element.elementor-element-e245b2f{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:24px;font-weight:normal;line-height:24px;color:#FFFFFF;}.elementor-9071 .elementor-element.elementor-element-0acfef6{text-align:center;font-family:"lota grotescue", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}body.elementor-page-9071:not(.elementor-motion-effects-element-type-background), body.elementor-page-9071 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}@media(max-width:1024px){.elementor-9071 .elementor-element.elementor-element-1483bc1{--padding-top:6vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:6vw;}.elementor-9071 .elementor-element.elementor-element-83daafc{--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;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-3ef3015{--min-height:0vh;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-c4ebdda{text-align:center;}.elementor-9071 .elementor-element.elementor-element-c4ebdda .elementor-heading-title{font-size:60px;}.elementor-9071 .elementor-element.elementor-element-8e6a9ec{text-align:center;}.elementor-9071 .elementor-element.elementor-element-e3ad8c9{--min-height:60vh;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-3e7a117{--padding-top:6vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:6vw;}.elementor-9071 .elementor-element.elementor-element-9c4be8d{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-c72bfac{--min-height:0vh;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-92f025f{text-align:center;}.elementor-9071 .elementor-element.elementor-element-92f025f .elementor-heading-title{font-size:60px;}.elementor-9071 .elementor-element.elementor-element-c50be1b{text-align:center;}.elementor-9071 .elementor-element.elementor-element-bfdfb9c{--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;}}@media(min-width:768px){.elementor-9071 .elementor-element.elementor-element-7883638{--width:100%;}.elementor-9071 .elementor-element.elementor-element-90f8207{--width:100%;}.elementor-9071 .elementor-element.elementor-element-1483bc1{--width:auto;}.elementor-9071 .elementor-element.elementor-element-83daafc{--width:105vw;}.elementor-9071 .elementor-element.elementor-element-3ef3015{--width:30%;}.elementor-9071 .elementor-element.elementor-element-9b97040{--width:100%;}.elementor-9071 .elementor-element.elementor-element-e3ad8c9{--width:60%;}.elementor-9071 .elementor-element.elementor-element-1a474b0{--content-width:100%;}.elementor-9071 .elementor-element.elementor-element-3e7a117{--width:auto;}.elementor-9071 .elementor-element.elementor-element-9c4be8d{--width:140vw;}.elementor-9071 .elementor-element.elementor-element-c72bfac{--width:30%;}.elementor-9071 .elementor-element.elementor-element-9a6cdfb{--width:100%;}.elementor-9071 .elementor-element.elementor-element-bfdfb9c{--width:70%;}.elementor-9071 .elementor-element.elementor-element-1e5ee0b{--width:100%;}.elementor-9071 .elementor-element.elementor-element-e76e955{--width:100%;}.elementor-9071 .elementor-element.elementor-element-8348090{--width:100%;}.elementor-9071 .elementor-element.elementor-element-653e9ea{--width:100%;}.elementor-9071 .elementor-element.elementor-element-5b23a3b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9071 .elementor-element.elementor-element-7883638{--width:100%;}.elementor-9071 .elementor-element.elementor-element-90f8207{--width:100%;}.elementor-9071 .elementor-element.elementor-element-1483bc1{--width:100%;}.elementor-9071 .elementor-element.elementor-element-83daafc{--width:100%;}.elementor-9071 .elementor-element.elementor-element-3ef3015{--width:100%;}.elementor-9071 .elementor-element.elementor-element-e3ad8c9{--width:100%;}.elementor-9071 .elementor-element.elementor-element-1a474b0{--content-width:100%;}.elementor-9071 .elementor-element.elementor-element-3e7a117{--width:100%;}.elementor-9071 .elementor-element.elementor-element-9c4be8d{--width:100%;}.elementor-9071 .elementor-element.elementor-element-c72bfac{--width:100%;}.elementor-9071 .elementor-element.elementor-element-bfdfb9c{--width:100%;}}@media(max-width:767px){.elementor-9071 .elementor-element.elementor-element-7883638{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:6vw;}.elementor-9071 .elementor-element.elementor-element-1483bc1{--padding-top:6vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-3ef3015{--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-c4ebdda .elementor-heading-title{font-size:40px;}.elementor-9071 .elementor-element.elementor-element-8e6a9ec{text-align:center;}.elementor-9071 .elementor-element.elementor-element-e3ad8c9{--min-height:40vh;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1a474b0{--min-height:40vh;}.elementor-9071 .elementor-element.elementor-element-3e7a117{--padding-top:0vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-c72bfac{--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10vw;--padding-bottom:6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-92f025f .elementor-heading-title{font-size:40px;}.elementor-9071 .elementor-element.elementor-element-c50be1b{text-align:center;}.elementor-9071 .elementor-element.elementor-element-bfdfb9c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9071 .elementor-element.elementor-element-1e5ee0b{--justify-content:space-between;}}/* Start custom CSS for container, class: .elementor-element-1e5ee0b *//* ---------- Variabili e wrapper ---------- */
.hover-card{
  --bg-default: #F62B43; /* sfondo normale */
  --text-default: inherit;   /* colore testo normale */
  --bg-hover: #B62032;       /* sfondo "aperto" / hover */
  --text-hover: #ffffff;     /* colore testo su sfondo hover */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;   /* titolo centrato verticalmente di base */
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: var(--bg-default);
  color: var(--text-default);
  transition: background-color 300ms ease, justify-content 300ms ease, padding 300ms ease;
}

/* titolo */
.hover-card .hc-title{
  margin: 0;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1);
  z-index: 2;
  will-change: transform;
}

/* descrizione: INIZIALMENTE NASCOSTA (no preview) */
.hover-card .hc-desc{
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;

  max-height: 0;         /* nascosta */
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 350ms ease, opacity 250ms ease, transform 300ms ease;
}

/* ---------- Hover / focus (desktop): mostra descrizione e cambia sfondo ---------- */
.hover-card:hover,
.hover-card:focus-within{
  background-color: var(--bg-hover);
  color: var(--text-hover);
  padding-top: 26px;
}

.hover-card:hover .hc-desc,
.hover-card:focus-within .hc-desc{
  max-height: 1000px; /* valore grande per consentire espansione; va bene per la maggior parte dei contenuti */
  opacity: 1;
  transform: translateY(0);
}

/* ---------- MOBILE: sempre "aperto" (comportamento come hover) ---------- */
@media (max-width: 768px) {
  .hover-card{
    justify-content: flex-start;
    background-color: var(--bg-default);
    color: var(--text-hover);
    padding-top: 20px;
  }

  .hover-card .hc-desc{
    max-height: none;    /* mostra tutto */
    opacity: 1;
    transform: none;
  }
}

/* Accessibilità: rendi la card tabbabile se vuoi supporto tastiera */
.hover-card[tabindex] { outline: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e76e955 *//* ---------- Variabili e wrapper ---------- */
.hover-card{
  --bg-default: #F62B43; /* sfondo normale */
  --text-default: inherit;   /* colore testo normale */
  --bg-hover: #B62032;       /* sfondo "aperto" / hover */
  --text-hover: #ffffff;     /* colore testo su sfondo hover */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;   /* titolo centrato verticalmente di base */
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: var(--bg-default);
  color: var(--text-default);
  transition: background-color 300ms ease, justify-content 300ms ease, padding 300ms ease;
}

/* titolo */
.hover-card .hc-title{
  margin: 0;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1);
  z-index: 2;
  will-change: transform;
}

/* descrizione: INIZIALMENTE NASCOSTA (no preview) */
.hover-card .hc-desc{
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;

  max-height: 0;         /* nascosta */
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 350ms ease, opacity 250ms ease, transform 300ms ease;
}

/* ---------- Hover / focus (desktop): mostra descrizione e cambia sfondo ---------- */
.hover-card:hover,
.hover-card:focus-within{
  background-color: var(--bg-hover);
  color: var(--text-hover);
  padding-top: 26px;
}

.hover-card:hover .hc-desc,
.hover-card:focus-within .hc-desc{
  max-height: 1000px; /* valore grande per consentire espansione; va bene per la maggior parte dei contenuti */
  opacity: 1;
  transform: translateY(0);
}

/* ---------- MOBILE: sempre "aperto" (comportamento come hover) ---------- */
@media (max-width: 768px) {
  .hover-card{
    justify-content: flex-start;
    background-color: var(--bg-default);
    color: var(--text-hover);
    padding-top: 20px;
  }

  .hover-card .hc-desc{
    max-height: none;    /* mostra tutto */
    opacity: 1;
    transform: none;
  }
}

/* Accessibilità: rendi la card tabbabile se vuoi supporto tastiera */
.hover-card[tabindex] { outline: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8348090 *//* ---------- Variabili e wrapper ---------- */
.hover-card{
  --bg-default: #F62B43; /* sfondo normale */
  --text-default: inherit;   /* colore testo normale */
  --bg-hover: #B62032;       /* sfondo "aperto" / hover */
  --text-hover: #ffffff;     /* colore testo su sfondo hover */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;   /* titolo centrato verticalmente di base */
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: var(--bg-default);
  color: var(--text-default);
  transition: background-color 300ms ease, justify-content 300ms ease, padding 300ms ease;
}

/* titolo */
.hover-card .hc-title{
  margin: 0;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1);
  z-index: 2;
  will-change: transform;
}

/* descrizione: INIZIALMENTE NASCOSTA (no preview) */
.hover-card .hc-desc{
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;

  max-height: 0;         /* nascosta */
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 350ms ease, opacity 250ms ease, transform 300ms ease;
}

/* ---------- Hover / focus (desktop): mostra descrizione e cambia sfondo ---------- */
.hover-card:hover,
.hover-card:focus-within{
  background-color: var(--bg-hover);
  color: var(--text-hover);
  padding-top: 26px;
}

.hover-card:hover .hc-desc,
.hover-card:focus-within .hc-desc{
  max-height: 1000px; /* valore grande per consentire espansione; va bene per la maggior parte dei contenuti */
  opacity: 1;
  transform: translateY(0);
}

/* ---------- MOBILE: sempre "aperto" (comportamento come hover) ---------- */
@media (max-width: 768px) {
  .hover-card{
    justify-content: flex-start;
    background-color: var(--bg-default);
    color: var(--text-hover);
    padding-top: 20px;
  }

  .hover-card .hc-desc{
    max-height: none;    /* mostra tutto */
    opacity: 1;
    transform: none;
  }
}

/* Accessibilità: rendi la card tabbabile se vuoi supporto tastiera */
.hover-card[tabindex] { outline: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-653e9ea *//* ---------- Variabili e wrapper ---------- */
.hover-card{
  --bg-default: #F62B43; /* sfondo normale */
  --text-default: inherit;   /* colore testo normale */
  --bg-hover: #B62032;       /* sfondo "aperto" / hover */
  --text-hover: #ffffff;     /* colore testo su sfondo hover */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;   /* titolo centrato verticalmente di base */
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: var(--bg-default);
  color: var(--text-default);
  transition: background-color 300ms ease, justify-content 300ms ease, padding 300ms ease;
}

/* titolo */
.hover-card .hc-title{
  margin: 0;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1);
  z-index: 2;
  will-change: transform;
}

/* descrizione: INIZIALMENTE NASCOSTA (no preview) */
.hover-card .hc-desc{
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;

  max-height: 0;         /* nascosta */
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 350ms ease, opacity 250ms ease, transform 300ms ease;
}

/* ---------- Hover / focus (desktop): mostra descrizione e cambia sfondo ---------- */
.hover-card:hover,
.hover-card:focus-within{
  background-color: var(--bg-hover);
  color: var(--text-hover);
  padding-top: 26px;
}

.hover-card:hover .hc-desc,
.hover-card:focus-within .hc-desc{
  max-height: 1000px; /* valore grande per consentire espansione; va bene per la maggior parte dei contenuti */
  opacity: 1;
  transform: translateY(0);
}

/* ---------- MOBILE: sempre "aperto" (comportamento come hover) ---------- */
@media (max-width: 768px) {
  .hover-card{
    justify-content: flex-start;
    background-color: var(--bg-default);
    color: var(--text-hover);
    padding-top: 20px;
  }

  .hover-card .hc-desc{
    max-height: none;    /* mostra tutto */
    opacity: 1;
    transform: none;
  }
}

/* Accessibilità: rendi la card tabbabile se vuoi supporto tastiera */
.hover-card[tabindex] { outline: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b23a3b *//* ---------- Variabili e wrapper ---------- */
.hover-card{
  --bg-default: #F62B43; /* sfondo normale */
  --text-default: inherit;   /* colore testo normale */
  --bg-hover: #B62032;       /* sfondo "aperto" / hover */
  --text-hover: #ffffff;     /* colore testo su sfondo hover */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;   /* titolo centrato verticalmente di base */
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: var(--bg-default);
  color: var(--text-default);
  transition: background-color 300ms ease, justify-content 300ms ease, padding 300ms ease;
}

/* titolo */
.hover-card .hc-title{
  margin: 0;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1);
  z-index: 2;
  will-change: transform;
}

/* descrizione: INIZIALMENTE NASCOSTA (no preview) */
.hover-card .hc-desc{
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;

  max-height: 0;         /* nascosta */
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 350ms ease, opacity 250ms ease, transform 300ms ease;
}

/* ---------- Hover / focus (desktop): mostra descrizione e cambia sfondo ---------- */
.hover-card:hover,
.hover-card:focus-within{
  background-color: var(--bg-hover);
  color: var(--text-hover);
  padding-top: 26px;
}

.hover-card:hover .hc-desc,
.hover-card:focus-within .hc-desc{
  max-height: 1000px; /* valore grande per consentire espansione; va bene per la maggior parte dei contenuti */
  opacity: 1;
  transform: translateY(0);
}

/* ---------- MOBILE: sempre "aperto" (comportamento come hover) ---------- */
@media (max-width: 768px) {
  .hover-card{
    justify-content: flex-start;
    background-color: var(--bg-default);
    color: var(--text-hover);
    padding-top: 20px;
  }

  .hover-card .hc-desc{
    max-height: none;    /* mostra tutto */
    opacity: 1;
    transform: none;
  }
}

/* Accessibilità: rendi la card tabbabile se vuoi supporto tastiera */
.hover-card[tabindex] { outline: none; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Thin-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Semi-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Semi-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Extra-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Extra-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Black-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://digitalme.it/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold-Italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */