/* MANIFESTO · modulo INSIEME v0.40 · stile di «Schermi per guardare insieme»
   Aggiunto dal VIEWER insieme a moduli/insieme.js. Usa la stessa palette del viewer:
   navy #07122B, oro #C9991A, giallo d'azione #FFD400, smeraldo #096B4A, carta #F7F4EE. */

/* ── blocco nella scheda del cartellone ── */
.ins-box{ margin:14px 0 6px; }
.ins-sk{ height:118px; border-radius:18px; background:linear-gradient(90deg,#eee8dc 0%,#f6f1e8 50%,#eee8dc 100%); background-size:200% 100%; animation:insSk 1.1s linear infinite; }
@keyframes insSk{ to{ background-position:-200% 0; } }
.ins-card{ background:#fff; border:1.5px solid #E6E0D4; border-radius:18px; padding:14px 14px 12px; }
.ins-card.on{ background:#07122B; border-color:#C9991A; color:#fff; }
.ins-card b{ display:block; font:900 18px/1.2 Georgia,serif; color:#07122B; margin:4px 0 2px; }
.ins-card.on b{ color:#fff; }
.ins-card small{ display:block; color:#666; font-size:13px; }
.ins-card.on small{ color:#AAB4CC; }
.ins-ora{ display:flex; align-items:center; gap:7px; font:800 12px/1 -apple-system,Roboto,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#C9991A; }
.ins-ora i{ width:8px; height:8px; border-radius:50%; background:#FFD400; box-shadow:0 0 0 0 rgba(255,212,0,.6); animation:insPulse 1.6s infinite; }
@keyframes insPulse{ 70%{ box-shadow:0 0 0 7px rgba(255,212,0,0); } 100%{ box-shadow:0 0 0 0 rgba(255,212,0,0); } }
.ins-big{ display:block; width:100%; margin-top:12px; border:0; border-radius:16px; padding:16px; font:900 17px/1 inherit; font-family:inherit; background:#07122B; color:#fff; cursor:pointer; transition:transform .12s; }
.ins-big:active{ transform:scale(.98); }
.ins-big.oro{ background:#FFD400; color:#07122B; box-shadow:0 8px 22px rgba(255,212,0,.25); }
.ins-poi{ display:grid; gap:6px; margin-top:8px; }
.ins-poi-i{ display:flex; align-items:center; gap:8px; width:100%; text-align:left; border:1px solid #E6E0D4; background:#fff; border-radius:14px; padding:10px 12px; font:inherit; font-size:14px; color:#07122B; }
.ins-poi-i span{ flex:1; font-weight:700; } .ins-poi-i em{ font-style:normal; color:#C9991A; font-weight:800; font-size:12px; white-space:nowrap; }

/* ── drive-in: istruzioni per l'audio in macchina ── */
.ins-k{ font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#C9991A; margin:8px 0 6px; }
.ins-audio{ margin:6px 0 4px; }
.ins-via{ display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left; border:1.5px solid #E6E0D4; background:#fff; border-radius:18px; padding:14px; font:inherit; margin:8px 0; color:#1B1B1B; }
.ins-via > span:first-child{ font-size:26px; line-height:1; } .ins-via > span:last-child{ flex:1; display:flex; flex-direction:column; gap:3px; }
.ins-via b{ font-size:16px; color:#07122B; } .ins-via small{ color:#666; font-size:13px; line-height:1.35; }
.ins-via.on{ border-color:#07122B; box-shadow:0 0 0 2px #07122B inset; }
.ins-chip{ display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:8px 13px; font:700 13.5px/1.1 -apple-system,Roboto,sans-serif; }
.ins-chip.scuro{ background:#07122B; border-color:#C9991A; margin:4px 0 8px; }

/* ── lettore a schermo intero (telegiornale, dal vivo, film) ── */
.ins-lettore{ position:fixed; inset:0; z-index:60; background:#000; color:#fff; display:flex; flex-direction:column; font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; opacity:0; transform:translateY(12px); transition:opacity .22s,transform .22s; }
.ins-lettore.on{ opacity:1; transform:none; }
.ins-top{ display:flex; align-items:center; gap:10px; padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px; background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,0)); }
.ins-ind,.ins-cond{ border:0; background:rgba(255,255,255,.16); color:#fff; width:40px; height:40px; border-radius:50%; font-size:22px; line-height:1; flex:none; }
.ins-cond{ font-size:18px; }
.ins-titolo{ flex:1; min-width:0; display:flex; flex-direction:column; } .ins-titolo b{ font-family:Georgia,serif; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ins-titolo small{ color:#AAB4CC; font-size:12px; display:flex; align-items:center; gap:6px; }
.ins-live{ font-style:normal; background:#B83228; color:#fff; font-weight:900; font-size:10px; letter-spacing:.1em; border-radius:4px; padding:2px 6px; }
.ins-schermo{ flex:1; position:relative; display:flex; align-items:center; justify-content:center; background:radial-gradient(120% 80% at 50% 40%,#14284f 0%,#000 70%); overflow:hidden; }
.ins-schermo video{ width:100%; max-height:100%; background:#000; }
.ins-sub{ position:absolute; left:14px; right:14px; bottom:14px; text-align:center; font-weight:700; font-size:17px; line-height:1.35; text-shadow:0 1px 3px #000; }
.ins-sub:not(:empty){ background:rgba(0,0,0,.55); border-radius:10px; padding:8px 12px; }
.ins-play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:0; border-radius:18px; padding:18px 26px; font:900 18px/1 -apple-system,Roboto,sans-serif; background:#FFD400; color:#07122B; box-shadow:0 12px 30px rgba(255,212,0,.3); }
.ins-play:active{ transform:translate(-50%,-50%) scale(.97); }
.ins-msg{ padding:26px; text-align:center; color:#AAB4CC; font-size:15px; max-width:320px; }
.ins-lettore.attesa .ins-schermo::after{ content:''; position:absolute; width:34px; height:34px; border:3px solid rgba(255,255,255,.3); border-top-color:#FFD400; border-radius:50%; animation:insGira .8s linear infinite; }
@keyframes insGira{ to{ transform:rotate(360deg); } }
.ins-bot{ display:flex; align-items:center; gap:10px; padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 14px); background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0)); }
.ins-cont{ margin-left:auto; color:#AAB4CC; font-size:13px; white-space:nowrap; } .ins-cont b{ color:#C9991A; }
.ins-cont:empty{ display:none; }