/* Home (/ e /landing-page). Fedele al sito di oggi: misure prese su bandifondoperduto.com a 1440 e 390.
   Non usa i componenti di site.css (intestazione e piede sono propri della pagina). */
@font-face { font-family: "Montserrat"; font-weight: 700; src: url("/static/fonts/ghl/Montserrat-700.woff2") format("woff2"); font-display: swap; }

.home { font-size: 16px; line-height: normal; font-family: "OnestRegular", sans-serif; color: #000; background: #fff; }
.home img { display: block; max-width: 100%; height: auto; }
.home p, .home h1, .home h2 { margin: 0; }
.home .h-c { max-width: 1170px; margin: 0 auto; padding: 0 5px; }
.home .h-centro { text-align: center; }
.home .h-sez { padding: 20px 0; }

/* Occhielli, titoli, sottotitoli */
.home .h-occ { margin: 0 0 20px; font: 400 21px/27.3px "SatoshiRegular", sans-serif; color: #114a43; }
.home .h-occ strong { font-weight: 700; }
.home .h-occ--23, .home .h-occ--lime { font-size: 23px; line-height: 29.9px; }
.home .h-occ--lime { color: #D8E28C; }
.home .h-t { font: 700 45px/49.5px "OnestBold", sans-serif; }
.home .h-t strong { font-weight: 900; color: #D8E28C; }
.home .h-t--bianco { color: #fff; }
.home .h-t--scuro { color: #19352d; }
.home .h-t--blu { color: #14202e; }
.home .h-sub { font: 400 21px/27.3px "OnestRegular", sans-serif; }
.home .h-sub--bianco { color: #fff; }
.home .h-sub--bianco strong { font-weight: 700; }
.home .h-sub--grigio { color: rgba(0, 0, 0, .7); }

/* Bottoni */
.home .h-b { display: inline-flex; align-items: center; justify-content: center; padding: 15px 20px; border-radius: 150px; font: 400 20px/27px "SatoshiBold", sans-serif; text-decoration: none; transition: transform .15s ease; }
.home .h-b:hover { transform: translateY(-1px); }
.home .h-b__i { margin-left: 10px; flex: none; }
.home .h-b--lime { background: #D8E28C; color: #14202e; }
.home .h-b--verde { background: #114a43; color: #fff; }
.home .h-b--bianco { background: #fff; color: #14202e; }
.home .h-b:focus-visible { outline: 3px solid #81E6D9; outline-offset: 2px; }

/* Barra in alto (solo desktop) */
.home .h-barra { background: #D8E28C; padding: 2px 0; height: 54px; }
.home .h-barra__riga { width: 1008px; max-width: 100%; margin: 0 auto; height: 50px; display: grid; grid-template-columns: 163px 588px 257px; align-items: center; }
.home .h-barra__nuovo { padding: 3px 0 0 5px; }
.home .h-barra__nuovo img { width: 40px; height: 40px; margin-left: 103px; }
.home .h-barra__testo { font: 400 15px/19.5px "SatoshiRegular", sans-serif; text-align: center; color: #000; padding: 0 5px; }
.home .h-barra__testo strong { font-weight: 700; }
.home .h-barra__bottone { padding: 2px 5px 2px 9px; }
.home .h-barra__b { display: flex; align-items: center; justify-content: center; gap: 8px; height: 42px; border-radius: 150px; background: #114a43; color: #fff; text-decoration: none; font: 400 16px/21px "SatoshiRegular", sans-serif; }
.home .h-barra__b:focus-visible { outline: 3px solid #81E6D9; outline-offset: 2px; }

/* Hero */
.home .h-hero { background: #164c44 url("/static/img/home/67aa2368ec1a0fcdb1877aac-6cf46486.webp") center / cover; padding: 20px 0 11px; overflow: hidden; }
.home .h-logo { height: 142px; padding-top: 35px; }
.home .h-logo img { width: 206px; height: 72px; margin-left: 0; max-width: none; }
.home .h-hero__riga.h-c { display: grid; grid-template-columns: 652px 1fr; padding: 15px 0 0; align-items: start; }
.home .h-hero__testo { padding: 10px 5px 0 5px; }
.home .h-hero .h-occ { margin-bottom: 20px; color: #D8E28C; }
.home .h-hero h1 { margin-bottom: 19px; }
.home .h-hero__sub { margin-bottom: 20px; }
.home .h-hero__bottone { margin: 0; }
.home .h-hero__prova { padding: 10px 0 0 10px; }
.home .h-hero__prova img { width: 275px; height: 55px; margin: 10px 0 10px; }
.home .h-hero__prova p { font: 400 16px/20.8px "OnestRegular", sans-serif; color: #fff; }
.home .h-hero__img { align-self: end; margin: 0 15px -10px; padding-top: 30px; }
.home .h-hero__img img { width: 488px; height: auto; }

/* Perché */
.home .h-perche { padding: 35px 0; }
.home .h-perche__riga { display: grid; grid-template-columns: 594px 1fr; align-items: center; min-height: 466px; }
.home .h-perche__testo { padding: 0 5px; max-width: 559px; }
.home .h-perche__testo .h-t { margin-bottom: 19px; }
.home .h-perche__testo .h-t strong { color: #114a43; background: #D8E28C; padding: 0 .12em; border-radius: 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.home .h-perche__testo .h-sub { margin-bottom: 20px; }
.home .h-perche__testo p:last-child { margin: 0; }
.home .h-perche__img--m { display: none; }
.home .h-perche__img--d { padding: 10px 5px; }
.home .h-perche__img--d img { width: 450px; height: auto; margin: 0 auto; border-radius: 5px; }

/* Approccio */
.home .h-appr { background: #f3f7f1; padding: 45px 0; }
.home .h-appr__t { margin-top: 20px; }
.home .h-appr__t strong { color: #114a43; }
.home .h-appr__voci { display: grid; grid-template-columns: 376px 397px 397px; margin: 40px 0 0 -5px; }
.home .h-appr__voce { padding: 20px 5px 10px; }
.home .h-appr__voce img { width: 80px; height: 80px; margin: 0 auto 20px; transform: translateX(-5px); }
.home .h-appr__voce:nth-child(n+2) { padding-left: 20px; padding-right: 20px; }
.home .h-appr__voce:nth-child(n+2) p { max-width: 357px; }
.home .h-appr__voce p { font: 500 21px/27.3px "OnestRegular", sans-serif; color: #14202e; max-width: 366px; margin: 0 auto; }
.home .h-appr__bottone { margin-top: 60px; }

/* Numeri */
.home .h-numeri { padding: 45px 0 0; }
.home .h-numeri .h-t { margin-bottom: 0; }
.home .h-numeri__d { display: grid; grid-template-columns: repeat(4, 293px); margin: 34px 0 0 0; justify-content: center; }
.home .h-numeri__d img { width: 263px; height: auto; margin: 0 auto 42.5px; }
.home .h-numeri__m { display: none; }

/* Striscia */
.home .h-striscia { background: #114a43; padding: 17px 5px; text-align: center; }
.home .h-striscia p { font: 700 21px/23.1px "OnestBold", sans-serif; color: #fff; }
.home .h-striscia strong { font-weight: 900; color: #D8E28C; }

/* Recensioni */
.home .h-recens { padding: 20px 0; }
.home .h-recens__riga { display: grid; grid-template-columns: 540px 630px; align-items: center; padding: 15px 0 41px; border-bottom: 1px dashed #868686; min-height: 496px; }
.home .h-recens__t { font: 900 49px/53.9px "SatoshiBold", sans-serif; color: #114a43; padding: 20px 0 0 114px; max-width: 540px; margin: 0; }
.home .h-slider { position: relative; width: 600px; margin-left: 15px; }
.home .h-slider__vista { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.home .h-slider__vista::-webkit-scrollbar { display: none; }
.home .h-slider__vista img { flex: 0 0 100%; width: 100%; height: 400px; object-fit: cover; scroll-snap-align: start; }
.home .h-slider__fr { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; padding: 0; background: none; border: 0; color: #114a43; cursor: pointer; display: grid; place-items: center; }
.home .h-slider__fr--prec { left: 0; }
.home .h-slider__fr--succ { right: 0; }
.home .h-slider__punti { position: absolute; left: 0; right: 0; bottom: 20px; display: flex; justify-content: center; gap: 8px; }
.home .h-slider__punti span { width: 5px; height: 5px; border-radius: 50%; background: #929292; }
.home .h-slider__punti span.is-on { background: #114a43; }
.home .h-loghi { min-height: 161px; box-sizing: border-box; align-content: start; list-style: none; margin: 0; padding: 48px 0 15px; display: grid; grid-template-columns: repeat(6, 195px); justify-content: center; }
.home .h-loghi li { padding: 10px 12px 10px 10px; }
.home .h-loghi img { width: 173px; height: auto; margin: 0 auto; }
.home .h-loghi__medilav img { width: 150px; }
.home .h-loghi__rifugio img { width: 90px; }
.home .h-loghi__infodrive img { margin-top: 7px; }

/* Storie di successo */
.home .h-storie { background: #114a43 url("/static/img/home/sfondo-storie.webp") center / cover; padding: 45px 0; }
.home .h-storie__t { max-width: 878px; margin: 0 auto; }
.home .h-storie__casi:focus-visible { outline: 3px solid #81E6D9; outline-offset: 4px; }
.home .h-storie__casi { display: grid; grid-template-columns: repeat(3, 360px); gap: 30px; justify-content: center; margin: 60px 0 0; }
.home .h-storie__casi img { width: 360px; height: 446px; }
.home .h-storie__invito { margin: 80px 0 0; }

/* Percorso */
.home .h-percorso { background: #f3f7f1; padding: 25px 0 35px; }
.home .h-percorso .h-t { margin-bottom: 0; }
.home .h-percorso__img { width: 525px; height: auto; margin: 60px auto 0; }

/* Il futuro */
.home .h-futuro { padding: 20px 0 45px; }
.home .h-futuro__riga { display: grid; grid-template-columns: repeat(3, 360px); gap: 70px 30px; justify-content: center; padding: 35px 0 0; }
.home .h-futuro__riga img { width: 360px; height: auto; }
.home .h-futuro__cta { text-align: center; margin: 80px 0 0; }

/* Blog */
.home .h-blog { background: #164c44 url("/static/img/home/sfondo-blog.webp") center / cover; padding: 45px 0 20px; }
.home .h-blog__t { margin-bottom: 0; }
.home .h-blog__t span { font-weight: 900; }
.home .h-blog__tutti { margin: 32px 0 51px; }
.home .h-blog__b { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 238px; height: 35px; border-radius: 50px; background: #D8E28C; color: #19352d; text-decoration: none; font: 400 16px/19px "Lato", sans-serif; }
.home .h-blog__b:focus-visible { outline: 3px solid #81E6D9; outline-offset: 2px; }

/* Domande frequenti */
.home .h-faq { padding: 45px 0 20px; }
.home .h-faq__in { max-width: 1043px; margin: 0 auto; padding: 0; }
.home .h-faq .h-occ, .home .h-faq .h-t { text-align: left; }
.home .h-faq__lista { margin-top: 19px; padding: 0 10px 35px; }
.home .h-faq details { border: 1px solid #f3f7f1; border-radius: 10px; margin: 0 0 10px; background: #fff; }
.home .h-faq summary { position: relative; list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 15px; font: 700 20px/30px "Albert Sans", sans-serif; color: #111827; }
.home .h-faq summary::-webkit-details-marker { display: none; }
.home .h-faq summary { padding-right: 15px; }
.home .h-faq summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px; margin-top: -7px; border: solid currentColor; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.home .h-faq details[open] summary { color: #114a43; }
.home .h-faq details[open] summary::after { transform: rotate(-135deg); margin-top: -1px; }
.home .h-faq details > :not(summary) { margin-left: 15px; margin-right: 15px; font: 400 15px/22.5px "Albert Sans", sans-serif; color: rgba(0, 0, 0, .7); }
.home .h-faq details > p { margin-top: 0; margin-bottom: 0; }
.home .h-faq details > ul { margin-top: 0; margin-bottom: 0; padding-left: 20px; }
.home .h-faq details > :last-child { margin-bottom: 15px; }

/* Chiamata finale */
.home .h-chiamata { background: #D8E28C url("/static/img/home/67aa389323290238f447c697-23ecb69c.webp") center / cover; padding: 20px 0 0; overflow: hidden; }
.home .h-chiamata__riga { display: grid; grid-template-columns: 590px 1fr; align-items: center; }
.home .h-chiamata__img { padding-top: 35px; align-self: end; }
.home .h-chiamata__img img { width: 457px; height: auto; margin: 0 auto; }
.home .h-chiamata__testo { padding: 36px 5px 0 0; max-width: 575px; }
.home .h-chiamata__testo .h-t { margin-bottom: 10px; }
.home .h-chiamata__sub { font: 400 23px/34.5px "SatoshiRegular", sans-serif; margin-bottom: 20px; }
.home .h-chiamata__bottone { margin: 0; }

/* Piede (come sul sito di oggi) */
.home .h-piede { background: #114A43; padding: 20px 0 0; }
.home .h-piede__in { max-width: 1170px; margin: 0 auto; }
.home .h-piede__colonne { display: grid; grid-template-columns: 1fr 1.087fr .913fr; padding: 15px 0; }
.home .h-piede__col { padding: 10px 5px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; }
.home .h-piede__logo { width: 150px; height: 52px; margin: 10px; }
.home .h-piede__col--link p { margin: 0; align-self: stretch; font: 700 15px/19.5px "Montserrat", sans-serif; color: #D8E28C; }
.home .h-piede__col--link p:first-child { margin-bottom: 19.5px; }
.home .h-piede__col--link a { color: #D8E28C; text-decoration: none; }
.home .h-piede__social { flex-direction: row; align-items: center; justify-content: center; padding: 30px 5px; }
.home .h-piede__social a { padding: 16px; display: block; }
.home .h-piede__social img { width: 20px; height: 20px; }
.home .h-piede__copy { margin: 35px 5px 0; padding: 0; text-align: center; color: #fff; font: 400 10px/15px "OnestRegular", sans-serif; }
.home .h-piede__copy button { background: none; border: 0; padding: 0; color: #fff; font: inherit; text-decoration: underline; cursor: pointer; }
.home .h-fine { height: 80px; background: #fff; }

/* Telefono */
@media (max-width: 767px) {
  .home .h-c { padding: 0 20px; }
  .home .h-sez { padding: 20px 0; }
  .home .h-occ, .home .h-occ--23, .home .h-occ--lime { font-size: 17px; line-height: 22.1px; }
  .home .h-t { font-size: 25px; line-height: 27.5px; }
  .home .h-sub { font-size: 17px; line-height: 22.1px; }
  .home .h-b { font-size: 15px; line-height: 21px; padding: 15.5px 20px; }

  .home .h-barra, .home .h-hero__occ { display: none; }

  .home .h-hero { background-image: url("/static/img/home/67aa2368ec1a0fcdb1877aac-35b01f24.webp"); padding: 0 0 10px; }
  .home .h-logo { height: 116px; padding-top: 22px; }
  .home .h-hero__riga.h-c { display: flex; flex-direction: column; padding: 12px 20px 35px; }
  .home .h-hero__testo { display: contents; }
  .home .h-hero h1 { order: 1; font-size: 25px; line-height: 32.5px; margin-bottom: 20px; }
  .home .h-hero__sub { order: 2; margin-bottom: 10px; }
  .home .h-hero__img { order: 3; margin: 0; padding: 0 10px 10px; align-self: stretch; }
  .home .h-hero__img img { width: 330px; height: auto; margin: 0 auto; }
  .home .h-hero__bottone { order: 4; margin: -40px 0 0; text-align: center; position: relative; }
  .home .h-hero__prova { order: 5; padding: 0; text-align: center; }
  .home .h-hero__prova img { width: 225px; height: 45px; margin: 10px auto 0; }
  .home .h-hero__prova p { font-size: 15px; line-height: 19.5px; }

  .home .h-perche { padding: 20px 0 45px; }
  .home .h-perche__riga { display: block; min-height: 0; }
  .home .h-perche__testo { max-width: none; padding: 25px 0 0; }
  .home .h-perche__testo .h-t { margin-bottom: 10px; }
  .home .h-perche__img--d { display: none; }
  .home .h-perche__img--m { display: block; margin: 0; padding: 10px 0; }
  .home .h-perche__img--m img { width: 350px; height: auto; border-radius: 5px; }
  .home .h-perche .h-sub { font-size: 20px; line-height: 26px; margin: 19px 0 20px; }

  .home .h-appr { padding: 45px 0 45px; }
  .home .h-appr__t { margin-top: 20px; }
  .home .h-appr__voci { display: block; margin: 12px 0 0; }
  .home .h-appr__voce:nth-child(n+2) { padding-left: 0; padding-right: 0; }
  .home .h-appr__voce:nth-child(n+2) p { max-width: none; }
  .home .h-appr__voce img { transform: none; }
  .home .h-appr__voce { padding: 20px 0 10px; }
  .home .h-appr__voce p { font-size: 20px; line-height: 26px; max-width: none; }
  .home .h-appr__bottone { margin-top: 40px; }

  .home .h-numeri { padding: 45px 0 32px; }
  .home .h-numeri__d { display: none; }
  .home .h-numeri__m { display: block; margin-top: 10px; padding: 0 10px; }
  .home .h-numeri__m img { width: 330px; height: auto; margin: 0 auto; }

  .home .h-striscia { padding: 17px 10px; }
  .home .h-striscia p { font: 700 15px/16.5px "SatoshiBold", sans-serif; }

  .home .h-recens { padding: 20px 0; }
  .home .h-recens__riga { display: block; padding: 0 0 35px; min-height: 0; }
  .home .h-recens__t { font-size: 25px; line-height: 27.5px; padding: 23px 0 32px; text-align: center; max-width: 160px; margin: 0 auto; }
  .home .h-slider { width: 350px; margin: 0 auto; }
  .home .h-slider__vista img { height: 263px; }
  .home .h-loghi { min-height: 0; grid-template-columns: repeat(3, 117px); justify-content: center; padding: 40px 0 3px; gap: 0; }
  .home .h-loghi li { padding: 0 10px; height: 76px; display: block; }
  .home .h-loghi img, .home .h-loghi__medilav img { width: 97px; }
  .home .h-loghi__rifugio img { width: 60px; }
  .home .h-loghi__infodrive img { margin-top: 5px; }
  .home .h-loghi__value { order: 1; }
  .home .h-loghi__prestipino { order: 2; }
  .home .h-loghi__infodrive { order: 3; }
  .home .h-loghi__medilav { order: 4; }
  .home .h-loghi__ente { order: 5; }
  .home .h-loghi__rifugio { order: 6; }
  .home .h-loghi__rifugio, .home .h-loghi__medilav { padding-left: 10px; }

  .home .h-storie { padding: 45px 0; }
  .home .h-storie__casi { display: flex; justify-content: flex-start; gap: 0; width: 300px; margin: 10px auto 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .home .h-storie__casi::-webkit-scrollbar { display: none; }
  .home .h-storie__casi img { flex: 0 0 300px; width: 300px; height: 372px; scroll-snap-align: start; }
  .home .h-storie__invito { margin: 23px 0 0; }

  .home .h-percorso { padding: 25px 0 25px; }
  .home .h-percorso .h-c { padding: 0; }
  .home .h-percorso .h-occ, .home .h-percorso .h-t { padding: 0 20px; }
  .home .h-percorso__img { width: 390px; height: 700px; object-fit: contain; margin: 35px 0 0; max-width: none; }

  .home .h-futuro { padding: 20px 0 45px; }
  .home .h-futuro__riga { display: flex; flex-direction: column; align-items: center; gap: 39.5px; padding: 35px 0 0; }
  .home .h-futuro__riga img { width: 350px; }
  .home .h-futuro__cta { margin: 46px 0 0; }

  .home .h-blog { padding: 45px 0 20px; }
  .home .h-blog .h-c { padding: 0 10px; }
  .home .h-blog__tutti { margin-top: 32px; }

  .home .h-faq { padding: 45px 0 20px; }
  .home .h-faq__in { padding: 0 20px; }
  .home .h-faq .h-occ, .home .h-faq .h-t { text-align: center; }
  .home .h-faq__lista { padding: 20px 10px 35px; margin-top: 0; }
  .home .h-faq summary { font-size: 19px; line-height: 28.5px; }
  .home .h-faq summary span { max-width: 298px; }

  .home .h-chiamata { padding: 45px 0 0; }
  .home .h-chiamata__riga { display: flex; flex-direction: column; }
  .home .h-chiamata__testo { order: 1; text-align: center; padding: 0; max-width: none; }
  .home .h-chiamata__testo .h-t { margin-bottom: 9px; }
  .home .h-chiamata__sub { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
  .home .h-chiamata__img { order: 2; padding: 30px 10px 0; }
  .home .h-chiamata__img img { width: 330px; }

  .home .h-piede__colonne { display: block; padding: 15px 10px; }
  .home .h-piede__col { align-items: center; text-align: center; padding: 10px 0; }
  .home .h-piede__logo { margin: 10px 0; }
  .home .h-piede__social { padding: 30px 0; }
  .home .h-piede__copy { font-size: 9px; line-height: 13.5px; margin: 35px 10px 0; padding: 0; }
}

/* Blog in home: schede del sito (site.css), su richiesta dell'owner del 2026-10-15 */
.home .h-blog .elenco-articoli { margin: 48px auto 0; max-width: 1100px; padding: 0 16px; text-align: left; }
.home .h-blog .scheda-articolo { font-family: var(--font-testo); color: var(--nero); }
.home .h-blog .scheda-articolo__titolo { font-family: var(--font-titoli); }