.elementor-kit-5{--e-global-color-primary:#FED114;--e-global-color-secondary:#E52111;--e-global-color-text:#181818;--e-global-color-accent:#7CC1EB;--e-global-color-d19dcff:#FBF9EA;--e-global-color-62d60a1:#000000;--e-global-color-4a81a66:#FFFFFF;--e-global-typography-primary-font-family:"Bowlby One";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Bowlby One";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-d19dcff );}.elementor-kit-5 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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Pulsante Acquista - assegna la classe CSS "btn-acquista" al bottone Elementor (tab Avanzate > CSS Classes) */
.elementor a.btn-acquista,
.elementor .btn-acquista .elementor-button {
  background: #fed114 !important;
  color: #111 !important;
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 #111 !important;
  padding: 8px 17px !important;
  font-family: 'Lato', sans-serif;
  font-weight: 900 !important;
  font-size: 1.2rem; !important
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: all 0.18s ease;
}

.elementor a.btn-acquista:hover,
.elementor a.btn-acquista:focus,
.elementor .btn-acquista .elementor-button:hover,
.elementor .btn-acquista .elementor-button:focus {
  box-shadow: 2px 2px 0 #111 !important;
  transform: translate(3px, 3px);
}

@media (max-width: 560px) {
  .elementor a.btn-acquista,
  .elementor .btn-acquista .elementor-button {
    padding: 7px 11px !important;
  }
}

/* Pulsante Compra il libro - assegna la classe CSS "btn-compra-libro" al bottone Elementor (tab Avanzate > CSS Classes) */
.elementor a.btn-compra-libro,
.elementor .btn-compra-libro .elementor-button {
  background: #e52111 !important;
  color: #fff !important;
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 #111 !important;
  padding: 16px 23px !important;
  font-family: 'Lato', sans-serif;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: all 0.18s ease;
}

.elementor a.btn-compra-libro:hover,
.elementor a.btn-compra-libro:focus,
.elementor .btn-compra-libro .elementor-button:hover,
.elementor .btn-compra-libro .elementor-button:focus {
  box-shadow: 2px 2px 0 #111 !important;
  transform: translate(3px, 3px);
}

@media (max-width: 560px) {
  .elementor a.btn-compra-libro,
  .elementor .btn-compra-libro .elementor-button {
    width: 100% !important;
  }
}

/* Tag evidenziato con bordo - riusabile su qualsiasi testo breve (badge, numero, etichetta) */
.tag-prossimamente {
  background: #fed114;
  color: #111;
  border: 1.5px solid #111;
  padding: 3px 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.1rem; 
  font-weight: 900;
  display: inline-block;
}

/* Testo rosso - riusabile su qualsiasi scritta */
.text-red {
  color: #e52111;
}
/* Tag evidenziato con bordo - riusabile su qualsiasi testo breve (badge, numero, etichetta) */
.tag-prossimamente-b {
  background: #fff;
  color: #111;
  border: 1.5px solid #111;
  padding: 3px 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.1rem; 
  font-weight: 900;
  display: inline-block;
}

/* Tilt di base delle card */
.card.yellow,
.card.red {
  transform: rotate(-1.5deg);
  transition: transform 0.3s ease;
}

.card.blue {
  transform: rotate(1.5deg);
  transition: transform 0.3s ease;
}

/* Raddrizza al hover */
.card.yellow:hover,
.card.red:hover,
.card.blue:hover {
  transform: rotate(0deg);
}/* End custom CSS */