/*!
 * fs/sezione-richiami — le due card «Sposa» e «Sposo».
 *
 * Due card alte a meta' schermo ciascuna, con la foto di fondo, il titolo e
 * il bottone che porta alla collezione.
 *
 * GENERATO da post-457.css (regole congelate di Elementor) e dalla sezione
 * `body.page-id-457` di assets/css/fs-custom.css, riscrivendo gli id degli
 * elementi in classi parlanti. Le classi sono TRIPLICATE per tenere la
 * specificita' che avevano i selettori originali (0,3,0). Con due
 * `.e-con.e-flex{--flex-direction:column}` di frontend.min.css, che vale
 * altrettanto e viene dopo, vincerebbe.
 *
 * Non si modifica a mano senza aggiornare anche il blocco che stampa queste
 * classi: sono le due meta' della stessa cosa.
 */

/* Quello che davano `.e-flexbox-base` (base-desktop.css) e i due
   local-457-frontend-*.css agli elementi atomici, ora che atomici non sono piu'. */
.fs-richiami.fs-richiami.fs-richiami { display:flex; flex-direction:row; padding:10px; background-color:#ffffff }
.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa,
.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo { display:flex; flex-direction:column; padding:10px; width:50% }

@media (max-width:767px) {
	.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa,
	.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo { width:100% }
}

.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa { text-align:center }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pb--marquee__inner { --duration:5s }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--wrapper { justify-content:center; align-items:center; text-align:center }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pe--call--to--action { height:100vh; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden; padding:75px 150px 50px 150px }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa.cta_icon_-positioned .cta--icon { top:75px; bottom:unset; --transformY:0%; left:50px; right:unset; --transformX:0% }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--background { filter:brightness( 71% ) contrast( 83% ) saturate( 90% ) blur( 0px ) hue-rotate( 0deg ) }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title { font-family:"Playfair Display", Sans-serif; font-size:68px; line-height:1.1em }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--text { text-transform:uppercase }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--icon { font-size:100px }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo { text-align:center }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pb--marquee__inner { --duration:5s }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--wrapper { justify-content:center; align-items:center; text-align:center }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pe--call--to--action { height:100vh; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden; padding:50px 150px 50px 150px }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo.cta_icon_-positioned .cta--icon { top:75px; bottom:unset; --transformY:0%; left:50px; right:unset; --transformX:0% }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--background { filter:brightness( 71% ) contrast( 83% ) saturate( 90% ) blur( 0px ) hue-rotate( 0deg ) }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title { font-family:"Playfair Display", Sans-serif; font-size:68px; line-height:1.1em }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--text { text-transform:uppercase }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--icon { font-size:100px }
/* End custom CSS *//* Start custom CSS for pecalltoaction, class: .elementor-element-ead723e */
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title h3 { color:#fff }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button a, .fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button { color:#fff }
/* End custom CSS *//* Start custom CSS for pecalltoaction, class: .elementor-element-924d4a1 */
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title h3 { color:#fff }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button a, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button { color:#fff }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--background img { width:100%; height:100%; object-fit:cover }
/* pecalltoaction, class: .elementor-element-ead723e */
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title h3 { color:#fff }
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button a, .fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button { color:#fff }
/* pecalltoaction, class: .elementor-element-924d4a1 */
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title h3 { color:#fff }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button a, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button { color:#fff }
.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--background img { width:100%; height:100%; object-fit:cover }
/* ===== fine fix menu mobile ===== *//* =========================================================
FS26 · Sposa / Sposo — inquadratura foto (26 lug 2026)
Le due card erano gia' identiche per dimensioni, ma le foto
erano centrate (object-position 50% 50%) e tagliavano i volti.
Le ancoro in alto e centrate in orizzontale: si vedono i visi
e si taglia via il watermark impresso in basso.
========================================================= */
.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa img, .fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo img { object-position:50% 0%!important }
/* ===== fine fix sposa/sposo ===== *//* =========================================================
FS26 · Sposa / Sposo — tutto il box cliccabile (26 lug 2026)
Lo pseudo-elemento sul link non funzionava: il widget CTA ha
overflow:hidden e lo tagliava. Uno script nel template header
inserisce un <a class="fs-card-link"> di copertura; qui lo stendo
sull'intera card. Resta un link vero: tastiera, tasto centrale,
apri-in-nuova-scheda funzionano.
========================================================= */
.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa, .fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo { position:relative }
/* il wrapper della CTA copre tutta la card: deve stare SOTTO l'overlay,
altrimenti intercetta lui il clic. L'hover della scritta lo riproduco
sul passaggio sulla card. */
.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo { z-index:auto }
.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa .cta--wrapper, .fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo .cta--wrapper { z-index:1 }

@media (max-width:767px) {
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa { width:100% }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pe--call--to--action { height:60vh }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title { font-size:44px }
	.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pe--call--to--action { height:60vh }
	.fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title { font-size:44px }
	.fs-richiami.fs-richiami.fs-richiami { flex-direction:column }
	.fs-mosaico__alto.fs-mosaico__alto.fs-mosaico__alto, .fs-mosaico__basso.fs-mosaico__basso.fs-mosaico__basso, .fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa, .fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo { box-sizing: border-box }
	/* ---------- 4 e 5 · SPOSA / SPOSO — una schermata a tutto campo ---------- */
	.fs-richiami.fs-richiami.fs-richiami { min-height: 0 !important; padding: 0 !important; gap: 0 !important; scroll-snap-align: none }
	/* qui il 100dvh RESTA: sono le due foto a tutto campo, per struttura
	grafica devono occupare almeno la schermata intera (non c'e' vuoto da
	riempire, e' l'immagine stessa a coprirla). */
	.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa.fs-richiami__colonna--sposa, .fs-richiami__colonna--sposo.fs-richiami__colonna--sposo.fs-richiami__colonna--sposo { min-height: 100vh; min-height: 100svh; min-height: 100dvh; padding: 0 !important; scroll-snap-align: start; scroll-snap-stop: normal }
	/* altezza DEFINITA su tutta la catena: con il solo min-height sul
	contenitore un height:100% piu' in basso non si risolve e l'immagine
	resta alta quanto il suo formato naturale. */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo, .fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa > .elementor-widget-container, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo > .elementor-widget-container, .fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pe--call--to--action, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pe--call--to--action { height: 100vh !important; height: 100svh !important; height: 100dvh !important; width: 100% !important }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pe--call--to--action, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pe--call--to--action { position: relative !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; min-height: 0 !important; /* il widget ha 150px di padding orizzontale (impostazione Elementor per        il desktop): su mobile lasciava al contenuto solo 90px di larghezza.        Il respiro lo dà il wrapper qui sotto. */     padding: 0 !important; /* il widget ha fondo bianco dal tema: e' lui che si vedrebbe nella        fascia lasciata libera sopra la foto (vedi .cta--background).        A blocco agganciato quella fascia sta dietro l'header, mentre in        mezzo allo scorrimento questo scuro si salda al fondo sfumato della        card precedente e lo stacco non si nota. */     background-color: #14110F !important }
	/* TESTE TAGLIATE — le due foto sono 950x1280 (rapporto 0,74) dentro una
	card 375x812 (0,46): con object-fit:cover la scalatura e' governata
	dall'altezza, quindi il ritaglio avviene solo ai lati e in verticale si
	vede la foto INTERA, teste comprese... solo che i volti stanno a filo
	del bordo alto e finivano sotto l'header fisso (84px).
	Non basta object-position: non c'e' margine verticale da recuperare.
	Quindi la foto parte sotto l'header: la fascia che resta scoperta sta
	dietro all'header stesso quando il blocco e' agganciato. */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--background, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--background { position: absolute !important; inset: var(--fs-head) 0 0 !important; height: auto !important }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--background img, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--background img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block }
	/* velo scuro solo in basso, per tenere leggibile testo e pulsante.
	Sta sul contenitore della card (non su .cta--background, dove il tema ha
	gia' uno pseudo-elemento): con z-index esplicito sopra la foto e sotto
	il testo, altrimenti il titolo bianco finisce bianco-su-bianco. */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .pe--call--to--action::before, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .pe--call--to--action::before { content: ''; position: absolute; inset: auto 0 0; z-index: 1; height: 72%; /* gli abiti sono bianchi: senza una sfumatura decisa il titolo bianco        diventa illeggibile a meta' foto. */     background: linear-gradient(180deg,       rgba(0,0,0,0) 0%,       rgba(0,0,0,.28) 38%,       rgba(0,0,0,.62) 68%,       rgba(0,0,0,.85) 100%); pointer-events: none }
	/* testo e pulsante in basso a sinistra (il tema li centra in una colonna
	di larghezza automatica: serve larghezza piena + allineamento a sinistra) */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--wrapper, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--wrapper { position: relative; z-index: 2; flex: 1 1 100%; width: 100% !important; max-width: none !important; display: flex; flex-direction: column; align-items: flex-start !important; justify-content: flex-end !important; text-align: left !important; padding: 0 20px calc(var(--fs-bar) + 26px) }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title, .fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--text, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--text { width: 100%; text-align: left !important }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--title h3, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--title h3 { font-size: 40px; line-height: 1.06; text-align: left !important }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--text, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--text { margin-top: 8px }
	/* "Scopri di piu'" da link sottolineato a pulsante pieno a tutta larghezza.
	Come per il pulsante dell'hero il link ha l'etichetta doppia: qui la box
	del pulsante la fa il WRAPPER (fondo, altezza, centratura) e il link
	resta della sua altezza naturale, cosi' la copia hover resta ritagliata. */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button { margin-top: 20px }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button { display: block; width: 100% }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button .pe--button, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button .pe--button { display: block; width: 100% !important; background: #fbf8f4 }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button .pe--button--wrapper, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button .pe--button--wrapper { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 0 20px }
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button a, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button a { color: #16181a !important; font-size: 12px; letter-spacing: .18em; text-transform: uppercase }
	/* via la sottolineatura: ora e' un pulsante pieno */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button a::after, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button a::after { display: none !important }
	/* descrizione sotto al titolo delle card Sposa/Sposo */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--text p, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--text p { font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.86); max-width: 34ch }
	/* etichetta del pulsante delle card centrata, come nel mockup */
	.fs-richiami__card--sposa.fs-richiami__card--sposa.fs-richiami__card--sposa .cta--button .pb__main, .fs-richiami__card--sposo.fs-richiami__card--sposo.fs-richiami__card--sposo .cta--button .pb__main { justify-content: center !important; width: 100% }
}