/* Testimonianze Obiettivo Bar — generato da esporta-wp.py, non modificare a mano */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('font/montserrat-400.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('font/montserrat-600.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('font/montserrat-700.woff2') format('woff2')}

/* ═══════════════════════════════════════════════════════════════════════
   TOKEN — design system Obiettivo Bar, copiati dal foglio IN PRODUZIONE
   della home del blog (linus-prove/obiettivobar-blog/wp/ob-blog/assets/).
   Montserrat ovunque: è il carattere del sito vero, misurato.
   ═══════════════════════════════════════════════════════════════════════ */:root{
  --ink-900:#2B1E28; --ink-700:#4A3745; --ink-500:#6B5563; --ink-300:#A99AA5; --ink-100:#E4DCE0;
  --red-700:#A62523; --red-600:#C62F2E; --red-100:#F6DAD9;
  --cream-100:#F1EAD9; --cream-50:#FAF6EF; --white:#fff;

  --text-primary:var(--ink-900); --text-secondary:var(--ink-700); --text-muted:var(--ink-500);
  --surface-page:var(--cream-50); --surface-card:var(--white);
  --surface-sunken:var(--cream-100); --surface-dark:var(--ink-900);
  --accent:var(--red-600); --accent-hover:var(--red-700); --accent-soft:var(--red-100);
  --border-subtle:var(--ink-100);

  --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;
  --container-max:1180px;

  --radius-sm:3px; --radius-md:6px; --radius-pill:999px;
  --shadow-card:0 1px 2px rgba(43,30,40,.06),0 4px 12px rgba(43,30,40,.07);
  --shadow-card-hover:0 2px 4px rgba(43,30,40,.08),0 10px 24px rgba(43,30,40,.12);
  --shadow-popover:0 8px 24px rgba(43,30,40,.18);
  --ease:cubic-bezier(.4,0,.2,1); --t-fast:120ms; --t-base:180ms;

  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --testata:76px;
}
@media (max-width:900px){:root{ --testata:64px } }

/* ═══ reset ═══ */#main .obtest *,#main .obtest *::before,#main .obtest *::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--testata) + 16px);
  scroll-padding-bottom:var(--spazio-basso, 0px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} }#main .obtest{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;
  color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}#main .obtest img{max-width:100%;height:auto;display:block}#main .obtest h1,#main .obtest h2,#main .obtest h3,#main .obtest p,#main .obtest figure,#main .obtest blockquote{margin:0}#main .obtest blockquote{padding:0}#main .obtest a{color:inherit;text-decoration:none}#main .obtest button,#main .obtest input,#main .obtest select,#main .obtest textarea{font:inherit}#main .obtest [hidden]{display:none!important}#main .obtest :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}#main .obtest .contenuto{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}#main .obtest .salta{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:#fff;
  padding:0 22px;min-height:48px;display:inline-flex;align-items:center;font-weight:700}#main .obtest .salta:focus{left:12px;top:12px}

/* ═══ bottoni — regola del design system: l'hover SCURISCE, mai schiarisce ═══ */#main .obtest .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:13px 26px;border:0;border-radius:var(--radius-sm);font-weight:700!important;font-size:15px!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:uppercase;cursor:pointer;text-align:center;transition:background var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}#main .obtest .btn-primario{background:var(--accent);color:#fff!important}#main .obtest .btn-fantasma{background:transparent;color:var(--ink-900)!important;border:1.5px solid var(--ink-900)}#main .obtest .btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){#main .obtest .btn-primario:hover{background:var(--accent-hover)}#main .obtest .btn-fantasma:hover{background:var(--ink-100)}
}

/* ═══ testata ═══ */#main .obtest .testata{position:sticky;top:0;z-index:40;background:var(--surface-page);
  border-bottom:1px solid var(--border-subtle)}#main .obtest .testata-riga{display:flex;align-items:center;gap:var(--space-6);
  min-height:var(--testata);padding-top:8px;padding-bottom:8px}#main .obtest .marchio{flex:0 0 auto;display:flex;align-items:center}#main .obtest .marchio img{width:56px;height:56px}#main .obtest .menu{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:flex-end;
  font-size:15px;font-weight:600;color:var(--text-secondary)}#main .obtest .menu a{display:inline-flex;align-items:center;min-height:44px;
  transition:color var(--t-base) var(--ease)}#main .obtest .menu a[aria-current="page"]{color:var(--accent)}
