/* Laboratorio L2 — riquadro video nelle pagine dei volumi.
   Due file: orizzontale sopra i 760 px, verticale sotto.
   Nessuno dei due parte da solo e nessuno dei due scarica il filmato
   finche' non si preme play: c'e' solo il poster. */
.l2-video{padding:34px 0 6px}
.l2-video .wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.l2-video h2{font-family:'Manrope',system-ui,sans-serif;font-weight:800;color:#1B3A6B;
  font-size:1.45rem;line-height:1.2;margin:0 0 6px}
.l2-video p.lead{color:#5d6b82;margin:0 0 18px;line-height:1.5}
.l2-video video{display:block;width:100%;height:auto;border-radius:16px;background:#e7eef7;
  box-shadow:0 26px 52px -30px rgba(19,28,41,.55)}
.l2-video .v-oriz{display:block}
.l2-video .v-vert{display:none}
.l2-video .v-vert video{max-width:420px;margin:0 auto}
@media (max-width:760px){
  .l2-video .v-oriz{display:none}
  .l2-video .v-vert{display:block}
}

/* il pulsante vero: quello dentro il filmato e' solo disegnato */
.l2-video .cta{margin:22px 0 4px;text-align:center}
.l2-video .cta a{display:inline-block;background:#16326E;color:#fff;text-decoration:none;
  font-family:'Manrope',system-ui,sans-serif;font-weight:800;font-size:1.02rem;
  padding:15px 34px;border-radius:44px;line-height:1.2;
  box-shadow:0 16px 30px -18px rgba(22,50,110,.75)}
.l2-video .cta a:hover,.l2-video .cta a:focus-visible{background:#1e4390}
.l2-video .cta a:focus-visible{outline:3px solid #10A9A2;outline-offset:3px}
.l2-video .cta small{display:block;margin-top:9px;color:#8593a8;font-size:.86rem}