/*
 * Studio Arfia — casi/seo.css · v0.94.1 · 03/11/2026
 * Il caso «Invisibile su Google» di /soluzioni/ (inc/casi/seo.php): Google in Safari a tutto schermo nel MacBook del kit,
 * FERMO e alle proporzioni vere di un portatile (Rami, 03/11: «la barra di ricerca è gigantesca, si vede solo un
 * risultato più mezza mappa: raffina molto l'interno»).
 * La pagina è scritta in punti dello schermo del Mac (--q = 1 punto: lo schermo è 1512 × 982, la pagina sta sotto la
 * fascia del notch e la barra di Safari): le misure di Google (barra di ricerca 692 × 46, titoli a 20, testo a 14, colonna
 * dei risultati larga 652 e allineata alla barra), Arial e i colori veri (link #1A0DAB, testo #4D5156, url #202124). Niente
 * logo a colori, stelle arancio (mai gialle, regola 3). Le etichette di Studio Arfia sono alla misura della SCENA (cqw):
 * restano leggibili e piccole. La scena scala con la sua larghezza (container + cqw). Niente animazioni.
 */
.as-k-seo { container-type: inline-size; width: 100%; }
.as-k-seo__tela { position: relative; width: 100%; padding-bottom: 3cqw; }
.as-k-seo .as-macbook { font-size: calc(100cqw / 66); }
.as-k-seo p { margin: 0; }
.as-k-seo :is(b, small, em, i, s) { font-style: normal; text-decoration: none; }

.as-k-seo__app {
	--q: var(--u);
	position: absolute;
	inset: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #fff;
	color: #202124;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: calc(14 * var(--q));
	line-height: 1.58;
	-webkit-font-smoothing: antialiased;
}

/* Safari di macOS 26 a tutto schermo: barra chiara alta 52, a sinistra barra laterale e frecce, al centro il campo col
   dominio, a destra condividi, nuova scheda, panoramica. Niente semafori (a tutto schermo non ci sono, e il giallo è vietato). */