@media (hover:hover) and (pointer:fine){#main .obtest .menu a:hover{color:var(--accent)} }#main .obtest .apri-menu{display:none;width:44px;height:44px;border:0;background:transparent;
  color:var(--ink-900);cursor:pointer;align-items:center;justify-content:center}#main .obtest .apri-menu svg{width:26px;height:26px}
@media (max-width:900px){#main .obtest .menu{display:none}#main .obtest .apri-menu{display:flex}
}#main .obtest .velo{position:fixed;inset:0;z-index:50;background:var(--surface-dark);
  flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);
  font-size:22px;font-weight:700;color:#fff}#main .obtest .velo a{display:inline-flex;align-items:center;min-height:48px;color:#fff}#main .obtest .chiudi-velo{position:absolute;top:14px;right:14px;width:48px;height:48px;border:0;background:transparent;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center}#main .obtest .chiudi-velo svg{width:24px;height:24px}#main .obtest .velo.aperto{display:flex}
/* la regola che nasconde va IN CODA al blocco del suo elemento: una media query
   non aggiunge specificità, e scritta prima sparisce in silenzio (diario 27/08) */#main .obtest .velo{display:none}

/* ═══ apertura ═══ */#main .obtest .apertura{padding-top:var(--space-16);padding-bottom:var(--space-12)}#main .obtest .occhiello{position:relative;padding-left:20px;font-size:14px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--accent)!important}#main .obtest .occhiello::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:3px;background:var(--accent)}#main .obtest .apertura h1{margin-top:var(--space-5);max-width:19ch;font-size:clamp(30px,5.2vw,50px)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--text-primary)!important}#main .obtest .sottotitolo{margin-top:var(--space-5);max-width:60ch;font-size:clamp(16px,2vw,19px)!important;line-height:1.6!important;color:var(--text-secondary)!important}

/* il ventaglio: tutte le facce, una per titolare. Decorativo per chi non vede,
   ma i nomi restano negli alt perché sono persone vere. */#main .obtest .ventaglio{margin-top:var(--space-8);display:flex;align-items:center;gap:var(--space-5);
  flex-wrap:wrap}
/* Le facce non stanno tutte in fila su un telefono da 320: a 44px l'una il
   documento si allargava (misurato: 368 invece di 320). Non si stringono sotto
   la misura in cui una faccia si riconosce e non se ne toglie nessuna: vanno a
   capo. Il rientro sul contenitore compensa il margine negativo, così ogni riga
   parte allineata alla prima. */#main .obtest .facce{display:flex;flex-wrap:wrap;min-width:0;padding-left:14px;row-gap:6px}
/* n facce occupano 14 + 30n px: sotto i 560 il recinto a 200px ne tiene 6 per
   riga (194px) e manda le altre a capo, invece di lasciarne una orfana */
@media (max-width:560px){#main .obtest .facce{max-width:200px} }#main .obtest .facce img{width:clamp(44px,11vw,58px);height:clamp(44px,11vw,58px);border-radius:50%;
  object-fit:cover;background:var(--surface-sunken);
  border:2px solid var(--surface-page);margin-left:-14px;
  transition:transform var(--t-base) var(--ease)}#main .obtest .conteggio{font-size:15px!important;line-height:1.4!important;color:var(--text-muted)!important;min-width:0}#main .obtest .conteggio strong{color:var(--text-primary)!important}
@media (hover:hover) and (pointer:fine){#main .obtest .facce:hover img{transform:translateY(-3px)} }

/* ═══ filtri ═══ */#main .obtest .filtri{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10)}#main .obtest .chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer;white-space:nowrap;transition:background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),
    color var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}#main .obtest .chip.attivo{background:var(--ink-900);border-color:var(--ink-900);color:#fff!important}#main .obtest .chip:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){#main .obtest .chip:hover{border-color:var(--ink-900)}#main .obtest .chip.attivo:hover{background:var(--ink-700);border-color:var(--ink-700)}
}

