/*!
 * fs/sezione-modulo — foto a sinistra, testo e modulo a destra.
 *
 * La stessa forma su due pagine: la fascia «Il Nostro Catalogo» della home e
 * quella in fondo all'Atelier. Il DOM e' identico; le misure no — la home non
 * ha il paragrafo fra titolo e modulo, e la foto e' alta diversamente.
 *
 * Da qui due gruppi di classi, `fs-modulo-home*` e `fs-modulo-atelier*`, e un
 * blocco solo che sceglie il prefisso in base all'attributo `variante`. Una
 * terza pagina con la stessa forma aggiunge una variante qui e non un blocco.
 *
 * GENERATO dai fogli congelati delle due pagine e dalle regole `page-id-457` /
 * `page-id-583` di fs-custom.css. Non si modifica a mano: vedi
 * uscita-elementor/strumenti/sezioni-home/LEGGIMI.md.
 */

/* ============== VARIANTE «home» (dalla pagina 457) ============== */

.fs-modulo-home.fs-modulo-home.fs-modulo-home { --display:flex; --flex-direction:row; --container-widget-width:initial; --container-widget-height:100%; --container-widget-flex-grow:1; --container-widget-align-self:stretch; --flex-wrap-mobile:wrap; --gap:0px 0px; --row-gap:0px; --column-gap:0px }
.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto { --display:flex; --flex-direction:column; --container-widget-width:100%; --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto { width:100% }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .single--image { height:650px }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .parallax--image { height:650px }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .single--image img { height:100%; object-fit:cover }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .single-image { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .single-image.zoomed--image > div { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo { --display:flex; --flex-direction:column; --container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap; --justify-content:center; --align-items:center; --flex-wrap:wrap }
.fs-modulo-home__testi.fs-modulo-home__testi.fs-modulo-home__testi { --display:flex }
.fs-modulo-home__titolo.fs-modulo-home__titolo.fs-modulo-home__titolo .text-wrapper { text-align:left }
.fs-modulo-home__spazio.fs-modulo-home__spazio.fs-modulo-home__spazio { --spacer-size:100px }
/* FS: stile form home */
.fs-modulo-home #mauticform_catalogo .mauticform-input, .fs-modulo-home #mauticform_catalogo .mauticform-textarea, .fs-modulo-home #mauticform_catalogo .mauticform-selectbox { background:transparent!important; color:#111!important; border:1px solid #888!important; border-radius:10px!important; padding:14px!important; box-shadow:none!important; outline:none!important; transition:border-color .15s ease!important }
.fs-modulo-home #mauticform_catalogo .mauticform-textarea { min-height:120px!important; resize:vertical!important; line-height:1.4!important }
.fs-modulo-home #mauticform_catalogo .mauticform-input::placeholder, .fs-modulo-home #mauticform_catalogo .mauticform-textarea::placeholder { color:#777!important; opacity:1!important }
.fs-modulo-home #mauticform_catalogo .mauticform-input:focus, .fs-modulo-home #mauticform_catalogo .mauticform-textarea:focus, .fs-modulo-home #mauticform_catalogo .mauticform-selectbox:focus { border-color:#111!important }
.fs-modulo-home #mauticform_catalogo input[type=date]::-webkit-calendar-picker-indicator { opacity:1!important; cursor:pointer!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row, .fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row { display:flex!important; align-items:center!important; gap:8px!important; margin:6px 0!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row input, .fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row input { appearance:none!important; -webkit-appearance:none!important; width:18px!important; height:18px!important; margin:0!important; flex:0 0 auto!important; border:1px solid #888!important; background:transparent!important; cursor:pointer!important; position:relative!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row input { border-radius:50%!important }
.fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row input { border-radius:4px!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row input:checked, .fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row input:checked { border-color:#111!important; background:#111!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row input:checked::after { content:""!important; position:absolute!important; inset:4px!important; border-radius:50%!important; background:#fff!important }
.fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row input:checked::after { content:""!important; position:absolute!important; left:5px!important; top:1px!important; width:5px!important; height:10px!important; border:solid #fff!important; border-width:0 2px 2px 0!important; transform:rotate(45deg)!important }
.fs-modulo-home #mauticform_catalogo .mauticform-radiogrp-row label, .fs-modulo-home #mauticform_catalogo .mauticform-checkboxgrp-row label { cursor:pointer!important; color:#111!important; margin:0!important }

@media (max-width:767px) {
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto { --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px }
	.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo { --margin-top:0px; --margin-bottom:0px; --margin-left:0px; --margin-right:0px }
	.fs-modulo-home__spazio.fs-modulo-home__spazio.fs-modulo-home__spazio { --spacer-size:0px }
	.fs-modulo-home #mauticform_catalogo .mauticform-input, .fs-modulo-home #mauticform_catalogo .mauticform-textarea, .fs-modulo-home #mauticform_catalogo .mauticform-selectbox { font-size:16px !important }
	/* ---------- 6 · IL NOSTRO CATALOGO ---------- */
	.fs-modulo-home.fs-modulo-home.fs-modulo-home { flex-direction: column; padding: 0 !important; row-gap: 0 }
	/* immagine di testa: una fascia, non mezzo schermo.
	L'altezza va data al WRAPPER .parallax--image, non all'immagine: il
	wrapper ha height:650px impostata in Elementor (regola di post-457.css)
	e restringere solo la foto lasciava ~440px di vuoto grigio fra la foto
	e il titolo "Il Nostro Catalogo".
	L'effetto parallasse continua a funzionare: il tema scala la foto del
	20% e la trasla dentro il wrapper, che ha overflow:hidden. *//* La fascia comincia SOTTO l'header (31 lug 2026, segnalazione cliente).
	Prima la foto partiva dal bordo alto del modulo e i suoi primi 84px
	finivano dietro l'header, che qui e' trasparente: il volto della sposa
	cadeva esattamente li' dentro, con logo e icone addosso. Ora quegli
	84px sono padding della riga, che ha gia' un fondo caldo suo
	(#f2f0ee), e la foto si vede tutta.
	L'altezza complessiva non cambia - prima 26svh + 84 di fascia, ora 84
	di padding + 26svh di fascia - quindi il modulo resta identico e il
	form non si sposta. */
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto { padding: var(--fs-head) 0 0 !important }
	.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto .single-image { height: 26vh !important; height: 26svh !important; overflow: hidden }
	/* I volti restavano fuori dalla fascia (1 ago 2026, segnalazione cliente).
	La foto e' verticale (1536x1920) dentro una banda di 375x211: con
	object-position centrato si vedeva solo il pizzo della schiena e la
	cravatta, le teste erano tagliate via.
	Il parallasse del tema (transform: translateY(10%) scale(1.2) messo
	inline dal JS) peggiorava le cose: fa scorrere l'inquadratura di +-10%
	dell'altezza della banda, cioe' +-21px, quindi la testa dello sposo
	entrava e usciva a seconda del punto di scroll. Su 211px di altezza
	l'effetto non si nota: lo spengo qui e inquadro dall'8% dell'eccedenza,
	che tiene dentro i due volti a ogni larghezza (misurato a 320/375/430)
	e lascia in basso il pizzo dell'abito. Desktop invariato. */
	.fs-modulo-home__foto.fs-modulo-home__foto.fs-modulo-home__foto img { width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 8%; transform: none !important; display: block }
	.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo { padding: 0 !important }
	.fs-modulo-home__testi.fs-modulo-home__testi.fs-modulo-home__testi { padding: 26px 20px calc(var(--fs-bar) + 26px) !important }
	/* campi: etichetta piccola sopra, input a filo sottolineato */
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-input { border: 0; border-bottom: 1px solid rgba(22,24,26,.25); border-radius: 0; padding: 10px 0; background: transparent }
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-label { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; opacity: .6 }
	/* "quale catalogo?" come pillole.
	CORREZIONE 3 ago 2026 (segnalazione su iPhone): erano inline-flex, quindi
	su mobile andavano a capo restando larghe quanto il testo e rientrate
	rispetto agli altri campi — sembravano tre pulsanti scomposti invece di
	una scelta. Ora ogni pillola occupa la riga intera e parte dallo stesso
	bordo sinistro degli input, cosi' la colonna del modulo resta una.
	min-height 48px: e' la misura minima di un'area toccabile, con 40 il dito
	prende spesso la pillola sbagliata. */
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp .mauticform-radiogrp-row { display: block; margin: 0 0 8px 0 }
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp .mauticform-radiogrp-row:last-child { margin-bottom: 0 }
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp .mauticform-radiogrp-label { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 0 18px; border: 1px solid rgba(22,24,26,.25); border-radius: 999px; font-size: 13px; text-align: center }
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp input { position: absolute; opacity: 0; pointer-events: none }
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp input:checked + label, .fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-radiogrp-row:has(input:checked) label { background: #16181a; border-color: #16181a; color: #fff }
	/* pulsante di invio pieno, a tutta larghezza */
	.fs-modulo-home__modulo.fs-modulo-home__modulo.fs-modulo-home__modulo .mauticform-button { width: 100%; min-height: 54px; letter-spacing: .18em; text-transform: uppercase; font-size: 12px }
}

@media (min-width:1025px) {
	.fs-modulo-home.fs-modulo-home.fs-modulo-home { padding:0 }
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto { position:sticky; top:0; align-self:flex-start; height:100vh; width:50%; padding:0 }
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto .fs-modulo-home__foto, .fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto .elementor-widget-container, .fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto .single-image { height:100% !important; width:100% !important }
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto img { width:100% !important; height:100% !important; object-fit:cover }
}

@media (min-width:768px) {
	.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto.fs-modulo-home__colonna-foto { --width:50% }
	.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo.fs-modulo-home__colonna-corpo { --width:50% }
	.fs-modulo-home__testi.fs-modulo-home__testi.fs-modulo-home__testi { --width:80% }
}

/* ============== VARIANTE «atelier» (dalla pagina 583) ============== */

.fs-modulo-atelier.fs-modulo-atelier.fs-modulo-atelier { --display:flex; --flex-direction:row; --container-widget-width:initial; --container-widget-height:100%; --container-widget-flex-grow:1; --container-widget-align-self:stretch; --flex-wrap-mobile:wrap; --gap:0px 0px; --row-gap:0px; --column-gap:0px }
.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { --display:flex; --flex-direction:column; --container-widget-width:100%; --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto { width:100% }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto .single--image { height:650px }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto .parallax--image { height:650px }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto .single--image img { height:100%; object-fit:cover }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto .single-image { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-modulo-atelier__foto.fs-modulo-atelier__foto.fs-modulo-atelier__foto .single-image.zoomed--image > div { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo { --display:flex; --flex-direction:column; --container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap; --justify-content:center; --align-items:center; --flex-wrap:wrap }
.fs-modulo-atelier__testi.fs-modulo-atelier__testi.fs-modulo-atelier__testi { --display:flex }
.fs-modulo-atelier__titolo.fs-modulo-atelier__titolo.fs-modulo-atelier__titolo .text-wrapper { text-align:left }
.fs-modulo-atelier__testo.fs-modulo-atelier__testo.fs-modulo-atelier__testo .text-wrapper { text-align:left }
.fs-modulo-atelier__testo.fs-modulo-atelier__testo.fs-modulo-atelier__testo { width:85% }
.fs-modulo-atelier__spazio.fs-modulo-atelier__spazio.fs-modulo-atelier__spazio { --spacer-size:100px }
/* End custom CSS *//* Start custom CSS for container, class: .elementor-element-534c361 */
.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { position:sticky; top:110px; align-self:flex-start }
/* container, class: .elementor-element-534c361 */
.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { position:sticky; top:110px; align-self:flex-start }
/* FS: stile form home */
.fs-modulo-atelier #mauticform_catalogo .mauticform-input, .fs-modulo-atelier #mauticform_catalogo .mauticform-textarea, .fs-modulo-atelier #mauticform_catalogo .mauticform-selectbox { background:transparent!important; color:#111!important; border:1px solid #888!important; border-radius:10px!important; padding:14px!important; box-shadow:none!important; outline:none!important; transition:border-color .15s ease!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-textarea { min-height:120px!important; resize:vertical!important; line-height:1.4!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-input::placeholder, .fs-modulo-atelier #mauticform_catalogo .mauticform-textarea::placeholder { color:#777!important; opacity:1!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-input:focus, .fs-modulo-atelier #mauticform_catalogo .mauticform-textarea:focus, .fs-modulo-atelier #mauticform_catalogo .mauticform-selectbox:focus { border-color:#111!important }
.fs-modulo-atelier #mauticform_catalogo input[type=date]::-webkit-calendar-picker-indicator { opacity:1!important; cursor:pointer!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row, .fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row { display:flex!important; align-items:center!important; gap:8px!important; margin:6px 0!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row input, .fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row input { appearance:none!important; -webkit-appearance:none!important; width:18px!important; height:18px!important; margin:0!important; flex:0 0 auto!important; border:1px solid #888!important; background:transparent!important; cursor:pointer!important; position:relative!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row input { border-radius:50%!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row input { border-radius:4px!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row input:checked, .fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row input:checked { border-color:#111!important; background:#111!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row input:checked::after { content:""!important; position:absolute!important; inset:4px!important; border-radius:50%!important; background:#fff!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row input:checked::after { content:""!important; position:absolute!important; left:5px!important; top:1px!important; width:5px!important; height:10px!important; border:solid #fff!important; border-width:0 2px 2px 0!important; transform:rotate(45deg)!important }
.fs-modulo-atelier #mauticform_catalogo .mauticform-radiogrp-row label, .fs-modulo-atelier #mauticform_catalogo .mauticform-checkboxgrp-row label { cursor:pointer!important; color:#111!important; margin:0!important }

@media (max-width:1024px) {
	.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { position:static }
	.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { position:static }
}

@media (max-width:767px) {
	.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px }
	.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo { --margin-top:0px; --margin-bottom:0px; --margin-left:0px; --margin-right:0px }
	.fs-modulo-atelier__testo.fs-modulo-atelier__testo.fs-modulo-atelier__testo { width:100% }
	.fs-modulo-atelier__spazio.fs-modulo-atelier__spazio.fs-modulo-atelier__spazio { --spacer-size:0px }
	.fs-modulo-atelier #mauticform_catalogo .mauticform-input, .fs-modulo-atelier #mauticform_catalogo .mauticform-textarea, .fs-modulo-atelier #mauticform_catalogo .mauticform-selectbox { font-size:16px !important }
}

@media (min-width:768px) {
	.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto.fs-modulo-atelier__colonna-foto { --width:50% }
	.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo.fs-modulo-atelier__colonna-corpo { --width:50% }
	.fs-modulo-atelier__testi.fs-modulo-atelier__testi.fs-modulo-atelier__testi { --width:80% }
}
