#mc-email {
    width: 100%;
    border: none;
    background-color: white;
    border-radius: 10px;
    color: black;
    font-size: 14px;
    padding: 0 20px;
    height: 60px;

  }
  .testa {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .titolo {
    text-align: center;
  }

  .price-table {
    transition: transform 0.3s ease; /* Aggiunge una transizione fluida */
  }

  /* 
  .price-table:hover {
    transform: scale(1.05); Ingrandisce il div al 105% 
  } */

 
  @media (max-width: 738px) {
    .plan-button {
      font-size: 1.4rem;
    }

    
  }

  @media (max-width: 383px) {
    .plan-button {
      font-size: 1.1rem;
    }

    
  }

  @media (max-width: 663px) {
    .pricing-tab {
      padding: 5px 5px !important;
    }

    
  }

  .preventivo-float-btn {
    position: fixed;
    bottom: 80px;
    left: 50px; /* posizione a sinistra */
    width: 60px;
    height: 60px;
    background-color: #ef781a; /* colore personalizzabile */
    color: white;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 999;
    transition: background-color 0.3s, transform 0.3s;
    text-decoration: none;
    font-size: 24px;
  }

    .preventivo-float-btn.show {
      display: flex;
    }

    .preventivo-float-btn:hover {
      background-color: #2b86c7;
      transform: scale(1.1);
    }

  /* Mostralo solo su schermi piccoli */
  @media (min-width: 992px) {
    .preventivo-float-btn {
      display: none !important;
    }
  }

  .img-hover-wrapper {
    overflow: hidden;
    position: relative;
  }

  .img-hover-dark {
    transition: filter 0.3s ease;
    display: block;
    width: 100%;
  }

  .overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.4); /* leggero sfondo scuro */
    text-align: center;
  }

  .portfolio-link {
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: bold;
    color: white  ;
  }

  .portfolio-link:hover {
    color: #ef781a;      
  }

  .img-hover-wrapper:hover .img-hover-dark {
    filter: brightness(70%);
  }

  .img-hover-wrapper:hover .overlay-link {
    opacity: 1;
  }

  .sitoUnoMobile {
    height: 40rem;
  }

  #prezzi {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .pricing-menu {
    display: flex;
    justify-content: center;
    width: 100%;
    
  }

  .ombra {
    width: 70%;
    border-radius: 25px;           /* arrotonda i bordi */
    overflow: hidden;              /* nasconde tutto ciò che sborda */
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); /* ombra leggera e morbida */
    
  }
   
  

  

  .pricing-tab {
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 100%;
    text-align: center;
    border: 1px solid #2b86c7 ;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-color: white;
    margin-bottom: 0px;
    color: #ef781a;
    background-color: #F5F5F5;
    border-top: none;
    border-right: none;
    border-left: none;
    
  }

  
  

  .pricing-tab.active {
    background-color: white ;
    color: #2b86c7;
    border: 1px solid white ;
    border-bottom: none;
    
  }

  .pricing-content {
    display: none;
    text-align: center;
    margin: 20px;
    
    
  }

  #pricing-content {
    width: 100%;
    border: 1px solid white;
    border-top: none;
    background-color: white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    
  }

  .pricing-content.active {
    display: block;
  }

  .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .feature-list li {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
  }

  .check {
    color: green;
    font-weight: bold;
  }

  .cross {
    color: red;
    font-weight: bold;
  }

  .feature-list {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      column-gap: 1rem;
      list-style: none;
      padding: 0;
    }
  
  
  @media (max-width: 492px) {
    .ombra {
      width: 90% !important;
    }
  }

  @media (max-width: 992px) {
    #soluzioneWeb {
      margin-bottom: 30px;
    }
  }

  @keyframes scrollImagesFull {
    0% { transform: translateX(0%); }
    25% { transform: translateX(-100%); }
    50% { transform: translateX(-200%); }
    75% { transform: translateX(-300%); }
    100% { transform: translateX(0%); }
  }


  /* quando .price-display ha .monthly: testo blu */
  .price-display.monthly .price,
  .price-display.monthly .period {
    color: #2b86c7;
  }

  .price {
    color: #2b86c7;
  }

  .period {
    color: #2b86c7;
  }


  /* quando .price-display ha .annual: testo arancione */
  .price-display.annual .price,
  .price-display.annual .period {
    color: #ef781a ;
  }
      /* contenitore con prospettiva 3D */
  .billing-section {
    perspective: 600px;
  }

  /* price-display diventa il “flipper” */
  .price-display {
    display: inline-block;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    transform-origin: center center;
  }

  /* stato “flipped” */
  .price-display.flip {
    transform: rotateX(90deg);
  }

    .front {
      
      display: inline-flex;
      align-items: baseline;
      gap: 0.25rem;
      font-size: 2rem;
      font-weight: bold;
                
    }

  /* front & back face */
  .price-display .price,
  .price-display .period {
    display: block;
    backface-visibility: hidden;
  }

  .feature-list {
    text-align: left;
  }

  #webSolutionSlider {
    width: 100%; height: 300px; position: relative; border: 2px solid #ef781a; border-radius: 20px; overflow: hidden;
  }

  #videoHardware {
     border: 2px solid #ef781a; border-radius: 20px; ;
  }