/* ═══ impianto: due terzi voci a sinistra, un terzo CTA a destra ═══ */#main .obtest .zona-elenco{position:relative;background:var(--surface-page)}#main .obtest .impianto{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);
  align-items:start;padding-top:var(--space-10);padding-bottom:var(--space-20)}#main .obtest .colonna{min-width:0;display:flex;flex-direction:column;gap:var(--space-10)}
@media (max-width:1023px){#main .obtest .impianto{grid-template-columns:1fr;gap:0} }

/* ═══ la voce: video e scritta si alternano ═══ */#main .obtest .voce{position:relative;min-width:0;border-radius:var(--radius-md);overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease)}

/* — video — */#main .obtest .voce-video{background:var(--surface-card);border:1px solid var(--border-subtle);
  box-shadow:var(--shadow-card);display:flex;flex-direction:column}#main .obtest .lettore{position:relative;width:100%;aspect-ratio:16/9;background:var(--ink-900);
  overflow:hidden}#main .obtest .lettore .poster{width:100%;height:100%;object-fit:cover}#main .obtest .lettore video{position:absolute;inset:0;width:100%;height:100%;background:#000;
  object-fit:contain;display:block}#main .obtest .gioca{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--space-3);color:#fff;padding:0}#main .obtest .gioca::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(43,30,40,.10) 0%,rgba(43,30,40,.44) 100%);
  transition:background var(--t-base) var(--ease)}#main .obtest .gioca-cerchio{position:relative;display:flex;
  transition:transform var(--t-base) var(--ease)}#main .obtest .gioca-cerchio svg{width:clamp(56px,12vw,68px);height:clamp(56px,12vw,68px);
  filter:drop-shadow(0 4px 14px rgba(43,30,40,.4))}#main .obtest .gioca-durata{position:relative;display:inline-flex;align-items:center;background:rgba(43,30,40,.82);color:#fff!important;padding:7px 14px;border-radius:var(--radius-pill);font-size:14px!important;font-weight:700!important;letter-spacing:.04em!important}#main .obtest .gioca:active .gioca-cerchio{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){#main .obtest .gioca:hover::before{background:linear-gradient(180deg,rgba(43,30,40,.04) 0%,rgba(43,30,40,.34) 100%)}#main .obtest .gioca:hover .gioca-cerchio{transform:scale(1.06)}
}#main .obtest .voce-video .voce-testo{display:flex;flex-direction:column;gap:var(--space-3);
  padding:var(--space-6) var(--space-8) var(--space-8);min-width:0}
/* la tacca del risultato: rosso su crema chiara, 5,07:1 misurati. Il bianco sul
   rosso non passa AA sui testi da leggere, e questo è un testo da leggere. */#main .obtest .esito{align-self:flex-start;background:var(--accent-soft);color:var(--red-700)!important;padding:8px 14px;border-radius:var(--radius-sm);font-size:15px!important;font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere}

/* — scritta — */#main .obtest .voce-scritta{background:var(--surface-sunken);border:1px solid var(--border-subtle);
  display:flex;flex-direction:column;gap:var(--space-4);
  padding:var(--space-8) var(--space-8) var(--space-8) var(--space-10)}#main .obtest .voce-scritta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:var(--accent)}#main .obtest .voce-testa{display:flex;align-items:center;gap:var(--space-4);min-width:0}#main .obtest .ritratto{width:64px;height:64px;flex:0 0 auto;border-radius:50%;object-fit:cover;
  background:var(--surface-card)}#main .obtest .voce-chi{min-width:0}#main .obtest .titolo-voce{font-size:clamp(19px,2.4vw,23px)!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--text-primary)!important;overflow-wrap:anywhere}#main .obtest .chi{font-size:18px!important;line-height:1.25!important;font-weight:700!important;color:var(--text-primary)!important;overflow-wrap:anywhere}#main .obtest .dove{font-size:14px!important;font-weight:600!important;letter-spacing:.04em!important;color:var(--text-muted)!important;overflow-wrap:anywhere}
