/* =====================================================================
   UNIVENDITA (univendita.php): layout desktop
   Attivo solo da 992px e solo su questa pagina (body.uv-d). Mobile invariato.
   ===================================================================== */
@media (min-width: 992px) {
  .uv-d { --uv-muted: #3d4a55; --uv-space: clamp(56px, 6vw, 88px); }

  /* apertura: logo a sinistra, titolo e testo a destra */
  .uv-d section.happy.header:first-of-type > .container {
    display: grid; grid-template-columns: 5fr 7fr; column-gap: 64px; align-items: center;
    max-width: 1200px; padding: var(--uv-space) 32px !important; text-align: left !important;
  }
  .uv-d section.happy.header:first-of-type > .container > img { grid-row: 1 / span 2; width: 100% !important; max-width: 420px; margin: 0 auto !important; }
  .uv-d section.happy.header:first-of-type h2 { margin-bottom: 20px !important; font-size: clamp(30px, 2.6vw, 38px) !important; line-height: 1.2; }
  .uv-d section.happy.header p.justify { text-align: left !important; font-size: 1.05rem; line-height: 1.7; color: var(--uv-muted); }

  /* foto: altezza contenuta */
  .uv-d .happy-join-photo img { display: block; height: 440px; object-fit: cover; object-position: center 30%; }

  /* secondo testo: colonna leggibile */
  .uv-d section.happy.header:last-of-type > .container { max-width: 820px; padding: var(--uv-space) 32px !important; }
}


/* === SEO h1: titoli principali con aspetto da h2/h3 (classe .h2/.h3): stesse regole degli h2/h3 === */
@media (min-width: 992px){.uv-d section.happy.header:first-of-type h1:where(.h2){margin-bottom: 20px !important; font-size: clamp(30px, 2.6vw, 38px) !important; line-height: 1.2;}}