.elementor-293 .elementor-element.elementor-element-8b5b594{--display:flex;--min-height:406px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-2a8a071{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-293 .elementor-element.elementor-element-4c56919{text-align:center;}.elementor-293 .elementor-element.elementor-element-4c56919 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-293 .elementor-element.elementor-element-7d012f5{text-align:center;}.elementor-293 .elementor-element.elementor-element-7d012f5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-293 .elementor-element.elementor-element-48534a2{--display:flex;}.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-293 .elementor-element.elementor-element-8e6cbb3{text-align:start;}.elementor-293 .elementor-element.elementor-element-4518cd8{--display:flex;}.elementor-293 .elementor-element.elementor-element-13a6064{--display:flex;}.elementor-293 .elementor-element.elementor-element-bbcb12b > .elementor-widget-container{padding:0px 177px 0px 190px;}.elementor-293 .elementor-element.elementor-element-8313b29{--display:flex;}.elementor-293 .elementor-element.elementor-element-0bc797f > .elementor-widget-container{padding:0px 177px 0px 190px;}.elementor-293 .elementor-element.elementor-element-ba62036 > .elementor-widget-container{margin:-60px 0px 87px 0px;}.elementor-293 .elementor-element.elementor-element-34cee79{--display:flex;}.elementor-293 .elementor-element.elementor-element-ec8a13c{--spacer-size:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-293 .elementor-element.elementor-element-8b5b594{--width:100%;}}@media(max-width:1024px){.elementor-293 .elementor-element.elementor-element-bbcb12b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-293 .elementor-element.elementor-element-0bc797f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-293 .elementor-element.elementor-element-ba62036 > .elementor-widget-container{margin:-60px 0px 87px 0px;}}@media(max-width:767px){.elementor-293 .elementor-element.elementor-element-bbcb12b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-293 .elementor-element.elementor-element-0bc797f > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-bbcb12b */.evento-info{
    
    background-color: #56AD82 !important;
    padding: 50px;
    color: white !important;
}

.evento-citta{
    text-align:  end !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0bc797f */.gform-field-label--type-sub{
    display: none !important; ;
}
.gform_footer{
    position: relative;
    z-index: 2;
    top: 600px;
    
}
.gform_footer #gform_submit_button_1{
    width: 100% !important;
    background-color: #FFD050;
    color: black;
}
.gform_footer #gform_submit_button_1:hover{
    background-color: #FFD050
}



@media (max-width: 480px) {
 .gform_footer{
    position: relative;
    z-index: 2;
    top: 1150px;
}
  }
  
  
  @media (min-width: 481px) and (max-width: 1024px) {
  .gform_footer{
    position: relative;
    z-index: 2;
    top: 800px;
}
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba62036 *//* ============================= */
/* === Contenitore principale == */
/* ============================= */
.co2-calculator {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

/* Titolo della sezione */
.co2-calculator__title {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #4CAF50; /* verde per il titolo */
}

/* ======================== */
/* === Griglia dei mezzi == */
/* ======================== */
.co2-calculator__grid {
  display: grid;
  /* Tre colonne uguali che si adattano alla larghezza del contenitore */
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; /* spazio orizzontale e verticale tra le card */
  margin-bottom: 2rem;
}

/* ================================ */
/* === Stili della singola card ==== */
/* ================================ */
.transport-card {
  position: relative;
  background-color: #fff;
  border: 2px solid #E0E0E0;
  border-radius: 6px;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

/* Hover: bordo e sfondo #77BD9B (verde più chiaro) */
.transport-card:hover {
  border-color: #77BD9B;
  background-color: #77BD9B;
}

/* Stato attivo della card: sfondo e bordo #77BD9B */
.transport-card.active {
  background-color: #77BD9B;
  border-color: #77BD9B;
}

/* Icona (img) all’interno della card */
.transport-card__icon {
  width: 48px;
  height: 48px;
  object-fit: contain; /* preserva le proporzioni dell’immagine */
  margin-bottom: 0.5rem;
  transition: filter 0.2s ease;
}

/* Icona bianca se la card è attiva o in hover */
.transport-card.active .transport-card__icon,
.transport-card:hover .transport-card__icon {
  filter: brightness(0) invert(1);
}

/* Label sotto l’icona */
.transport-card__label {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #333;
  transition: color 0.2s ease;
}

/* Testo bianco se la card è attiva o in hover */
.transport-card.active .transport-card__label,
.transport-card:hover .transport-card__label {
  color: #fff;
}

/* Quadratino giallo nell’angolo in basso a destra */
.transport-card__corner {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #FFD24D; /* giallo */
  bottom: 0;
  right: 0;
  border-bottom-right-radius: 6px;
}

/* =========================== */
/* === Box risultato CO₂ ===== */
/* =========================== */
.co2-calculator__result {
  background-color: #F3F0FF; /* lilla chiaro */
  border-radius: 6px;
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative;
}

.co2-calculator__value {
  display: inline-flex;
  align-items: flex-start;
  font-weight: 700;
  margin-bottom: 1rem;
}

.co2-calculator__percent {
  font-size: 3rem;
  line-height: 1;
  color: #212121;
}

.co2-calculator__percent-sign {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  color: #212121;
}

.co2-calculator__description {
  font-size: 0.95rem;
  line-height: 1.4;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
}

/* =========================================== */
/* === Media Queries per dispositivi piccoli == */
/* =========================================== */
/* 2 colonne su tablet */
@media (max-width: 768px) {
  .co2-calculator__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 1 colonna su smartphone */
@media (max-width: 480px) {
  .co2-calculator__grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */