@charset "utf-8";

/* ============================================================================
   udine.css — Landing di città "Udine" (/landing/udine.htm)
   Stile specifico delle sezioni della landing. Token e componenti generici
   (.FdoSection, .FdoHeading, .FdoBtn, .FdoMarquee, .FdoCtaRow) arrivano da
   global.css (caricato da head.htm). Tutto sotto .FdoPage per coerenza col
   resto del sito. Prefisso classi: .FdoUdine*
   ============================================================================ */

/* --- 1. HERO (contenuto CENTRATO, come l'originale) ------------------------- */
.FdoUdineHero {
	position: relative;
	box-sizing: border-box;
	/* Come www: hero largo 95% e centrato, NON a tutta larghezza (margini laterali ~2,5%). */
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 96px var(--space-4) var(--space-4);
	background-image: var(--u-hero-mobile);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	/* Come www: l'hero prende l'ASPECT-RATIO dell'immagine, così si vede l'immagine INTERA
	   (bordo "strappato" incluso) senza ritaglio. Mobile = aspetto di hero-mobile.jpg (462x1024). */
	aspect-ratio: 462 / 1024;
}
@media (min-width: 641px) {
	.FdoUdineHero { background-image: var(--u-hero); aspect-ratio: 1024 / 622; }
}
.FdoUdineHero::before {
	content: "";
	position: absolute; inset: 0; z-index: 0;
	background: rgba(0,0,0,.35); /* velo nero piatto 35%, identico a www */
}
.FdoUdineHeroInner {
	position: relative; z-index: 1;
	width: 100%; max-width: 820px; margin: 0 auto;
	display: flex; flex-direction: column; align-items: center; gap: var(--space-3);
	text-align: center;
}
.FdoUdineHeroTitle { text-align: center; font-size: clamp(44px, 8vw, 80px); line-height: 1.1; margin: 0; }
.FdoPage .FdoUdineHeroEyebrow { margin: 0; color: #ffbed8; font-weight: 600; text-transform: uppercase; letter-spacing: .36px; font-size: 18px; line-height: 24px; }
.FdoPage .FdoUdineHeroText { margin: var(--space-2) auto 0; max-width: 62ch; color: var(--color-body); font-size: 18px; line-height: 26px; }
.FdoUdineHeroDate { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: var(--space-3); color: var(--color-button-secondary-bg); }
.FdoUdineHeroDateGiorni { font-size: var(--text-body-size); }
.FdoUdineHeroDateNumeri { font-family: var(--font-display); font-size: clamp(40px, 6vw, 64px); line-height: 1; }
.FdoUdineHeroDateMese { font-family: var(--font-display); font-size: clamp(22px, 3vw, 30px); }
.FdoUdineHeroCta { margin-top: var(--space-4); }

/* --- 2. PERCHÉ VISITARE ------------------------------------------------------
   Come www: titolo max 888px (va a 2 righe), lead max 782px, e i 6 benefit in
   GRIGLIA a 3 colonne × 2 righe (non una fila unica). Item: icona 32px sopra,
   label 16px/700 rosa #ffbed8, senza box. */
.FdoPage #udine-perche-title { max-width: 888px; margin-left: auto; margin-right: auto; }
.FdoPage #udine-perche .FdoSectionBody { max-width: 782px; }

.FdoUdineBenefits {
	list-style: none; margin: var(--space-6) auto 0; padding: 0; width: 100%; max-width: 1200px;
	display: grid; gap: var(--space-5); justify-content: center;
	grid-template-columns: minmax(0, 378px);
}
@media (min-width: 641px)  { .FdoUdineBenefits { grid-template-columns: repeat(2, minmax(0, 378px)); } }
@media (min-width: 1025px) { .FdoUdineBenefits { grid-template-columns: repeat(3, minmax(0, 378px)); } }
.FdoUdineBenefit {
	display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
	padding: 0; border: 0; background: none;
	color: #ffbed8; text-align: center;
	font-size: 16px; font-weight: 700; line-height: 24px;
}
.FdoUdineBenefitIcon { width: 32px; height: 32px; flex-shrink: 0; }

/* --- 3. EXPERIENCE ROWS ------------------------------------------------------ */
/* Sezione a TUTTA LARGHEZZA come www: niente padding orizzontale (il titolo resta
   centrato nel suo FdoSectionInner). Righe: testo ~517px da un lato, media ~1fr fino
   al BORDO opposto (16:9). Le righe "reverse" hanno il media dal lato sinistro. */
.FdoPage #udine-rows { padding-left: 0; padding-right: 0; }
.FdoUdineRows {
	width: 100%; margin: var(--space-6) 0 0;
	display: flex; flex-direction: column; gap: 0; /* righe attaccate verticalmente, come www */
}
.FdoUdineRow { display: grid; grid-template-columns: 1fr; gap: var(--space-4); align-items: center; }
.FdoUdineRowText { text-align: left; padding: 0 var(--space-4); }
.FdoUdineRowMedia { overflow: hidden; aspect-ratio: 16 / 9; background: #04182f; }
.FdoUdineRowMedia img, .FdoUdineRowMedia video { width: 100%; height: 100%; object-fit: cover; display: block; }
.FdoPage .FdoUdineRowTitle {
	font-family: var(--font-display); margin: 0 0 0.8rem; /* .FdoPage per battere ".FdoPage h3{margin:0}" globale */
	font-size: clamp(28px, 3.2vw, 40px); line-height: 1.2;
	background: var(--gradient-heading);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: #d89958; /* fallback */
}
.FdoPage .FdoUdineRowText p { margin: 0; color: var(--color-body); font-size: var(--text-body-size); line-height: var(--text-body-line); }
.FdoUdineRowCta { margin-top: var(--space-4); }
/* Bottone rosa OUTLINE delle rows (bordo + testo rosa, fondo trasparente), come l'originale */
.FdoPage a.FdoUdineRowCta,
.FdoPage a.FdoUdineRowCta:visited,
.FdoPage a.FdoUdineRowCta:active {
	background: transparent;
	border: 1px solid var(--color-button-secondary-bg);
	color: var(--color-button-secondary-bg);
}
.FdoPage a.FdoUdineRowCta:hover { background: rgba(255,174,206,.12); color: var(--color-button-secondary-bg-hover); border-color: var(--color-button-secondary-bg-hover); }
@media (min-width: 1025px) {
	/* Normale: testo 517px a sinistra, media fino al bordo destro. */
	.FdoUdineRow { grid-template-columns: 517px minmax(0, 1fr); gap: var(--space-6); }
	.FdoUdineRow .FdoUdineRowText { padding: 0 0 0 var(--space-8); }
	/* Reverse: media dal bordo sinistro, testo 517px a destra. Nel markup il testo è
	   sempre prima del media, quindi uso order per invertirli. */
	.FdoUdineRow--reverse { grid-template-columns: minmax(0, 1fr) 517px; }
	.FdoUdineRow--reverse .FdoUdineRowMedia { order: 1; }
	.FdoUdineRow--reverse .FdoUdineRowText  { order: 2; padding: 0 var(--space-8) 0 0; }
}

/* --- 4. OLTRE 300 ESPERIENZE (2 marquee auto-scorrevoli come www) ------------
   Titolo 2 righe (max 888) e lead più stretto (max 782), come le altre sezioni.
   Card: immagine 300px quadrata (radius 8) + titolo 18px/700 rosa a sinistra.
   L'animazione la fa il sistema .FdoMarquee (global.css) attivato via JS. */
.FdoPage #udine-esperienze-title { max-width: 888px; margin-left: auto; margin-right: auto; }
.FdoPage #udine-esperienze .FdoSectionBody { max-width: 782px; }

.FdoUdineExpMarquees { display: flex; flex-direction: column; gap: var(--space-4); margin: var(--space-6) auto 0; max-width: 1200px; }
/* Seconda riga: scorre nel verso opposto. */
.FdoUdineExpRow--reverse.is-animating .FdoMarqueeTrack { animation-direction: reverse; -webkit-animation-direction: reverse; }

/* Card ESPERIENZE = card "Il Programma" della home: regole copiate 1:1 da home.css
   (che non è caricata su questa pagina), così restano identiche a CSS. */
.FdoProgrammaCard { display: flex; flex-direction: column; flex-shrink: 0; width: 316px; height: 100%; }
.FdoProgrammaFrame { display: flex; flex: 1; flex-direction: column; height: 100%; padding: var(--space-2); border: 1px solid #000; border-radius: var(--radius); background-color: #ffffff0a; }
.FdoProgrammaImage { display: block; width: 300px; height: 300px; object-fit: cover; border-radius: var(--radius); }
.FdoProgrammaContent { display: flex; flex: 1; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); text-align: left; }
.FdoPage .FdoProgrammaCardTitle { margin: 0; font-family: var(--font-body); font-size: var(--text-subtitle-size); line-height: var(--text-subtitle-line); font-weight: var(--text-body-bold-weight); color: #ffbed8; text-align: left; }
@media (max-width: 640px) {
	.FdoProgrammaCard { width: min(316px, 75vw); }
	.FdoProgrammaImage { width: 100%; height: auto; aspect-ratio: 1; }
}

/* --- 5. COUNTRIES BAND (sfondo + marquee nomi paese + CTA) -------------------
   Come www: sfondo countries-band.jpg (cover, ancorato in alto) SENZA velo scuro,
   titolo gold + testo (max 782), marquee di nomi paese in Zen Antique 88px oro,
   e pulsante rosa "Acquista il biglietto". */
.FdoUdineCountries {
	position: relative;
	padding: 160px var(--space-4) var(--space-8);
	background-color: var(--color-bg);
	background-image: var(--u-countries-mobile);
	background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;
	overflow: hidden;
}
@media (min-width: 641px) { .FdoUdineCountries { background-image: var(--u-countries); } }
/* Sfuma l'immagine nel blu della pagina in alto e in basso: nessuno stacco di colore
   tra questo blocco e quelli sopra/sotto (che sono blu pieno #052e5a). */
.FdoUdineCountries::before {
	content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: linear-gradient(to bottom, var(--color-bg) 0%, rgba(5,46,90,0) 18%, rgba(5,46,90,0) 82%, var(--color-bg) 100%);
}
.FdoUdineCountries > * { position: relative; z-index: 1; }
.FdoUdineCountriesInner {
	position: relative; max-width: 782px; margin: 0 auto; text-align: center;
	display: flex; flex-direction: column; gap: var(--space-4); align-items: center;
}
.FdoPage .FdoUdineCountriesText { margin: 0; max-width: 782px; color: var(--color-body); font-size: var(--text-body-size); line-height: var(--text-body-line); }
/* Marquee dei paesi: nomi grandi in Zen Antique oro, scorrevoli */
.FdoUdineCountriesMarquee { margin: var(--space-6) auto 0; max-width: 1200px; }
/* Nomi Paese = identici alla home (.FdoPaesiNome): Zen Antique, gradiente oro, NON maiuscolo.
   Regole copiate 1:1 da home.css (non caricata qui). */
.FdoPaesiNome {
	flex-shrink: 0;
	font-family: var(--font-display);
	font-size: clamp(40px, 12vw, 88px);
	line-height: 1;
	font-weight: 400;
	color: #d89958;
	background: var(--gradient-heading);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	padding-inline: var(--space-4);
}
@media (min-width: 1025px) {
	.FdoPaesiNome { font-size: 88px; line-height: 88px; padding-inline: var(--space-6); }
}
.FdoUdineCountriesCta { position: relative; text-align: center; margin-top: var(--space-6); }

/* --- 6. GALLERY MASONRY ------------------------------------------------------ */
/* Gallery come www: video 16:9 e mosaico dentro un contenitore centrato (~1338px),
   NON a tutta larghezza; nessuna banda di colore di sfondo; mosaico max 3 colonne. */
.FdoUdineGalleryInner { max-width: 1338px; margin: 0 auto; }
.FdoUdineGalleryBanner { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.FdoUdineGalleryBanner video { width: 100%; height: 100%; object-fit: cover; display: block; }
.FdoUdineMasonry { width: 100%; columns: 2; column-gap: var(--space-5); margin-top: var(--space-5); }
@media (min-width: 641px)  { .FdoUdineMasonry { columns: 3; } }
.FdoUdineMasonry--more { margin-top: var(--space-5); }
.FdoUdineMasonryItem { break-inside: avoid; margin-bottom: var(--space-5); border-radius: var(--radius); overflow: hidden; background: rgba(0,0,0,.2); }
.FdoUdineMasonryItem img { width: 100%; height: auto; display: block; }

/* --- 7/8. STORIE + ORGANIZZA (UNICO fondo stellato continuo, come www) ------- */
.FdoUdineStarsBand {
	background-color: var(--color-bg);
	background-image: var(--u-stars);
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
/* Video testimonianze (embed YouTube 16:9, max 1200 centrato) come www */
.FdoUdineStorieVideo { position: relative; width: 100%; max-width: 1200px; margin: var(--space-6) auto 0; aspect-ratio: 16 / 9; overflow: hidden; background: #00000040; }
.FdoUdineStorieIframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.FdoUdineInfoGrid {
	width: 100%; display: grid; gap: var(--space-2); margin-top: var(--space-5);
	grid-template-columns: 1fr;
}
@media (min-width: 641px)  { .FdoUdineInfoGrid { grid-template-columns: repeat(2, 1fr); } }
/* Desktop: 3 colonne come www — col1 Date (alta), col2 Orari+Accessibilità impilati,
   col3 Biglietti (alta). Date e Biglietti occupano entrambe le righe. */
@media (min-width: 1025px) {
	.FdoUdineInfoGrid { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; align-items: stretch; }
	.FdoUdineInfoGrid > :nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }  /* Date */
	.FdoUdineInfoGrid > :nth-child(2) { grid-column: 2; grid-row: 1; }           /* Orari */
	.FdoUdineInfoGrid > :nth-child(3) { grid-column: 2; grid-row: 2; }           /* Accessibilità */
	.FdoUdineInfoGrid > :nth-child(4) { grid-column: 3; grid-row: 1 / span 2; }  /* Biglietti */
}
/* Box come www: fondo solido #011d3d, angoli quadrati, niente bordo, padding 32/16,
   contenuto CENTRATO (titolo + valori). */
.FdoUdineInfoCard {
	padding: var(--space-6) var(--space-4); border: 0; border-radius: 0;
	background: var(--color-card-activity);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2);
	text-align: center;
}
/* Lead della sezione organizza: max 782px come le altre (non a tutta larghezza) */
.FdoPage #udine-organizza .FdoSectionBody { max-width: 782px; }
/* Box "Biglietti": tariffe separate da righine; ogni tariffa = titolo/prezzo in grassetto + descrizione */
.FdoUdineTariffe { width: 100%; display: flex; flex-direction: column; }
.FdoUdineTariffa { padding: var(--space-3) 0; }
.FdoUdineTariffa:first-child { padding-top: 0; }
.FdoUdineTariffa:last-child { padding-bottom: 0; }
.FdoUdineTariffa + .FdoUdineTariffa { border-top: 1px solid rgba(255,255,255,.14); }
.FdoPage .FdoUdineTariffaTitolo { margin: 0; font-weight: 700; color: var(--color-body); font-size: 16px; line-height: 22px; }
.FdoPage .FdoUdineTariffaDesc { margin: 4px 0 0; font-weight: 400; color: var(--color-body); font-size: 16px; line-height: 22px; }
.FdoPage .FdoUdineInfoTitle { font-family: var(--font-body); color: #ffbed8; font-weight: 700; text-transform: none; margin: 0; font-size: 16px; line-height: 24px; }
.FdoPage .FdoUdineInfoCard p { margin: 0; color: var(--color-body); font-size: 16px; line-height: 24px; }
/* Box "Date": nessun titolo "Date", due blocchi arieggiati (24px tra i blocchi, 8px interni) come www */
.FdoUdineInfoCard--dates { gap: var(--space-5); }
.FdoUdineDateBlock { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
.FdoPage .FdoUdineDateGiorni { color: var(--color-body); font-size: 14px; line-height: 20px; }
.FdoUdineDateNum { font-family: var(--font-display); color: var(--color-button-secondary-bg); font-size: 56px; line-height: 1.05; }
.FdoUdineDateMese { font-family: var(--font-display); color: var(--color-button-secondary-bg); font-size: 26px; line-height: 1.2; }
.FdoPage .FdoUdineInfoCard p:last-child { margin-bottom: 0; }

/* --- 9. DOVE TROVARCI -------------------------------------------------------- */
.FdoUdineDove { background-image: var(--u-dove-mobile); background-size: cover; background-position: center; }
@media (min-width: 641px) { .FdoUdineDove { background-image: var(--u-dove); } }
/* Single-column CENTRATA come www: h2 -> lead -> "Udine Fiere" (h3 oro) -> indirizzo -> mappa (780 centrata) */
.FdoPage .FdoUdineDoveSede { margin: var(--space-4) 0 var(--space-1); font-size: 24px; line-height: 1.2; text-align: center; }
.FdoPage .FdoUdineDoveIndirizzo { margin: 0; text-align: center; color: var(--color-gold); font-size: 16px; line-height: 24px; }
.FdoUdineMap { width: 100%; max-width: 780px; aspect-ratio: 16 / 9; margin: var(--space-5) auto 0; border-radius: var(--radius); overflow: hidden; background: #04182f; }
.FdoUdineMap iframe { width: 100%; height: 100%; border: 0; display: block; }
/* Lead di dove: max 782 (largo quanto la mappa), non a tutta larghezza */
.FdoPage #udine-dove .FdoSectionBody { max-width: 782px; }
/* "Come raggiungere" E "Domande Frequenti": stesso accordion, identico a www
   (righe a linea di separazione, chiuse di default, chevron a "V" a destra). */
.FdoUdineArrivo,
.FdoUdineFaq { width: 100%; max-width: 782px; margin: var(--space-6) auto 0; text-align: left; display: flex; flex-direction: column; }
.FdoUdineArrivoItem,
.FdoUdineFaqItem { border: 0; border-bottom: 1px solid rgba(255,234,243,.2); border-radius: 0; background: none; overflow: visible; }
.FdoPage .FdoUdineArrivoTitolo,
.FdoPage .FdoUdineFaqItem summary {
	display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);
	cursor: pointer; list-style: none; padding: var(--space-4) 0;
	font-family: var(--font-body); font-weight: 600; font-size: 18px; line-height: 24px; color: var(--color-body);
}
.FdoUdineArrivoTitolo::-webkit-details-marker,
.FdoUdineFaqItem summary::-webkit-details-marker { display: none; }
/* Freccia = chevron a "V" come www (colore del testo, NON rosa): ruota all'apertura. */
.FdoUdineArrivoTitolo::after,
.FdoUdineFaqItem summary::after {
	content: ""; flex: 0 0 auto; width: 9px; height: 9px; float: none;
	border-right: 2px solid var(--color-body); border-bottom: 2px solid var(--color-body);
	transform: rotate(45deg); transform-origin: center; transition: transform .2s ease;
}
.FdoUdineArrivoItem[open] .FdoUdineArrivoTitolo::after,
.FdoUdineFaqItem[open] summary::after { transform: rotate(-135deg); }
/* Risposta (arrivo = HTML con elenco puntato; FAQ = testo) */
.FdoUdineArrivoTesto,
.FdoUdineFaqAnswer { padding: 0 0 var(--space-4); color: var(--color-body); font-size: 16px; line-height: 24px; text-align: left; }
.FdoPage .FdoUdineArrivoTesto p { margin: 0 0 var(--space-3); }
.FdoPage .FdoUdineArrivoTesto p:last-child { margin-bottom: 0; }
.FdoPage .FdoUdineArrivoTesto ul { margin: 0 0 var(--space-3); padding-left: 1.4em; list-style: disc outside; }
.FdoPage .FdoUdineArrivoTesto ul:last-child { margin-bottom: 0; }
.FdoPage .FdoUdineArrivoTesto ol { margin: 0 0 var(--space-3); padding-left: 1.4em; list-style: decimal outside; }
.FdoPage .FdoUdineArrivoTesto li { margin-bottom: var(--space-1); list-style: inherit; display: list-item; }
.FdoUdineArrivoTesto a,
.FdoUdineFaqAnswer a { color: var(--color-h3); text-decoration: underline; text-underline-offset: 3px; }
/* Nota "esigenze particolari" sotto la lista "Come raggiungere" */
.FdoUdineArrivoFooter { width: 100%; max-width: 782px; margin: var(--space-4) auto 0; text-align: center; color: var(--color-body); font-size: 16px; line-height: 24px; }
.FdoUdineArrivoFooter a { color: var(--color-h3); text-decoration: underline; text-underline-offset: 3px; }

/* --- 11. TICKET CTA (francobollo, come www) --------------------------------- */
.FdoUdineTicket {
	width: 90%; max-width: 1280px; margin: 0 auto var(--space-8);
	background-color: var(--color-ticket-surface);
}
.FdoUdineTicketInner {
	width: 100%; margin: 0; display: flex; flex-direction: column; gap: var(--space-4);
	padding: var(--space-5) var(--space-4);
}
/* Colonna date (Settembre + elenco Sab/Dom + numero) */
.FdoUdineTicketDates { display: flex; flex-direction: column; gap: var(--space-3); flex-shrink: 0; }
.FdoPage .FdoUdineTicketMonth {
	margin: 0; font-family: var(--font-display); font-size: clamp(22px, 4vw, 28px); line-height: 1.2;
	font-weight: 400; color: var(--color-button-secondary-bg-hover);
}
.FdoUdineTicketDateList { display: flex; flex-flow: wrap; gap: var(--space-3) var(--space-5); list-style: none; margin: 0; padding: 0; }
.FdoUdineTicketDate {
	display: flex; flex-direction: column; gap: 2px; min-width: 3.5rem;
	padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-pink-soft);
}
.FdoUdineTicketDay { font-family: var(--font-body); font-size: 14px; font-weight: 500; color: var(--color-heading-alt); }
.FdoPage .FdoUdineTicketNum {
	font-family: var(--font-display); font-size: clamp(36px, 8vw, 48px); line-height: 1; font-weight: 400; color: var(--color-heading-alt);
}
/* Card francobollo: immagine (con lo smerlo già nel JPG) + overlay testuale */
.FdoUdineTicketStamp {
	position: relative; width: min(100%, 420px); margin-inline: auto;
	aspect-ratio: 358 / 709; overflow: hidden; isolation: isolate;
}
.FdoUdineTicketStamp picture { display: block; width: 100%; height: 100%; }
.FdoUdineTicketArt { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.FdoUdineTicketCopy {
	position: absolute; inset: auto 0 0; z-index: 1; display: flex; flex-direction: column;
	align-items: flex-start; justify-content: flex-end; gap: var(--space-3);
	width: 100%; padding: var(--space-6) var(--space-5) var(--space-7); text-align: left;
}
.FdoPage .FdoUdineTicketTitle { margin: 0; font-size: clamp(24px, 6vw, 32px); line-height: 1.15; }
.FdoPage .FdoUdineTicketText { margin: 0; color: var(--color-body); font-size: var(--text-body-size); line-height: var(--text-body-line); text-align: left; }
.FdoUdineTicketCta { margin-top: var(--space-1); }

@media (min-width: 641px) {
	.FdoUdineTicketInner { padding: var(--space-6) var(--space-5); }
	.FdoUdineTicketStamp { width: min(100%, 480px); }
	.FdoUdineTicketCopy { padding: var(--space-7) var(--space-6); }
	.FdoPage .FdoUdineTicketText { max-width: 42ch; }
}
@media (min-width: 1025px) {
	.FdoUdineTicketInner { flex-direction: row; align-items: stretch; gap: var(--space-6); padding: var(--space-7) var(--space-6); }
	.FdoUdineTicketDates { width: 148px; justify-content: center; padding-block: var(--space-4); }
	.FdoUdineTicketDateList { flex-flow: column; gap: 0; }
	.FdoUdineTicketStamp { flex: 1 1 0; width: auto; max-width: none; margin-inline: 0; min-width: 0; aspect-ratio: 1024 / 515; }
	.FdoUdineTicketCopy { inset: 0 auto 0 0; width: min(48%, 34rem); justify-content: center; }
}