.lg {
  --navy: #1a3a5c;
  --navy2: #22507a;
  --gold: #c9a44a;
  --gold-ink: #8a6d1f;
  --bianco: #ffffff;
  --bg: #eef1f5;
  --ink: #1e3a5f;
  --mut: #5f6e80;
  --line: #e7ebf0;
  max-width: 980px;
  margin: 16px auto 40px;
  color: var(--ink);
  font-family: -apple-system, 'Inter', 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  box-sizing: border-box;
}

.lg *, .lg *::before, .lg *::after { box-sizing: border-box; }

.lg img { display: block; max-width: 100%; height: auto; }

.lg p { margin: 0; }

.lg a { color: var(--navy2); }

.lg .testata {
  background: linear-gradient(160deg, var(--navy2), var(--navy));
  color: var(--bianco);
  border-radius: 24px;
  padding: 28px 22px 0;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(16, 24, 40, .14);
}

.lg .lg-libro { display: flex; gap: 14px; align-items: center; margin: 0 0 24px; padding: 12px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; }
body .main-container .lg .lg-libro-copertina, body .main-container .lg .lg-libro img { width: 72px !important; height: auto !important; flex: none; border-radius: 6px; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); }
.lg .lg-libro picture { flex: none; }
.lg .lg-libro-eti { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.lg .lg-libro-titolo { font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--bianco); margin: 4px 0; }
.lg .lg-libro-apri { display: none; margin-top: 8px; font-size: 14px; font-weight: 700; color: var(--gold); }
html[data-dispositivo="iphone"] .lg .lg-libro-apri, html[data-dispositivo="android"] .lg .lg-libro-apri { display: inline-block; }
body .main-container .lg a.lg-libro-apri, body .main-container .lg a.lg-libro-apri:visited, body .main-container .lg a.lg-libro-apri:hover, body .main-container .lg a.lg-libro-apri:active { color: var(--gold) !important; }


.lg h1 {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  color: var(--bianco);
  font-family: inherit;
  font-size: 32px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.01em;
  text-transform: none;
}

.lg .oro { color: var(--gold); }

.lg .lead { margin: 0 0 24px; font-size: 18px; color: rgba(255, 255, 255, .9); }
.lg .lead strong { color: var(--bianco); }

.lg .lg-invito { margin: 0 0 12px; font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, .9); }

.lg .azioni { margin-bottom: 28px; }