.as-k-seo__safari { position: relative; z-index: 2; flex: none; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: calc(52 * var(--q)); padding: 0 calc(18 * var(--q)); background: linear-gradient(180deg, #F8F8F9, #F0F0F2); box-shadow: 0 1px 0 rgba(0, 0, 0, .1); color: #5E5E63; }
.as-k-seo__safari svg { display: block; width: calc(20 * var(--q)); height: calc(20 * var(--q)); }
.as-k-seo__sf-sx, .as-k-seo__sf-dx { display: flex; align-items: center; gap: calc(20 * var(--q)); }
.as-k-seo__sf-dx { justify-content: flex-end; }
.as-k-seo__safari .is-spento { opacity: .32; }
.as-k-seo__sf-ind { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--q)); width: calc(560 * var(--q)); height: calc(32 * var(--q)); padding: 0 calc(12 * var(--q)); border-radius: calc(10 * var(--q)); background: rgba(0, 0, 0, .055); font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; font-size: calc(13 * var(--q)); }
.as-k-seo__sf-ind svg { width: calc(15 * var(--q)); height: calc(15 * var(--q)); opacity: .7; }
.as-k-seo__sf-ind b { font-weight: 500; color: #1D1D1F; }

/* la testata di Google: logo, barra di ricerca alla sua misura, app e profilo */
.as-k-seo__google { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.as-k-seo__testa { display: flex; align-items: center; height: calc(46 * var(--q)); margin-top: calc(16 * var(--q)); padding: 0 calc(28 * var(--q)) 0 calc(30 * var(--q)); }
.as-k-seo__logo { flex: none; width: calc(150 * var(--q)); font-size: calc(26 * var(--q)); font-weight: 500; line-height: 1; letter-spacing: -.035em; color: #5F6368; }
.as-k-seo__barra { flex: none; display: flex; align-items: center; gap: calc(12 * var(--q)); width: calc(692 * var(--q)); height: calc(46 * var(--q)); padding: 0 calc(14 * var(--q)) 0 calc(22 * var(--q)); border-radius: 999px; background: #fff; box-shadow: 0 calc(1 * var(--q)) calc(6 * var(--q)) rgba(32, 33, 36, .28); }
.as-k-seo__query { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(16 * var(--q)); }
.as-k-seo__icone { flex: none; display: inline-flex; align-items: center; gap: calc(14 * var(--q)); }
.as-k-seo__icone svg { width: calc(22 * var(--q)); height: calc(22 * var(--q)); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.as-k-seo__icone i { width: 1px; height: calc(26 * var(--q)); background: #DADCE0; }
.as-k-seo__x { stroke: #70757A; }
.as-k-seo__mic, .as-k-seo__lente { stroke: #4285F4; }
.as-k-seo__lens { stroke: #34A853; }
.as-k-seo__io { display: flex; align-items: center; gap: calc(22 * var(--q)); margin-left: auto !important; }
.as-k-seo__puntini { display: grid; grid-template-columns: repeat(3, calc(4 * var(--q))); gap: calc(3.5 * var(--q)); }
.as-k-seo__puntini i { width: calc(4 * var(--q)); height: calc(4 * var(--q)); border-radius: 50%; background: #5F6368; }
.as-k-seo__profilo { width: calc(32 * var(--q)); height: calc(32 * var(--q)); overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 calc(3 * var(--q)) #fff, 0 0 0 calc(4 * var(--q)) #DADCE0; }
.as-k-seo__schede { display: flex; gap: calc(26 * var(--q)); height: calc(46 * var(--q)); margin-top: calc(8 * var(--q)); padding: 0 0 0 calc(180 * var(--q)); border-bottom: 1px solid #EBEBEB; font-size: calc(14 * var(--q)); color: #5F6368; white-space: nowrap; }
.as-k-seo__schede span { display: flex; align-items: center; }
.as-k-seo__schede .is-on { color: #202124; font-weight: 700; box-shadow: inset 0 calc(-3 * var(--q)) 0 #202124; }
.as-k-seo__schede .is-strumenti { margin-left: calc(144 * var(--q)); }

/* la colonna dei risultati: 652 punti, allineata alla barra */
/* il corpo: la colonna dei risultati (652, allineata alla barra) e, a destra, la scheda dell'attività (370) */
.as-k-seo__corpo { display: flex; align-items: flex-start; gap: calc(64 * var(--q)); padding: calc(16 * var(--q)) 0 0 calc(180 * var(--q)); }
.as-k-seo__risultati { flex: none; display: grid; gap: calc(22 * var(--q)); width: calc(652 * var(--q)); }
.as-k-seo__ris { position: relative; display: grid; gap: calc(2 * var(--q)); }
.as-k-seo__sito { display: flex; align-items: center; gap: calc(12 * var(--q)); }
.as-k-seo__sito > span:nth-child(2) { display: grid; min-width: 0; line-height: 1.35; }
.as-k-seo__sito b { font-weight: 400; font-size: calc(14 * var(--q)); color: #202124; }
.as-k-seo__url { font-size: calc(12 * var(--q)); color: #4D5156; white-space: nowrap; }
.as-k-seo__fav { flex: none; display: grid; place-items: center; width: calc(28 * var(--q)); height: calc(28 * var(--q)); overflow: hidden; border-radius: 50%; background: #F1F3F4; box-shadow: inset 0 0 0 1px #DADCE0; }
.as-k-seo__fav .as-lg { width: 64%; height: 64%; border-radius: calc(4 * var(--q)); }
.as-k-seo__fav.is-lettera { font-size: calc(13 * var(--q)); font-weight: 700; color: #7A4B2C; background: #F6EEE7; }
.as-k-seo__kebab { position: relative; align-self: center; width: calc(3.5 * var(--q)); height: calc(3.5 * var(--q)); margin-left: calc(6 * var(--q)); border-radius: 50%; background: #70757A; }
.as-k-seo__kebab::before, .as-k-seo__kebab::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #70757A; }
.as-k-seo__kebab::before { top: calc(-6 * var(--q)); }
.as-k-seo__kebab::after { top: calc(6 * var(--q)); }
.as-k-seo__titolo { margin-top: calc(6 * var(--q)) !important; font-size: calc(20 * var(--q)); line-height: 1.3; color: #1A0DAB; }
.as-k-seo__desc { font-size: calc(14 * var(--q)); line-height: 1.58; color: #4D5156; }
.as-k-seo__link { display: flex; flex-wrap: wrap; gap: calc(4 * var(--q)) calc(22 * var(--q)); margin-top: calc(4 * var(--q)) !important; font-size: calc(14 * var(--q)); color: #1A0DAB; }

/* le etichette di Studio Arfia: alla misura della scena, piccole, accanto al tuo sito e alla tua scheda */
.as-k-seo__eti { display: inline-flex; align-items: center; gap: .45em; height: 1.95em; margin-left: auto; padding: 0 .85em 0 .7em; border-radius: 999px; background: #F37022; color: #0A0A0A; font-family: var(--as-font, 'Archivo', sans-serif); font-size: 1.1cqw; font-weight: 600; line-height: 1; letter-spacing: .01em; white-space: nowrap; box-shadow: 0 .4em .9em -.45em rgba(243, 112, 34, .6); }
.as-k-seo__eti::before { content: ''; width: .5em; height: .5em; border-radius: 50%; background: #0A0A0A; }
.as-k-seo__att-t > b .as-k-seo__eti { margin-left: .9em; vertical-align: middle; }

/* le stelle */
.as-k-seo__stelle { display: inline-flex; gap: calc(1 * var(--q)); }
.as-k-seo__stelle svg { width: calc(13 * var(--q)); height: calc(13 * var(--q)); fill: #DADCE0; }
.as-k-seo__stelle .is-piena { fill: #F37022; }

/* le Attività su Maps: titolo, mappa, tre imprese, «Altre attività» */
.as-k-seo__locale { display: grid; gap: calc(8 * var(--q)); }
.as-k-seo__locale-h { display: flex; align-items: center; justify-content: space-between; }
.as-k-seo__locale-h b { font-size: calc(22 * var(--q)); font-weight: 400; line-height: 1.2; color: #202124; }
.as-k-seo__mappa { position: relative; height: calc(124 * var(--q)); overflow: hidden; border-radius: calc(8 * var(--q)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07); }
.as-k-seo__mappa svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.as-k-seo__pin { position: absolute; z-index: 1; display: flex; align-items: center; gap: calc(4 * var(--q)); transform: translate(calc(-9 * var(--q)), -100%); }
.as-k-seo__pin i { display: block; flex: none; width: calc(18 * var(--q)); height: calc(18 * var(--q)); border-radius: 50% 50% 50% 0; background: #EA4335; transform: rotate(-45deg); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16), 0 calc(2 * var(--q)) calc(3 * var(--q)) rgba(0, 0, 0, .25); }
.as-k-seo__pin i::after { content: ''; display: block; width: 36%; height: 36%; margin: 32%; border-radius: 50%; background: #8E1A12; }
.as-k-seo__pin b { font-size: calc(12 * var(--q)); font-weight: 700; color: #C5221F; white-space: nowrap; text-shadow: 0 0 calc(2 * var(--q)) #fff, 0 0 calc(2 * var(--q)) #fff, 0 0 calc(3 * var(--q)) #fff; }
.as-k-seo__pin.is-tuo i { width: calc(26 * var(--q)); height: calc(26 * var(--q)); }
.as-k-seo__pin.is-tuo b { font-size: calc(13 * var(--q)); }
.as-k-seo__pin.is-piccolo i { width: calc(12 * var(--q)); height: calc(12 * var(--q)); }
.as-k-seo__att { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: calc(20 * var(--q)); padding: calc(2 * var(--q)) 0 calc(9 * var(--q)); border-bottom: 1px solid #EBEBEB; }
.as-k-seo__att-t { display: grid; gap: 0; min-width: 0; font-size: calc(14 * var(--q)); line-height: 1.42; color: #70757A; }
.as-k-seo__att-t > b { display: flex; align-items: center; font-size: calc(18 * var(--q)); font-weight: 400; line-height: 1.35; color: #1A0DAB; }
.as-k-seo__att-t > span { display: flex; align-items: center; gap: calc(5 * var(--q)); white-space: nowrap; }
.as-k-seo__att-t em { color: #3C4043; }
.as-k-seo__att-t em.is-aperto { color: #188038; }
.as-k-seo__att-t em.is-chiuso { color: #D93025; }
.as-k-seo__att-t s { color: #9AA0A6; }
.as-k-seo__att-rec { margin-top: calc(2 * var(--q)); color: #4D5156; }
.as-k-seo__att-rec i { width: calc(18 * var(--q)); height: calc(18 * var(--q)); overflow: hidden; border-radius: 50%; }
.as-k-seo__att-az { display: flex; gap: calc(16 * var(--q)); }
.as-k-seo__att-az i { display: grid; justify-items: center; gap: calc(4 * var(--q)); width: calc(64 * var(--q)); font-size: calc(12 * var(--q)); color: #1A73E8; }
.as-k-seo__att-az svg { box-sizing: border-box; width: calc(40 * var(--q)); height: calc(40 * var(--q)); padding: calc(9 * var(--q)); border-radius: 50%; box-shadow: inset 0 0 0 1px #DADCE0; }
.as-k-seo__att-az small { font-size: inherit; white-space: nowrap; }
.as-k-seo__altre { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--q)); height: calc(38 * var(--q)); border-radius: 999px; background: #F1F3F4; font-size: calc(14 * var(--q)); font-weight: 500; color: #202124; }
.as-k-seo__altre svg { width: calc(18 * var(--q)); height: calc(18 * var(--q)); }

/* LA SCHEDA DELL'ATTIVITÀ (v0.94.2, Rami: «la colonna a destra è totalmente vuota; di solito dovrebbe esserci almeno una
   scheda Google»). Il Profilo dell'attività com'è su Google da computer: un riquadro col filo grigio largo 370, in alto le
   foto (una grande e due piccole, «Vedi foto»), il nome, i quattro pulsanti a pillola, il voto, la categoria, le righe
   delle informazioni col titoletto in grassetto, le domande e le recensioni con il volto. */
.as-k-seo__kp { position: relative; flex: none; width: calc(370 * var(--q)); overflow: hidden; border-radius: calc(8 * var(--q)); box-shadow: inset 0 0 0 1px #DADCE0; }
.as-k-seo__kp > .as-k-seo__eti { position: absolute; z-index: 2; top: calc(10 * var(--q)); left: calc(10 * var(--q)); }
.as-k-seo__kp-foto { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: calc(2 * var(--q)); height: calc(168 * var(--q)); }
.as-k-seo__kp-foto span { position: relative; background: #E8EAED center / cover no-repeat; }
.as-k-seo__kp-foto .is-grande { grid-row: 1 / span 2; }
.as-k-seo__kp-foto b { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .38); font-size: calc(14 * var(--q)); font-weight: 400; color: #fff; }
.as-k-seo__kp-corpo { display: grid; gap: calc(10 * var(--q)); padding: calc(14 * var(--q)) calc(16 * var(--q)) calc(16 * var(--q)); }
.as-k-seo__kp-nome { display: flex; align-items: center; gap: calc(10 * var(--q)); }
.as-k-seo__kp-nome b { font-size: calc(26 * var(--q)); font-weight: 400; line-height: 1.2; color: #202124; }
.as-k-seo__kp-az { display: flex; gap: calc(5 * var(--q)); }
.as-k-seo__kp-az span { display: inline-flex; flex: none; align-items: center; gap: calc(4 * var(--q)); height: calc(32 * var(--q)); padding: 0 calc(9 * var(--q)) 0 calc(7 * var(--q)); border-radius: 999px; box-shadow: inset 0 0 0 1px #DADCE0; font-size: calc(12 * var(--q)); font-weight: 500; color: #0B57D0; white-space: nowrap; }
.as-k-seo__kp-az svg { flex: none; width: calc(15 * var(--q)); height: calc(15 * var(--q)); }
.as-k-seo__kp-voto { display: flex; align-items: center; gap: calc(6 * var(--q)); font-size: calc(14 * var(--q)); }
.as-k-seo__kp-voto em { color: #202124; }
.as-k-seo__kp a { color: #1A0DAB; text-decoration: none; }
.as-k-seo__kp-cat { margin-top: calc(-6 * var(--q)) !important; font-size: calc(14 * var(--q)); color: #70757A; }
.as-k-seo__kp-info { display: grid; gap: calc(6 * var(--q)); padding-top: calc(12 * var(--q)); border-top: 1px solid #EBEBEB; font-size: calc(14 * var(--q)); line-height: 1.45; color: #202124; }
.as-k-seo__kp-info b { font-weight: 700; }
.as-k-seo__kp-info .is-aperto { color: #188038; }
.as-k-seo__kp-h { display: flex; align-items: center; justify-content: space-between; }
.as-k-seo__kp-h b { font-size: calc(18 * var(--q)); font-weight: 400; color: #202124; }
.as-k-seo__kp-h a { font-size: calc(13 * var(--q)); }
.as-k-seo__kp-dom, .as-k-seo__kp-rec { display: grid; gap: calc(8 * var(--q)); padding-top: calc(12 * var(--q)); border-top: 1px solid #EBEBEB; }
.as-k-seo__kp-dom > p:last-child { display: flex; align-items: center; justify-content: space-between; font-size: calc(14 * var(--q)); }
.as-k-seo__kp-dom > p:last-child span { display: inline-flex; align-items: center; height: calc(32 * var(--q)); padding: 0 calc(14 * var(--q)); border-radius: 999px; box-shadow: inset 0 0 0 1px #DADCE0; font-size: calc(13 * var(--q)); font-weight: 500; color: #0B57D0; }
.as-k-seo__kp-rec > p:not(.as-k-seo__kp-h) { display: grid; grid-template-columns: calc(26 * var(--q)) minmax(0, 1fr); align-items: start; column-gap: calc(10 * var(--q)); font-size: calc(14 * var(--q)); line-height: 1.45; color: #4D5156; }
.as-k-seo__kp-rec i { width: calc(26 * var(--q)); height: calc(26 * var(--q)); overflow: hidden; border-radius: 50%; }

/* ══ DA TELEFONO (v0.96, Rami 04/11: «guarda la versione da mobile, non mi convince per niente») ════════════════════
   La scatola del caso da telefono è larga quanto la card e alta 500 (soluzioni.css). Il Mac con la pagina vera lì non si
   legge: da telefono la stessa ricerca sta in un iPhone, grande (88% della scatola, al massimo 300px) e tagliato in basso
   dal bordo della card. Pagina in punti dell'iPhone (--u del kit): Google da telefono, il menu, il logo in grigio, il
   profilo, la barra di ricerca, le schede, il tuo sito, le Attività con la mappa, la tua scheda e i tre pulsanti.
   Da computer questa parte non esiste (e da telefono non esiste il Mac). */
.as-k-seo__mob { display: none; }
/* v0.99 (Rami, 04/11): via la composizione da telefono di questo caso («mockup giganteschi»): da telefono la scena
   è quella da computer, rimpicciolita come una foto nella card della fila (soluzioni.css, motion.js «fila»). */

.as-k-seo__t {
	--q: var(--u);
	position: absolute;
	inset: 0;
	overflow: hidden;
	padding-top: calc(62 * var(--u));
	background: #fff;
	color: #202124;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: calc(14 * var(--u));
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
}
.as-k-seo__t p { margin: 0; }
.as-k-seo__t-testa { display: grid; grid-template-columns: calc(44 * var(--u)) 1fr calc(44 * var(--u)); align-items: center; height: calc(46 * var(--u)); padding: 0 calc(12 * var(--u)); }
.as-k-seo__t-menu { display: grid; gap: calc(4 * var(--u)); width: calc(20 * var(--u)); }
.as-k-seo__t-menu i { height: calc(2 * var(--u)); border-radius: 2px; background: #5F6368; }
.as-k-seo__t-testa b { justify-self: center; font-size: calc(24 * var(--u)); font-weight: 500; letter-spacing: -.035em; line-height: 1; color: #5F6368; }
.as-k-seo__t-io { justify-self: end; width: calc(32 * var(--u)); height: calc(32 * var(--u)); overflow: hidden; border-radius: 50%; }
.as-k-seo__t-barra { display: flex; align-items: center; gap: calc(12 * var(--u)); height: calc(46 * var(--u)); margin: calc(4 * var(--u)) calc(14 * var(--u)) 0 !important; padding: 0 calc(16 * var(--u)); border-radius: 999px; background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(6 * var(--u)) rgba(32, 33, 36, .28); }
.as-k-seo__t-barra span { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(16 * var(--u)); }
.as-k-seo__t-barra svg { flex: none; width: calc(20 * var(--u)); height: calc(20 * var(--u)); fill: none; stroke-width: 2; stroke-linecap: round; }
.as-k-seo__t-lente { stroke: #9AA0A6; }
.as-k-seo__t-x { stroke: #70757A; }
.as-k-seo__t-schede { display: flex; gap: calc(22 * var(--u)); height: calc(42 * var(--u)); margin-top: calc(8 * var(--u)) !important; padding: 0 calc(18 * var(--u)); border-bottom: 1px solid #EBEBEB; font-size: calc(14 * var(--u)); color: #5F6368; white-space: nowrap; }
.as-k-seo__t-schede span { display: flex; align-items: center; }
.as-k-seo__t-schede .is-on { color: #202124; font-weight: 700; box-shadow: inset 0 calc(-3 * var(--u)) 0 #202124; }
.as-k-seo__t-ris { display: grid; gap: calc(4 * var(--u)); padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)); border-bottom: calc(8 * var(--u)) solid #F1F3F4; }
.as-k-seo__t-sito { display: flex; align-items: center; gap: calc(10 * var(--u)); }
.as-k-seo__t-sito > span:nth-child(2) { display: grid; min-width: 0; line-height: 1.3; }
.as-k-seo__t-sito b { font-size: calc(14 * var(--u)); font-weight: 400; }
.as-k-seo__t-sito small { font-size: calc(13 * var(--u)); color: #4D5156; white-space: nowrap; }
.as-k-seo__t-titolo { margin-top: calc(4 * var(--u)) !important; font-size: calc(19 * var(--u)); line-height: 1.3; color: #1A0DAB; }
.as-k-seo__t-desc { font-size: calc(14 * var(--u)); line-height: 1.5; color: #4D5156; }
/* le etichette di Studio Arfia, piccole: il tuo sito, la tua scheda */
.as-k-seo__t-eti { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); height: calc(23 * var(--u)); margin-left: auto; padding: 0 calc(10 * var(--u)) 0 calc(8 * var(--u)); border-radius: 999px; background: #F37022; color: #0A0A0A; font-family: var(--as-font, 'Archivo', sans-serif); font-size: calc(13 * var(--u)); font-weight: 600; line-height: 1; white-space: nowrap; box-shadow: 0 calc(5 * var(--u)) calc(12 * var(--u)) calc(-5 * var(--u)) rgba(243, 112, 34, .7); }
.as-k-seo__t-eti::before { content: ''; width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: #0A0A0A; }
.as-k-seo__t-att-t b .as-k-seo__t-eti { margin-left: calc(8 * var(--u)); }
.as-k-seo__t-locale { display: grid; gap: calc(8 * var(--u)); padding: calc(12 * var(--u)) calc(16 * var(--u)); }
.as-k-seo__t-h { font-size: calc(18 * var(--u)); line-height: 1.2; }
.as-k-seo__t-mappa { position: relative; height: calc(104 * var(--u)); overflow: hidden; border-radius: calc(12 * var(--u)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07); }
.as-k-seo__t-mappa svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.as-k-seo__t-att { display: grid; grid-template-columns: minmax(0, 1fr) calc(70 * var(--u)); align-items: start; column-gap: calc(12 * var(--u)); }
.as-k-seo__t-att-t { display: grid; gap: calc(1 * var(--u)); min-width: 0; font-size: calc(14 * var(--u)); line-height: 1.42; color: #70757A; }
.as-k-seo__t-att-t > b { display: flex; align-items: center; font-size: calc(17 * var(--u)); font-weight: 400; line-height: 1.35; color: #202124; }
.as-k-seo__t-att-t > span { display: flex; align-items: center; gap: calc(5 * var(--u)); white-space: nowrap; }
.as-k-seo__t-att-t em { font-style: normal; color: #3C4043; }
.as-k-seo__t-att-t em.is-aperto { color: #188038; }
.as-k-seo__t-att-foto { width: calc(70 * var(--u)); height: calc(70 * var(--u)); border-radius: calc(10 * var(--u)); background: #E8EAED center / cover no-repeat; }
.as-k-seo__t-az { display: flex; gap: calc(8 * var(--u)); }
.as-k-seo__t-az span { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); height: calc(34 * var(--u)); padding: 0 calc(13 * var(--u)) 0 calc(11 * var(--u)); border-radius: 999px; box-shadow: inset 0 0 0 1px #DADCE0; font-size: calc(13.5 * var(--u)); font-weight: 500; color: #0B57D0; white-space: nowrap; }
.as-k-seo__t-az svg { flex: none; width: calc(17 * var(--u)); height: calc(17 * var(--u)); }