/* font-style e bordo DICHIARATI: dentro Avada il blockquote nasce in corsivo con
   un bordo scuro a sinistra (visto nello scatto dal sito vero, 3/09) */#main .obtest .citazione{font-size:16px!important;line-height:1.65!important;color:var(--text-secondary)!important;font-style:normal;border:0;background:transparent}#main .obtest .voce-video .citazione{position:relative;padding-left:var(--space-5);border-left:3px solid var(--accent-soft);font-weight:600!important;color:var(--text-primary)!important}

@media (hover:hover) and (pointer:fine){#main .obtest .voce-video:hover{box-shadow:var(--shadow-card-hover)}
}
/* la regola che nasconde va in coda: vedi .velo qui sopra */#main .obtest .voce.fuori{display:none}#main .obtest .vuoto{padding:var(--space-10) 0;font-size:16px!important;color:var(--text-muted)!important}

/* ═══ rail: la CTA che accompagna la lettura (stessa del blog) ═══ */#main .obtest .rail{position:sticky;top:calc(var(--testata) + var(--space-6));
  display:flex;flex-direction:column;gap:var(--space-5);min-width:0}#main .obtest .cartello{position:relative;overflow:hidden;background:var(--surface-dark);color:#fff;
  border-radius:var(--radius-md);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-10);
  display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-card)}#main .obtest .cartello::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}#main .obtest .cartello .occhiello{color:#fff!important;padding-left:20px}#main .obtest .cartello .occhiello::before{background:var(--accent)}#main .obtest .cartello h2{font-size:26px!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.015em!important;color:#fff!important}#main .obtest .cartello p{font-size:16px!important;line-height:1.6!important;color:var(--cream-100)!important}#main .obtest .cartello .btn{width:100%}#main .obtest .postilla{font-size:14px!important;line-height:1.5!important;color:var(--ink-300)!important}#main .obtest .firme{display:flex;align-items:center;gap:12px;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.16);font-size:14px!important;line-height:1.5!important;color:var(--cream-100)!important}#main .obtest .firme img{width:40px;height:40px;flex:0 0 auto}#main .obtest .cartello-piccolo{background:var(--surface-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;
  gap:var(--space-3)}#main .obtest .cartello-piccolo h3{font-size:17px!important;font-weight:700!important;line-height:1.3!important;color:var(--text-primary)!important}#main .obtest .cartello-piccolo p{font-size:15px!important;color:var(--text-secondary)!important;line-height:1.55!important}#main .obtest .cartello-piccolo a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase;color:var(--accent)!important;transition:gap var(--t-base) var(--ease)}
@media (hover:hover) and (pointer:fine){#main .obtest .cartello-piccolo a:hover{gap:15px;color:var(--accent-hover)!important} }

/* la colonna di destra sparisce su telefono: restano SOLO le voci.
   IN CODA al blocco, mai in testa (diario 27/08). */
@media (max-width:1023px){#main .obtest .rail{display:none} }

/* Su telefono la CTA torna nel flusso, in coda alle voci. Uno dei due gemelli
   è sempre display:none, quindi per uno screen reader il contenuto resta uno. */#main .obtest .cartello-coda{display:none}
@media (max-width:1023px){#main .obtest .cartello-coda{display:flex;margin-top:var(--space-4)}
}

/* ═══ richiamo su telefono: compare scorrendo, si chiude sempre ═══ */#main .obtest .richiamo{display:none}
@media (max-width:1023px){#main .obtest .richiamo{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;
    background:var(--surface-dark);color:#fff;border-radius:var(--radius-md);
    box-shadow:var(--shadow-popover);
    padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);
    gap:var(--space-4);align-items:center;
    transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;
    transition:transform 320ms var(--ease),opacity 320ms var(--ease)}#main .obtest .richiamo.montato{display:flex}#main .obtest .richiamo.visibile{transform:translateY(0);opacity:1;pointer-events:auto}#main .obtest .richiamo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
    background:var(--accent);border-radius:var(--radius-md) 0 0 var(--radius-md)}#main .obtest .richiamo-testo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}#main .obtest .richiamo-occhiello{font-size:14px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--accent)!important}#main .obtest .richiamo-titolo{font-size:17px!important;font-weight:700!important;line-height:1.25!important;padding-right:44px}#main .obtest .richiamo-riga{font-size:14px!important;line-height:1.4!important;color:var(--cream-100)!important}#main .obtest .richiamo .btn{flex:0 0 auto;padding:12px 22px;font-size:14px!important}#main .obtest .richiamo-chiudi{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:transparent;color:var(--ink-300)!important;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}#main .obtest .richiamo-chiudi svg{width:18px;height:18px}
}
@media (max-width:620px){#main .obtest .richiamo{flex-direction:column;align-items:stretch;padding-right:var(--space-6)}#main .obtest .richiamo .btn{width:100%}
}

