{"title":"Magic: The Gathering - Preordini","description":"\u003cstyle\u003e\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@600;700;800;900\u0026display=swap\");\n\n  .magic-preorders-title-menu {\n    --magic-black: #17120f;\n    --magic-black-deep: #080605;\n    --magic-brown: #3d2419;\n\n    --magic-red: #a92e22;\n    --magic-red-dark: #671711;\n    --magic-orange: #dc6a24;\n\n    --magic-gold: #d4a84f;\n    --magic-gold-light: #f0d486;\n    --magic-gold-dark: #8d6324;\n\n    --magic-parchment: #ead7ae;\n    --magic-parchment-light: #f8edcf;\n    --magic-parchment-dark: #c49a5a;\n\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 36px;\n\n    width: 100%;\n    max-width: 100%;\n    padding: 28px 32px;\n    border: 3px solid var(--magic-black-deep);\n    border-radius: 22px;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 10% 15%,\n        rgba(220, 106, 36, 0.27),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 92% 80%,\n        rgba(169, 46, 34, 0.26),\n        transparent 31%\n      ),\n      radial-gradient(\n        circle at 72% 20%,\n        rgba(212, 168, 79, 0.13),\n        transparent 22%\n      ),\n      repeating-linear-gradient(\n        115deg,\n        rgba(255, 255, 255, 0.025) 0,\n        rgba(255, 255, 255, 0.025) 1px,\n        transparent 1px,\n        transparent 15px\n      ),\n      linear-gradient(\n        135deg,\n        #110d0b 0%,\n        #2a1711 46%,\n        #160c09 100%\n      );\n\n    box-shadow:\n      0 14px 32px rgba(8, 6, 5, 0.35),\n      0 0 0 6px rgba(212, 168, 79, 0.28),\n      inset 0 0 55px rgba(0, 0, 0, 0.45),\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  }\n\n  \/*\n   * Bordo interno decorativo.\n   *\/\n  .magic-preorders-title-menu::before {\n    content: \"\";\n    position: absolute;\n    inset: 8px;\n    z-index: 0;\n\n    border: 1px solid rgba(240, 212, 134, 0.28);\n    border-radius: 15px;\n    box-sizing: border-box;\n    pointer-events: none;\n\n    box-shadow:\n      inset 0 0 16px rgba(212, 168, 79, 0.06),\n      0 0 8px rgba(212, 168, 79, 0.05);\n  }\n\n  \/*\n   * Cerchio arcano sullo sfondo.\n   *\/\n  .magic-preorders-title-menu::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    right: -72px;\n    z-index: 0;\n\n    width: 245px;\n    height: 245px;\n    border: 2px solid rgba(212, 168, 79, 0.09);\n    border-radius: 50%;\n    box-sizing: border-box;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        circle at center,\n        transparent 0 21%,\n        rgba(212, 168, 79, 0.08) 21.5% 22.5%,\n        transparent 23% 39%,\n        rgba(212, 168, 79, 0.08) 39.5% 40.5%,\n        transparent 41%\n      ),\n      conic-gradient(\n        from 22deg,\n        transparent 0 8%,\n        rgba(212, 168, 79, 0.09) 8% 9%,\n        transparent 9% 24%,\n        rgba(212, 168, 79, 0.09) 24% 25%,\n        transparent 25% 42%,\n        rgba(212, 168, 79, 0.09) 42% 43%,\n        transparent 43% 60%,\n        rgba(212, 168, 79, 0.09) 60% 61%,\n        transparent 61% 78%,\n        rgba(212, 168, 79, 0.09) 78% 79%,\n        transparent 79%\n      );\n\n    transform: translateY(-50%) rotate(18deg);\n  }\n\n  \/*\n   * Logo Magic.\n   *\/\n  .magic-preorders-title-logo {\n    position: relative;\n    z-index: 1;\n\n    flex: 0 0 300px;\n    display: block;\n    min-width: 0;\n    padding: 0;\n    margin: 0;\n    border: 0;\n\n    background: transparent;\n    box-shadow: none;\n    text-decoration: none !important;\n\n    transition: transform 0.22s ease;\n  }\n\n  .magic-preorders-title-logo img {\n    display: block;\n    width: 100%;\n    height: auto;\n    padding: 0;\n    margin: 0;\n\n    filter:\n      drop-shadow(0 7px 8px rgba(0, 0, 0, 0.65))\n      drop-shadow(0 0 10px rgba(220, 106, 36, 0.18));\n\n    transition:\n      transform 0.22s ease,\n      filter 0.22s ease;\n  }\n\n  .magic-preorders-title-logo:hover {\n    transform: translateY(-3px);\n  }\n\n  .magic-preorders-title-logo:hover img {\n    transform: scale(1.035);\n\n    filter:\n      drop-shadow(0 9px 10px rgba(0, 0, 0, 0.72))\n      drop-shadow(0 0 14px rgba(220, 106, 36, 0.3));\n  }\n\n  \/*\n   * Cornice esterna del titolo.\n   *\/\n  .magic-preorders-title-content {\n    position: relative;\n    z-index: 1;\n\n    flex: 1 1 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n\n    height: 148px;\n    min-height: 148px;\n    max-height: 148px;\n    padding: 13px;\n\n    border: 3px solid var(--magic-gold);\n    border-radius: 16px;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 18% 18%,\n        rgba(220, 106, 36, 0.17),\n        transparent 31%\n      ),\n      radial-gradient(\n        circle at 82% 82%,\n        rgba(169, 46, 34, 0.18),\n        transparent 34%\n      ),\n      linear-gradient(\n        145deg,\n        #2b1710 0%,\n        #0d0907 50%,\n        #27120d 100%\n      );\n\n    box-shadow:\n      5px 6px 0 rgba(8, 6, 5, 0.75),\n      0 12px 23px rgba(0, 0, 0, 0.3),\n      inset 0 0 0 2px rgba(8, 6, 5, 0.9),\n      inset 0 0 0 4px rgba(240, 212, 134, 0.21),\n      inset 0 0 28px rgba(0, 0, 0, 0.5);\n\n    transition:\n      transform 0.22s ease,\n      border-color 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  \/*\n   * Bagliore superiore.\n   *\/\n  .magic-preorders-title-content::before {\n    content: \"\";\n    position: absolute;\n    top: -42px;\n    left: 50%;\n    z-index: 0;\n\n    width: 72%;\n    height: 75px;\n    border-radius: 50%;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        ellipse at center,\n        rgba(220, 106, 36, 0.27) 0%,\n        rgba(169, 46, 34, 0.11) 45%,\n        transparent 72%\n      );\n\n    transform: translateX(-50%);\n    filter: blur(5px);\n  }\n\n  \/*\n   * Bagliore inferiore.\n   *\/\n  .magic-preorders-title-content::after {\n    content: \"\";\n    position: absolute;\n    right: 9%;\n    bottom: -37px;\n    z-index: 0;\n\n    width: 150px;\n    height: 70px;\n    border-radius: 50%;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        ellipse at center,\n        rgba(169, 46, 34, 0.24),\n        transparent 70%\n      );\n\n    filter: blur(6px);\n    transform: rotate(-8deg);\n  }\n\n  .magic-preorders-title-content:hover {\n    transform: translateY(-2px);\n    border-color: var(--magic-gold-light);\n\n    box-shadow:\n      6px 8px 0 rgba(8, 6, 5, 0.78),\n      0 15px 27px rgba(0, 0, 0, 0.34),\n      inset 0 0 0 2px rgba(8, 6, 5, 0.9),\n      inset 0 0 0 4px rgba(240, 212, 134, 0.28),\n      inset 0 0 30px rgba(0, 0, 0, 0.52),\n      0 0 14px rgba(212, 168, 79, 0.11);\n  }\n\n  \/*\n   * Pannello interno in stile pergamena.\n   *\/\n  .magic-preorders-title-panel {\n    position: relative;\n    z-index: 1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    padding: 18px 52px;\n\n    border: 2px solid var(--magic-gold-dark);\n    border-radius: 9px;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 50% 50%,\n        rgba(255, 255, 255, 0.16),\n        transparent 53%\n      ),\n      radial-gradient(\n        circle,\n        rgba(61, 36, 25, 0.055) 1.2px,\n        transparent 1.2px\n      ),\n      repeating-linear-gradient(\n        0deg,\n        rgba(61, 36, 25, 0.025) 0,\n        rgba(61, 36, 25, 0.025) 1px,\n        transparent 1px,\n        transparent 5px\n      ),\n      linear-gradient(\n        145deg,\n        var(--magic-parchment-light) 0%,\n        var(--magic-parchment) 58%,\n        var(--magic-parchment-dark) 100%\n      );\n\n    background-size:\n      auto,\n      15px 15px,\n      auto,\n      auto;\n\n    box-shadow:\n      inset 0 0 25px rgba(99, 55, 28, 0.23),\n      inset 0 1px 0 rgba(255, 255, 255, 0.88),\n      0 0 0 3px rgba(8, 6, 5, 0.5);\n  }\n\n  \/*\n   * Sigillo arcano centrale.\n   *\/\n  .magic-preorders-title-panel::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 0;\n\n    width: 116px;\n    height: 116px;\n    border: 2px solid rgba(103, 23, 17, 0.075);\n    border-radius: 50%;\n    box-sizing: border-box;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        circle at center,\n        rgba(103, 23, 17, 0.07) 0 8%,\n        transparent 9% 28%,\n        rgba(103, 23, 17, 0.075) 29% 31%,\n        transparent 32% 44%,\n        rgba(103, 23, 17, 0.065) 45% 47%,\n        transparent 48%\n      ),\n      conic-gradient(\n        from 45deg,\n        transparent 0 10%,\n        rgba(103, 23, 17, 0.07) 10% 12%,\n        transparent 12% 23%,\n        rgba(103, 23, 17, 0.07) 23% 25%,\n        transparent 25% 36%,\n        rgba(103, 23, 17, 0.07) 36% 38%,\n        transparent 38% 49%,\n        rgba(103, 23, 17, 0.07) 49% 51%,\n        transparent 51% 62%,\n        rgba(103, 23, 17, 0.07) 62% 64%,\n        transparent 64% 75%,\n        rgba(103, 23, 17, 0.07) 75% 77%,\n        transparent 77% 88%,\n        rgba(103, 23, 17, 0.07) 88% 90%,\n        transparent 90%\n      );\n\n    transform: translate(-50%, -50%) rotate(22deg);\n  }\n\n  \/*\n   * Titolo centrato verticalmente e orizzontalmente.\n   *\/\n  .magic-preorders-title-menu .magic-preorders-title {\n    position: relative;\n    z-index: 2;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 100% !important;\n\n    padding: 0 !important;\n    margin: 0 !important;\n    box-sizing: border-box;\n\n    color: var(--magic-black-deep) !important;\n    font-family: \"Cinzel\", Georgia, serif !important;\n    font-size: 25px !important;\n    font-weight: 900 !important;\n    line-height: 1.3 !important;\n    letter-spacing: 0.015em !important;\n\n    text-align: center !important;\n    text-wrap: balance;\n\n    text-shadow:\n      0 1px 0 rgba(255, 255, 255, 0.8),\n      0 2px 2px rgba(61, 36, 25, 0.2),\n      0 0 12px rgba(255, 248, 232, 0.18) !important;\n  }\n\n  \/*\n   * Accessibilità.\n   *\/\n  .magic-preorders-title-logo:focus-visible {\n    outline: 3px solid var(--magic-gold-light);\n    outline-offset: 5px;\n    border-radius: 12px;\n  }\n\n  \/*\n   * Tablet.\n   *\/\n  @media (max-width: 950px) {\n    .magic-preorders-title-menu {\n      gap: 26px;\n      padding: 24px 26px;\n    }\n\n    .magic-preorders-title-logo {\n      flex-basis: 240px;\n    }\n\n    .magic-preorders-title-content {\n      height: 138px;\n      min-height: 138px;\n      max-height: 138px;\n    }\n\n    .magic-preorders-title-panel {\n      padding-right: 42px;\n      padding-left: 42px;\n    }\n\n    .magic-preorders-title-menu .magic-preorders-title {\n      font-size: 21px !important;\n      line-height: 1.35 !important;\n    }\n  }\n\n  \/*\n   * Mobile.\n   *\/\n  @media (max-width: 767px) {\n    .magic-preorders-title-menu {\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n\n      padding: 11px 10px 13px;\n      border-width: 2px;\n      border-radius: 17px;\n\n      box-shadow:\n        0 10px 24px rgba(8, 6, 5, 0.32),\n        0 0 0 4px rgba(212, 168, 79, 0.25),\n        inset 0 0 38px rgba(0, 0, 0, 0.4);\n    }\n\n    .magic-preorders-title-menu::before {\n      inset: 6px;\n      border-radius: 11px;\n    }\n\n    .magic-preorders-title-menu::after {\n      right: -85px;\n      width: 185px;\n      height: 185px;\n    }\n\n    .magic-preorders-title-logo {\n      flex: none;\n      width: 275px;\n      max-width: 76%;\n    }\n\n    .magic-preorders-title-logo:hover {\n      transform: none;\n    }\n\n    .magic-preorders-title-logo:hover img {\n      transform: none;\n\n      filter:\n        drop-shadow(0 7px 8px rgba(0, 0, 0, 0.65))\n        drop-shadow(0 0 10px rgba(220, 106, 36, 0.18));\n    }\n\n    .magic-preorders-title-content {\n      width: 100%;\n      height: 116px;\n      min-height: 116px;\n      max-height: 116px;\n      padding: 9px;\n\n      border-width: 2px;\n      border-radius: 12px;\n\n      box-shadow:\n        3px 4px 0 rgba(8, 6, 5, 0.72),\n        0 8px 16px rgba(0, 0, 0, 0.25),\n        inset 0 0 0 2px rgba(8, 6, 5, 0.9),\n        inset 0 0 0 3px rgba(240, 212, 134, 0.2),\n        inset 0 0 22px rgba(0, 0, 0, 0.46);\n    }\n\n    .magic-preorders-title-content:hover {\n      transform: none;\n    }\n\n    .magic-preorders-title-panel {\n      padding: 12px 25px;\n      border-width: 1px;\n      border-radius: 7px;\n\n      box-shadow:\n        inset 0 0 16px rgba(99, 55, 28, 0.18),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8),\n        0 0 0 2px rgba(8, 6, 5, 0.48);\n    }\n\n    .magic-preorders-title-panel::before {\n      width: 85px;\n      height: 85px;\n    }\n\n    .magic-preorders-title-menu .magic-preorders-title {\n      font-size: 15px !important;\n      line-height: 1.4 !important;\n    }\n  }\n\n  \/*\n   * Smartphone piccoli.\n   *\/\n  @media (max-width: 420px) {\n    .magic-preorders-title-logo {\n      width: 82%;\n      max-width: 260px;\n    }\n\n    .magic-preorders-title-content {\n      height: 110px;\n      min-height: 110px;\n      max-height: 110px;\n    }\n\n    .magic-preorders-title-panel {\n      padding-right: 20px;\n      padding-left: 20px;\n    }\n\n    .magic-preorders-title-menu .magic-preorders-title {\n      font-size: 13px !important;\n      line-height: 1.45 !important;\n    }\n  }\n\n  \/*\n   * Smartphone estremamente piccoli.\n   *\/\n  @media (max-width: 350px) {\n    .magic-preorders-title-panel {\n      padding-right: 15px;\n      padding-left: 15px;\n    }\n\n    .magic-preorders-title-menu .magic-preorders-title {\n      font-size: 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"magic-preorders-title-menu\" aria-label=\"Magic: The Gathering - Preordini\"\u003e\n  \u003ca class=\"magic-preorders-title-logo\" href=\"https:\/\/www.bsastore.it\/collections\/carte-magic-the-gathering\" aria-label=\"Torna alla categoria generale Magic: The Gathering\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/9395\/9911\/files\/Logo_Magic_The_Gathering_Stretto_Chiaro.png\" alt=\"Magic: The Gathering\" loading=\"eager\"\u003e\n  \u003c\/a\u003e\n\n  \u003cdiv class=\"magic-preorders-title-content\"\u003e\n    \u003cdiv class=\"magic-preorders-title-panel\"\u003e\n      \u003ch2 class=\"magic-preorders-title\"\u003e\n        Magic: The Gathering - Preordini\n      \u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","products":[],"url":"https:\/\/www.bsastore.it\/collections\/magic-the-gathering-preordini.oembed","provider":"BSA Carte Collezionabili","version":"1.0","type":"link"}