body {
         box-sizing: border-box;
         padding-top: 0;
         /* Rimuoviamo padding-top perché navbar è fixed */
         margin-top: 0;
     }

     .hero__content {
         width: 100%;
         max-width: 1350px;
         margin: 0 auto;
         padding: 30px;
     }

     .hero__content h1,
     .hero__content p {
         color: #fff
     }

     .big-text {
         font-size: 70px;
         font-weight: 900;
     }

     .normal-text {
         font-size: 20px;
         margin: 30px;
         color: #000
     }

     .sotto-text {
         font-size: 35px;
     }

     .intro-text {
         text-transform: uppercase;
         font-size: 20px;
     }

     @media (max-width:1250px) {
         .big-text {
             font-size: 55px;
         }

         .normal-text {
             margin: 25px;
         }

         .sotto-text {
             font-size: 25px;
         }
     }

     @media (max-width:768px) {
         .big-text {
             font-size: 40px;
         }

         .normal-text {
             margin: 15px;
         }

         .sotto-text {
             font-size: 22px;
         }
     }

     /* Fix per navbar */
     .navbar {
         top: 0;
         margin-top: 0;
     }

     table {
         border-collapse: collapse;
         width: 100%;
         max-width: 100%;
     }

     th,
     td {
         text-align: center;
         padding: 8px;
         word-wrap: break-word;
     }

     th {
         background-color: #252850;
         color: white;
     }

     .hero-Salerno-Napoli {
         height: 650px;
         display: flex;
         width: 100%;
         align-items: center;
         background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6)), url('../Autobus-Salerno-Napoli-Aeroporto.jpg') no-repeat center center;
         background-size: cover;
         margin-top: 0;
         /* Il breadcrumb gestisce lo spazio */
     }

     /* Breadcrumb styling */
     #breadcrumb-nav {
         position: sticky;
         top: 80px;
         z-index: 9998;
         width: 100%;
         margin-top: 0;
         transition: opacity 0.3s ease, transform 0.3s ease;
     }

     /* Breadcrumb nascosto quando si scrolla */
     #breadcrumb-nav.hidden {
         opacity: 0;
         transform: translateY(-100%);
         pointer-events: none;
     }

     /* Breadcrumb responsive */
     @media (max-width: 768px) {
         #breadcrumb-nav {
             padding: 0.5rem 0;
             top: 80px;
         }

         #breadcrumb-nav ol {
             font-size: 0.85rem;
             padding: 0 1rem;
         }
     }

     /* Fix tabella tariffario per evitare che arrivi troppo sotto i margini */
     .tariffario-table {
         max-width: 1200px;
         margin: 20px auto;
         padding: 0 2rem;
     }

     /* Fix tabelle orari per evitare che arrivino troppo sotto i margini */
     .footer4 .grid {
         max-width: 1200px;
         margin: 0 auto;
         padding: 0 2rem;
     }

     @media (max-width: 768px) {
         .tariffario-table {
             padding: 0 1rem;
         }

         .footer4 .grid {
             padding: 0 1rem;
         }
     }

     /* Fix per poster2 */
     .poster2 {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         align-items: flex-start;
         width: 100%;
         max-width: 1400px;
         margin: 0 auto;
         padding: 20px;
         box-sizing: border-box;
     }

     .poster2 .poster__1 {
         width: 25%;
         min-width: 250px;
         padding: 15px;
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
     }

     .poster2 .poster__1 .bottone4 {
         width: 100%;
         height: auto;
         min-height: 450px;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: flex-start;
         padding: 20px 15px;
         box-sizing: border-box;
         word-wrap: break-word;
         overflow-wrap: break-word;
         text-align: center;
     }

     .poster2 .poster__1 .bottone4 img {
         max-width: 100%;
         height: auto;
         margin: 0 auto 15px auto;
         display: block;
     }

     .poster2 .poster__1 .bottone4 b {
         display: block;
         margin: 10px 0;
         word-wrap: break-word;
         font-size: 1.1em;
     }

     .poster2 .poster__1 .bottone4 span {
         display: block;
         word-wrap: break-word;
         overflow-wrap: break-word;
         line-height: 1.5;
         font-size: 0.9em;
     }

     @media (max-width: 1200px) {
         .poster2 .poster__1 {
             width: 33.333%;
             min-width: 280px;
         }
     }

     @media (max-width: 900px) {
         .poster2 .poster__1 {
             width: 50%;
             min-width: 250px;
         }
     }

     @media (max-width: 600px) {
         .poster2 .poster__1 {
             width: 100%;
             min-width: auto;
         }
     }

     /* Fix footer prima colonna */
     .footer-section:first-child {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }

     .footer-section:first-child img {
         margin-bottom: 1rem;
     }

     .footer-section:first-child p {
         text-align: left;
         width: 100%;
     }

     /* Responsive Design per Mobile */
     @media screen and (max-width: 768px) {
         .grid {
             display: block !important;
         }

         .col {
             width: 100% !important;
             margin-bottom: 20px;
         }

         table {
             font-size: 12px;
             margin: 10px 0;
         }

         th,
         td {
             padding: 6px 4px;
             font-size: 11px;
         }

         /* Tabella tariffario responsive */
         .tariffario-table {
             overflow-x: auto;
             -webkit-overflow-scrolling: touch;
         }

         .tariffario-table table {
             min-width: 300px;
         }

         /* Miglioramenti per FAQ mobile */
         details {
             margin: 10px 0;
         }

         summary {
             padding: 10px;
             cursor: pointer;
         }

         /* Poster responsive */
         .poster2 {
             display: block !important;
         }

         .poster__1 {
             width: 100% !important;
             margin: 15px 0;
         }

         .poster__1 img {
             max-width: 280px !important;
             height: auto !important;
         }
     }

     @media screen and (max-width: 480px) {
         table {
             font-size: 10px;
         }

         th,
         td {
             padding: 4px 2px;
             font-size: 9px;
         }
     }

     .mobile-menu-toggle {
         background: transparent !important;
         border: none !important;
         padding: 0 !important;
         cursor: pointer;
     }

     /* Fix hamburger mobile */
     @media screen and (max-width: 899px) {
         .mobile-menu-toggle {
             display: flex !important;
             flex-direction: column;
             gap: 4px;
             cursor: pointer;
             z-index: 1001;
         }

         .mobile-menu-toggle span {
             width: 25px;
             height: 3px;
             background: white;
             display: block;
         }
     }

     /* ! Prenota */

     #divPrenota {
         position: relative;
         z-index: 2;
         width: 95%;
     }

     .divPrenota2 {
         position: relative;
         z-index: 2;
         height: 150px;
         width: 100%;
         margin-top: 0%;
         margin-right: 2%;
         margin-left: 2%;
     }

     #iframePrenota {
         border: 1px solid #ccc;
         border-radius: 15px;
         box-shadow: 0 9px 9px #ccc;
     }


     @media (max-width: 768px) {
         #divPrenota2 {
             position: relative;
             z-index: 2;
             margin-top: -15%;
             margin-right: 0%;
             margin-left: 0%;
             width: 100%;
         }

         #iframePrenota {
             border: 0px;
             border-radius: 0px;
             box-shadow: 0 0px 0px;
             width: 100%;
         }
     }

     iframe {
         border: 1px solid black;
         width: 100%;
         text-align: center;
     }

     .grid .col {
         width: 100%;
     }

     .grid3 .col {
         width: 100%;
     }

     .grid3 {
         display: flex;
         max-width: 1250px;
         padding: 0 30px;
         margin: 0 auto;
         margin-top: -100px;
     }

     @media (max-width: 768px) {
         .grid {
             flex-wrap: wrap;
         }

         .grid3 {
             flex-wrap: wrap;
             padding: 0 5px;
             margin-top: 0;
         }
     }

     .bottonevali {
         background-color: #4CAF50;
         /* Green */
         border: none;
         color: white;
         padding: 19px 38px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 18px;
         margin: 2px 1px;
         -webkit-transition-duration: 0.4s;
         /* Safari */
         transition-duration: 0.4s;
         cursor: pointer;
     }

     .bottone3 {
         width: 220px;
         height: 70px;
         padding: 5px 5px;
         background-color: #252850;
         color: white;
         border: 3px solid #117099;
     }

     .bottone3:hover {
         background-color: yellow;
         color: #252850;
         border: 3px solid #252850;
     }

     .bottone4 {
         width: auto;
         height: 470px;
         padding: 5px 5px;
         background-color: #252850;
         color: white;
         border: 3px solid #252850;
         border-radius: 15px;
     }

     .bottone4:hover {
         background-color: yellow;
         color: #252850;
         border: 3px solid #252850;
     }

     @media (max-width: 500px) {
         .bottone4 {
             width: auto;
             height: 370px;
         }
     }

     section {
         max-width: 85%;
         align-items: center;
     }

     details {
         background: white;
         color: #000000;
         padding: 10px;
         margin-bottom: 2px;
         border-top: 0px solid #ccc;
         border-bottom: 1px solid #ccc;
     }

     summary {
         cursor: crosshair;
         font-weight: 600;
     }

     .footer4 {
         text-align: center;
         margin: 0 auto;
     }