/*!
 * sezione-home.css — le regole della PAGINA home, non di una sua fascia.
 *
 * Sono quelle che nel sorgente partivano da `.elementor-457 > .e-con`: lo
 * scroll-snap del mobile e il `box-sizing` delle fasce. Non parlano di una
 * fascia in particolare, quindi non stanno nel foglio di nessuna: qui
 * l'aggancio e' `body.fs-home`, la classe che il tema mette alla pagina
 * impostata come home e alla copia che ne porta il vestito (vedi
 * `fs_e_la_home()` in inc/fs-custom.php).
 *
 * GENERATO: non si modifica a mano.
 */

body.fs-home .site-main { overflow-x:clip; overflow-y:visible }
body.fs-home .fs-hero__cta-label { margin-top: 26px }
body.fs-home .fs-hero__btn { margin-top: 10px }
body.fs-home .fs-firme__frecce button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center }

@media (max-width:767px) {
	body.fs-home .elementor > .e-con { box-sizing: border-box }
	html:has(body.fs-home) { scroll-snap-type: y mandatory; scroll-padding-top: 0 }
	body.fs-home .elementor-457 > .e-con { scroll-snap-align: start; scroll-snap-stop: normal }
	body.fs-home footer#colophon { scroll-snap-align: end }
	body.fs-home footer#colophon .elementor-element-de47904 { scroll-snap-align: start; scroll-margin-top: 16px }
	html:has(body.fs-home) { scroll-snap-type: none; scroll-behavior: auto }
	body.fs-home .fs-didascalia p { font-size: 10px; letter-spacing: .18em; text-transform: uppercase; opacity: .55; margin: 0 }
	body.fs-home .fs-tutte-firme { margin-top: 16px; padding: 0 20px; text-align: right }
	body.fs-home .fs-tutte-firme p { margin: 0 }
	body.fs-home .fs-tutte-firme a { display: inline-block; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 3px }
	body.fs-home .fs-card--linked:hover .cta--button { opacity: 1 !important }
	body.fs-home .fs-hero__btn .pe--button--wrapper > a { background: rgba(20,17,15,.72) !important }
	body.fs-home .fs-firme { grid-area: vetrina; min-width: 0 }
	body.fs-home .fs-firme__barra { grid-area: barra; margin-left: 20px }
	body.fs-home .fs-firme__track { display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: 20px; padding: 0 20px; min-width: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none }
	body.fs-home .fs-firme__track::-webkit-scrollbar { display: none }
	body.fs-home .fs-firma { position: relative; display: block; flex: 0 0 74vw; scroll-snap-align: start; overflow: hidden; text-decoration: none; color: #fff }
	body.fs-home .fs-firma__foto { display: block; height: 52vh; height: 52svh; overflow: hidden; background: #1b1815 }
	body.fs-home .fs-firma__foto img { width: 100%; height: 100%; object-fit: cover; display: block }
	body.fs-home .fs-firma::after { content: ''; position: absolute; inset: auto 0 0; height: 64%; background: linear-gradient(180deg,       rgba(0,0,0,0) 0%, rgba(0,0,0,.42) 38%,       rgba(0,0,0,.84) 74%, rgba(0,0,0,.95) 100%); pointer-events: none }
	body.fs-home .fs-firma__meta { position: absolute; left: 16px; right: 16px; bottom: 15px; z-index: 1 }
	body.fs-home .fs-firma__nome { display: block; font-family: 'Playfair Display', serif; font-size: 20px; line-height: 1.14; color: #fff }
	body.fs-home .fs-firma__conteggio { display: block; margin-top: 6px; font-family: 'General Sans', sans-serif; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.68) }
	body.fs-home .fs-firma__foto img { transition: transform .6s cubic-bezier(.23,1,.32,1) }
	body.fs-home .fs-firma:hover .fs-firma__foto img { transform: scale(1.04) }
	body.fs-home .fs-firme__barra { position: relative; height: 2px; background: rgba(255,255,255,.20); overflow: hidden }
	body.fs-home .fs-firme__barra i { position: absolute; top: 0; bottom: 0; left: 0; width: 30%; background: #f1f1f1 }
	body.fs-home .fs-firme__barra[data-vuota] { opacity: 0 }
	body.fs-home .fs-firme__frecce { display: none }
	body.fs-home .fs-hero__cta-label .text-wrapper p { margin-bottom: 0 }
}

@media (min-width:768px) {
	body.fs-home .fs-par-atelier { display: none !important }
	body.fs-home .fs-firme { grid-area: vetrina; min-width: 0 }
	body.fs-home .fs-firme__track { display: flex; gap: 18px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: 40px; padding: 0 40px; min-width: 0; scrollbar-width: none }
	body.fs-home .fs-firme__track::-webkit-scrollbar { display: none }
	body.fs-home .fs-firma { position: relative; display: block; flex: 0 0 clamp(240px, 23vw, 320px); scroll-snap-align: start; overflow: hidden; text-decoration: none; color: #fff }
	body.fs-home .fs-firma__foto { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #1b1815 }
	body.fs-home .fs-firma__foto img { width: 100%; height: 100%; object-fit: cover; display: block }
	body.fs-home .fs-firma::after { content: ''; position: absolute; inset: auto 0 0; height: 64%; background: linear-gradient(180deg,       rgba(0,0,0,0) 0%, rgba(0,0,0,.42) 38%,       rgba(0,0,0,.84) 74%, rgba(0,0,0,.95) 100%); pointer-events: none }
	body.fs-home .fs-firma__meta { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1 }
	body.fs-home .fs-firma__nome { display: block; font-family: 'Playfair Display', serif; font-size: 22px; line-height: 1.14; color: #fff }
	body.fs-home .fs-firma__conteggio { display: block; margin-top: 6px; font-family: 'General Sans', sans-serif; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.68) }
	body.fs-home .fs-firma__foto img { transition: transform .6s cubic-bezier(.23,1,.32,1) }
	body.fs-home .fs-firma:hover .fs-firma__foto img { transform: scale(1.04) }
	body.fs-home .fs-firme__barra { grid-area: barra; position: relative; height: 2px; margin-left: 40px; background: rgba(255,255,255,.20); overflow: hidden }
	body.fs-home .fs-firme__barra i { position: absolute; top: 0; bottom: 0; left: 0; width: 30%; background: #f1f1f1 }
	body.fs-home .fs-firme__barra[data-vuota] { opacity: 0 }
	body.fs-home .fs-firme__frecce { grid-area: frecce; display: flex; gap: 10px; padding-right: 40px }
	body.fs-home .fs-firme__frecce button { width: 42px; height: 42px; display: grid; place-items: center; padding: 0; background: transparent; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #f1f1f1; cursor: pointer; transition: border-color .25s, opacity .25s }
	body.fs-home .fs-firme__frecce button:hover { border-color: rgba(255,255,255,.8) }
	body.fs-home .fs-firme__frecce button:disabled { opacity: .3; cursor: default }
	body.fs-home .fs-firme__frecce button svg { display: block }
	body.fs-home .fs-firme__frecce[data-vuota] { display: none }
}