.lg .lg-store { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.lg .lg-badge { display: inline-flex; transition: transform .12s ease; }
.lg .lg-badge:hover { transform: translateY(-1px); }
.lg .lg-badge:active { transform: scale(.97); }
body .main-container .lg .lg-badge img { width: auto !important; height: 50px !important; max-width: none !important; }

.lg .lg-fondo { display: none; text-align: center; }
html[data-dispositivo="iphone"] .lg .lg-fondo, html[data-dispositivo="android"] .lg .lg-fondo { display: block; }
.lg .lg-invito-fondo { margin: 0 0 14px; font-size: 18px; font-weight: 800; color: var(--ink); }
.lg .lg-store-fondo { justify-content: center; }
html[data-dispositivo="iphone"] .lg .lg-badge-google, html[data-dispositivo="android"] .lg .lg-badge-apple { display: none; }

.lg .telefono { display: block; width: 78%; max-width: 300px; height: 330px; margin: 0 auto; overflow: hidden; }
.lg .telefono img { border-radius: 36px 36px 0 0; box-shadow: 0 20px 50px rgba(0, 0, 0, .35); }

.lg .solo-computer { display: none; }
html[data-dispositivo="computer"] .lg .solo-computer { display: flex; }

.lg .qr { margin-top: 16px; gap: 16px; align-items: center; background: var(--bianco); color: var(--ink); border-radius: 16px; padding: 14px; }
.lg .qr img { width: 132px; height: 132px; flex: none; }
.lg .qr p { font-size: 16px; }

.lg .lg-sotto { display: grid; gap: 16px; margin-top: 16px; }

.lg .blocco { background: var(--bianco); border: 1px solid var(--line); border-radius: 20px; padding: 26px 22px; }
.lg .blocco .colonna { padding: 0; }

.lg h2 {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  color: var(--ink);
  font-family: inherit;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: none;
}

.lg .passi { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lg .passi li { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 14px; background: var(--bg); border-radius: 14px; }
.lg .numero {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--gold);
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lg .spunte { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 12px; }
.lg .spunte li { position: relative; margin: 0; padding-left: 34px; }
.lg .spunte li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23c9a44a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}

.lg .nota { font-size: 14px; color: var(--mut); line-height: 1.6; }

@media (min-width: 640px) {
  .lg .passi { grid-template-columns: repeat(3, 1fr); }
  .lg .passi li { flex-direction: column; }
}

@media (max-width: 640px) {
  .lg { margin: 12px 12px 32px; }
  .lg .lg-invito { text-align: center; }
  .lg .lg-store { justify-content: center; }
  body .main-container .lg .lg-badge img { height: 60px !important; }
  .lg2 .lg2-testo { padding-left: 16px; padding-right: 16px; }
}

@media (min-width: 641px) {
  .lg .lg-a-capo { display: none; }
}

@media (min-width: 900px) {
  .lg .testata { padding: 48px; }
  .lg .testata-griglia { display: grid; grid-template-columns: 1fr 250px; gap: 40px; align-items: center; }
  .lg h1 { font-size: 38px; }
  .lg .telefono { width: 100%; height: auto; overflow: visible; }
  .lg .telefono img { border-radius: 36px; }
}

body.be-leggi-gratis .bt-colonna, body.be-leggi-gratis .bt-cerca-riga { display: none !important; }
body.be-leggi-gratis .bt-con-colonna { display: block !important; }
body.be-leggi-gratis .bt-colonna-contenuto { max-width: none !important; width: auto !important; }
body .main-container .lg .testata h1 { color: var(--bianco) !important; }
body .main-container .lg h2 { color: var(--ink) !important; }

.lg2 { max-width: 520px; }
.lg2 .lg2-scheda { background: var(--bg); border-radius: 24px; overflow: hidden; box-shadow: 0 12px 32px rgba(16, 24, 40, .14); }

.lg2 .lg2-mosaico { --w: 92px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 0; isolation: isolate; height: 330px; overflow: hidden; background: var(--navy); }
.lg2 .lg2-mosaico-fisso { display: block; height: auto; background: none; }
.lg2 .lg2-mosaico-piano { width: 160%; margin: 0 0 0 -30%; transform: rotate(-8deg); }
.lg2 .lg2-riga { display: flex; gap: 8px; margin-bottom: 8px; }
.lg2 .lg2-riga:nth-child(2) { margin-left: calc(var(--w) / -2); }
.lg2 .lg2-cop { flex: none; position: relative; width: var(--w); aspect-ratio: 1 / 1.45; border-radius: 6px; overflow: hidden; background: var(--navy2); }
.lg2 .lg2-cop picture { display: block; width: 100%; height: 100%; }
body .main-container .lg2 .lg2-cop img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.lg2 .lg2-cop-scelta { z-index: 1; overflow: visible; transform: scale(1.14); }
body .main-container .lg2 .lg2-cop-scelta img { border-radius: 6px; box-shadow: 0 0 0 3px var(--gold), 0 12px 28px rgba(0, 0, 0, .5); }
@media (min-width: 641px) {
  .lg2 .lg2-mosaico { --w: 112px; height: 400px; }
  .lg2 .lg2-mosaico-piano { margin-left: calc(-30% + 56px); }
}
.lg2 .lg2-mosaico::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: -2px; z-index: 2; pointer-events: none; background: linear-gradient(to bottom, rgba(26, 58, 92, .45) 0%, rgba(26, 58, 92, 0) 30%, rgba(26, 58, 92, 0) 62%, var(--bg) 100%); }
.lg2 .lg2-mosaico-fisso::after { top: auto; height: 55%; background: linear-gradient(to bottom, rgba(238, 241, 245, 0) 0%, rgba(238, 241, 245, .85) 70%, var(--bg) 100%); }
.lg2 .lg2-mosaico-fisso img { display: block; }
.lg2 .lg2-testo { padding: 0 24px 32px; margin-top: -28px; position: relative; z-index: 1; text-align: center; }
body .main-container .lg2 h1 { color: var(--ink) !important; font-size: 30px; line-height: 1.15; margin: 0 0 24px; }
.lg2 .lg2-oro { color: var(--gold-ink); }
.lg2 .lg2-spunte { list-style: none; margin: 0 auto 24px; padding: 0; display: inline-grid; gap: 12px; text-align: left; }
.lg2 .lg2-spunte li { position: relative; margin: 0; padding-left: 36px; font-size: 18px; color: var(--ink); }
.lg2 .lg2-spunte li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.lg2 .lg-libro { background: var(--bianco); border: 1px solid var(--line); text-align: left; }
.lg2 .lg-libro-eti { color: var(--gold-ink); }
.lg2 .lg-libro-titolo { color: var(--ink); }
body .main-container .lg2 a.lg-libro-apri, body .main-container .lg2 a.lg-libro-apri:visited, body .main-container .lg2 a.lg-libro-apri:hover, body .main-container .lg2 a.lg-libro-apri:active { color: var(--navy2) !important; }
.lg2 .lg2-store { justify-content: center; }
body .main-container .lg2 .lg-badge img { height: 56px !important; }
@media (max-width: 640px) {
  body .main-container .lg2 .lg-badge img { width: 320px !important; max-width: 100% !important; height: auto !important; }
}

html[data-dispositivo="computer"] .lg2 .lg2-qr { display: inline-flex; }
.lg2 .lg2-qr { box-sizing: border-box; width: 330px; align-items: center; gap: 12px; margin-top: 12px; padding: 6px 12px 6px 6px; background: var(--navy); border: 1px solid var(--navy); border-radius: 10px; color: #fff; text-align: left; }
.lg2 .lg2-qr-codice { display: block; flex: none; padding: 4px; background: #fff; border-radius: 6px; }
body .main-container .lg2 .lg2-qr-codice img { width: 56px !important; height: 56px !important; }
.lg2 .lg2-qr-testo { display: flex; flex-direction: column; line-height: 1.15; }
.lg2 .lg2-qr-piccolo { font-size: 12px; }
.lg2 .lg2-qr-grande { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }

.lg2 .lg2-apri { display: none; margin-top: 14px; font-size: 13px; font-weight: 400; }
html[data-dispositivo="iphone"] .lg2 .lg2-apri, html[data-dispositivo="android"] .lg2 .lg2-apri { display: inline-block; }
body .main-container .lg2 a.lg2-apri, body .main-container .lg2 a.lg2-apri:visited, body .main-container .lg2 a.lg2-apri:hover, body .main-container .lg2 a.lg2-apri:active { color: var(--navy2) !important; text-decoration: underline; }

body .main-container .lg2 .lg-badge img { height: 50px !important; }
@media (max-width: 640px) {
  body .main-container .lg2 .lg-badge img { width: 288px !important; height: auto !important; }
}