/* ═══ nastro dei locali + chiusura ═══ */#main .obtest .nastro{overflow:hidden;background:var(--surface-sunken);
  border-block:1px solid var(--border-subtle);padding-block:var(--space-5);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}#main .obtest .nastro-pista{display:flex;width:max-content;animation:scorri 46s linear infinite}#main .obtest .nastro-fila{white-space:nowrap;font-size:15px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--text-muted)!important;padding-right:0}
@keyframes scorri{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (hover:hover) and (pointer:fine){#main .obtest .nastro:hover .nastro-pista{animation-play-state:paused} }
@media (prefers-reduced-motion:reduce){#main .obtest .nastro-pista{animation:none} }#main .obtest .chiusura{background:var(--surface-dark);color:#fff!important;padding-block:var(--space-20)}#main .obtest .chiusura-blocco{max-width:66ch;display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}#main .obtest .chiusura h2{font-size:clamp(26px,4vw,40px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em!important;color:#fff!important}#main .obtest .chiusura p{font-size:clamp(16px,2vw,18px)!important;line-height:1.6!important;color:var(--cream-100)!important}#main .obtest .chiusura .postilla{color:var(--ink-300)!important}

/* Il payoff sta sul CHIARO, come sul blog: il rosso del marchio sull'inchiostro
   misura 2,92:1 e non si legge (colto dalla sonda contrasto). Sulla crema fa
   5,07:1 e passa AA. Un colore d'accento su fondo scuro è una forma, non un testo. */#main .obtest .firma-marca{background:var(--surface-page);padding-block:var(--space-16);text-align:center}#main .obtest .payoff{font-size:clamp(21px,3.1vw,30px)!important;font-weight:700!important;letter-spacing:-.015em!important;color:var(--ink-900)!important}#main .obtest .payoff em{font-style:normal;color:var(--accent)!important}

/* ═══ piede ═══ */
/* Lo spazio sotto il piede vale quanto la barra fissa del richiamo, altrimenti
   la barra copre i link legali proprio in fondo alla pagina (colto nello scatto
   390-06). L'altezza la misura il JS: qui non si stima. */#main .obtest .piede{background:var(--surface-page);border-top:1px solid var(--border-subtle);
  padding-top:var(--space-10);
  padding-bottom:calc(var(--space-10) + var(--spazio-basso, 0px))}#main .obtest .piede-riga{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6)}#main .obtest .marchio-piede{width:64px;height:64px;flex:0 0 auto}#main .obtest .piede-testo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}#main .obtest .piede-dati{font-size:14px;color:var(--text-muted)}#main .obtest .piede-link{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:14px;font-weight:600}#main .obtest .piede-link a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-secondary)}
@media (hover:hover) and (pointer:fine){#main .obtest .piede-link a:hover{color:var(--accent)} }

/* ═══ comparse — stato finale corretto senza JS e con reduced-motion ═══ */
@media (prefers-reduced-motion:no-preference){.js #main .obtest .rivela{opacity:0;transform:translateY(16px);
    transition:opacity 520ms var(--ease),transform 520ms var(--ease)}.js #main .obtest .rivela.dentro{opacity:1;transform:none}.js #main .obtest .facce img{opacity:0;transform:translateX(18px) scale(.9);
    transition:opacity 420ms var(--ease),transform 420ms var(--ease)}.js #main .obtest .facce.aperto img{opacity:1;transform:none}
}


/* ── messa a terra dentro Avada: vale SOLO sulla pagina testimonianze ── */
/* l'id ripetuto vale il doppio in specificità: vince sul CSS dinamico di Avada */
body.page-testimonianze #main#main{padding-left:0;padding-right:0;padding-top:0}
body.page-testimonianze #main .obtest a{text-decoration:none;box-shadow:none}

/* `.fusion-row` di Avada è display:flex, e un elemento flex ha min-width:auto:
   il recinto non si stringe sotto la propria larghezza minima e il contenuto
   esce TAGLIATO senza traboccare (misurato su questo sito: 1120px dentro un
   telefono da 390). Inerte se un giorno il contenitore non fosse flex. */
body.page-testimonianze #main .obtest{min-width:0;width:100%;max-width:100%}
body.page-testimonianze #main .fusion-row{max-width:none;margin-left:0;margin-right:0}

/* La barra del titolo di Avada: sulle pagine di questo sito non c'è (misurato su
   /contatti/), e il caricatore la spegne comunque col filtro del tema. Questa
   riga è la rete di sicurezza: se non c'è, è inerte. */
body.page-testimonianze .fusion-page-title-bar,
body.page-testimonianze .fusion-tb-page-title-bar{display:none}

/* La sticky banner del sito («Scarica la guida») è una SECONDA chiamata
   all'azione in fondo allo schermo, proprio dove sta il richiamo di questa
   pagina. Come sul blog, qui se ne accende UNA sola: si spegne per contesto,
   solo su questa pagina, senza toccare le impostazioni del plugin. La guida
   resta raggiungibile dal cartello nel rail e dal suo gemello in coda. */
body.page-testimonianze .hdsb-stickybanner{display:none!important}

/* IL COLORE DEI TESTI SI DICHIARA, MAI EREDITATO. Avada scrive
   h1..h6{color:var(--hN_typography-color)} su selettori d'ELEMENTO, e su questo
   sito quel colore è BIANCO: l'ereditarietà perde contro qualsiasi dichiarazione
   diretta. Misurato altrove su questo sito: 56 testi bianchi su crema. Solo i
   titoli: estesa ai link, la stessa cura ne ha rotti tre. */
body.page-testimonianze #main .obtest h1,
body.page-testimonianze #main .obtest h2,
body.page-testimonianze #main .obtest h3,
body.page-testimonianze #main .obtest h4,
body.page-testimonianze #main .obtest h5,
body.page-testimonianze #main .obtest h6{color:inherit!important}

/* IL CARATTERE SI DICHIARA SU OGNI TESTO DEL RECINTO. Il tema scrive font-family
   e text-transform sui titoli con selettori d'elemento, e l'ereditarietà da
   .obtest perde contro una dichiarazione diretta. Misurato nel finto ospite
   (3/09): h1, h2 e h3 in Georgia, un h3 in Capitalize. Sul sito vero il tema usa
   Montserrat, ma quello che non è dichiarato non è configurato: è configurato
   dal caso, e il caso cambia senza avvisare. */
body.page-testimonianze #main .obtest,
body.page-testimonianze #main .obtest *{font-family:var(--font)!important}
body.page-testimonianze #main .obtest h1,
body.page-testimonianze #main .obtest h2,
body.page-testimonianze #main .obtest h3,
body.page-testimonianze #main .obtest h4{text-transform:none!important}

/* Il piede del prototipo è stato tagliato: lo spazio che riservava sotto di sé
   per il richiamo fisso (misurato dal JS in --spazio-basso) va sul piede del
   tema, altrimenti la barra copre i link legali in fondo alla pagina. */
body.page-testimonianze .fusion-footer{padding-bottom:var(--spazio-basso,0px)}