{"product_id":"colar-mascaras-do-teatro","title":"Colar Máscaras do Teatro","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: \"Georgia\", serif;\n      background: #120f12;\n      color: #f5eee5;\n      line-height: 1.6;\n    }\n\n    .container {\n      width: min(1100px, 92%);\n      margin: auto;\n    }\n\n    \/* HERO *\/\n    .hero {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      background:\n        radial-gradient(circle at 20% 30%, rgba(163, 31, 50, .35), transparent 35%),\n        radial-gradient(circle at 80% 70%, rgba(196, 153, 74, .18), transparent 30%),\n        #120f12;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero::before {\n      content: \"🎭\";\n      position: absolute;\n      right: -80px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 420px;\n      opacity: .045;\n    }\n\n    .hero-content {\n      max-width: 650px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .tag {\n      color: #d5aa5b;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      font-size: 13px;\n      margin-bottom: 20px;\n    }\n\n    h1 {\n      font-size: clamp(42px, 7vw, 78px);\n      line-height: 1;\n      margin-bottom: 25px;\n    }\n\n    h1 span {\n      color: #d5aa5b;\n    }\n\n    .subtitle {\n      color: #c9c0c2;\n      font-size: 19px;\n      max-width: 560px;\n      margin-bottom: 35px;\n    }\n\n    .price {\n      font-size: 34px;\n      color: #fff;\n      margin-bottom: 25px;\n    }\n\n    .price small {\n      font-size: 15px;\n      color: #aaa;\n    }\n\n    .button {\n      display: inline-block;\n      padding: 15px 32px;\n      background: #a51f32;\n      color: white;\n      text-decoration: none;\n      border-radius: 4px;\n      font-family: Arial, sans-serif;\n      font-weight: bold;\n      transition: .3s;\n    }\n\n    .button:hover {\n      background: #c52b41;\n      transform: translateY(-2px);\n    }\n\n    \/* PRODUTO *\/\n    .product {\n      padding: 100px 0;\n      background: #191519;\n    }\n\n    .product-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 70px;\n      align-items: center;\n    }\n\n    .necklace {\n      min-height: 480px;\n      border: 1px solid #40343a;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background:\n        radial-gradient(circle, rgba(213,170,91,.12), transparent 45%),\n        #100d10;\n      position: relative;\n    }\n\n    .necklace::after {\n      content: \"🎭\";\n      font-size: 180px;\n      filter: grayscale(1);\n      opacity: .85;\n    }\n\n    .product-info h2 {\n      font-size: 42px;\n      margin-bottom: 20px;\n    }\n\n    .product-info p {\n      color: #c5bdc0;\n      margin-bottom: 20px;\n    }\n\n    .features {\n      list-style: none;\n      margin: 30px 0;\n    }\n\n    .features li {\n      padding: 10px 0;\n      border-bottom: 1px solid #342c31;\n      color: #ddd3d5;\n    }\n\n    .features li::before {\n      content: \"✦\";\n      color: #d5aa5b;\n      margin-right: 10px;\n    }\n\n    \/* HISTÓRIA *\/\n    .history {\n      padding: 100px 0;\n      background: #0e0c0f;\n      text-align: center;\n    }\n\n    .history .tag {\n      margin-bottom: 15px;\n    }\n\n    .history h2 {\n      font-size: 42px;\n      margin-bottom: 25px;\n    }\n\n    .history-text {\n      max-width: 780px;\n      margin: auto;\n      color: #c8c0c2;\n      font-size: 18px;\n    }\n\n    .masks {\n      display: flex;\n      justify-content: center;\n      gap: 80px;\n      margin-top: 55px;\n    }\n\n    .mask-card {\n      width: 250px;\n      padding: 30px;\n      border: 1px solid #3d3438;\n      border-radius: 8px;\n      background: #171318;\n    }\n\n    .mask-icon {\n      font-size: 70px;\n      margin-bottom: 15px;\n    }\n\n    .mask-card h3 {\n      color: #d5aa5b;\n      margin-bottom: 8px;\n    }\n\n    .mask-card p {\n      color: #aaa1a4;\n      font-family: Arial, sans-serif;\n      font-size: 14px;\n    }\n\n    \/* DETALHES *\/\n    .details {\n      padding: 80px 0;\n      background: #191519;\n    }\n\n    .details h2 {\n      text-align: center;\n      font-size: 38px;\n      margin-bottom: 45px;\n    }\n\n    .details-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .detail {\n      padding: 30px;\n      border: 1px solid #3a3236;\n      text-align: center;\n      border-radius: 6px;\n    }\n\n    .detail strong {\n      display: block;\n      color: #d5aa5b;\n      font-size: 18px;\n      margin-bottom: 8px;\n    }\n\n    .detail span {\n      color: #aaa;\n      font-family: Arial, sans-serif;\n      font-size: 14px;\n    }\n\n    \/* CTA *\/\n    .cta {\n      text-align: center;\n      padding: 100px 20px;\n      background:\n        linear-gradient(rgba(18,15,18,.9), rgba(18,15,18,.95)),\n        #7c1728;\n    }\n\n    .cta h2 {\n      font-size: 44px;\n      margin-bottom: 15px;\n    }\n\n    .cta p {\n      color: #d4cbcd;\n      margin-bottom: 30px;\n    }\n\n    footer {\n      padding: 25px;\n      text-align: center;\n      background: #090809;\n      color: #716a6d;\n      font-family: Arial, sans-serif;\n      font-size: 13px;\n    }\n\n    @media (max-width: 750px) {\n      .product-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .necklace {\n        min-height: 320px;\n      }\n\n      .masks {\n        flex-direction: column;\n        align-items: center;\n        gap: 20px;\n      }\n\n      .details-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hero {\n        min-height: 90vh;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- HERO --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"tag\"\u003eColeção Artes Cênicas\u003c\/div\u003e\n\u003ch1\u003eColar\u003cbr\u003e\u003cspan\u003eMáscaras do Teatro\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003eUm símbolo de arte, emoção e histórias. Duas máscaras que carregam séculos de tradição e representam a essência do teatro.\u003c\/p\u003e\n\u003cdiv class=\"price\"\u003eR$ 34,!90 \u003csmall\u003eà vista\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ca href=\"#comprar\" class=\"button\"\u003e Quero o meu colar \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- PRODUTO --\u003e\n\u003csection class=\"product\"\u003e\n\u003cdiv class=\"container product-grid\"\u003e\n\u003cdiv class=\"necklace\"\u003e\u003c!-- Substitua este emoji pela foto real do produto --\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-info\"\u003e\n\u003cdiv class=\"tag\"\u003eA peça\u003c\/div\u003e\n\u003ch2\u003eUma história para carregar com você.\u003c\/h2\u003e\n\u003cp\u003eO Colar Máscaras do Teatro foi inspirado no tradicional símbolo das artes cênicas: as máscaras da comédia e da tragédia.\u003c\/p\u003e\n\u003cp\u003eMais do que um acessório, ele representa a dualidade da vida: momentos de alegria, momentos de emoção e todas as histórias que vivemos no palco da existência.\u003c\/p\u003e\n\u003cul class=\"features\"\u003e\n\u003cli\u003eDesign inspirado nas máscaras clássicas do teatro\u003c\/li\u003e\n\u003cli\u003ePeça elegante e simbólica\u003c\/li\u003e\n\u003cli\u003eIdeal para amantes de teatro e artes\u003c\/li\u003e\n\u003cli\u003ePresente especial para artistas e atores\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ca href=\"#comprar\" class=\"button\"\u003eComprar agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HISTÓRIA --\u003e\n\u003csection class=\"history\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"tag\"\u003eUma breve história\u003c\/div\u003e\n\u003ch2\u003ePor que duas máscaras? 🎭\u003c\/h2\u003e\n\u003cp class=\"history-text\"\u003eO famoso par de máscaras do teatro tem suas raízes na \u003cstrong\u003eGrécia Antiga\u003c\/strong\u003e. As máscaras eram utilizadas nas apresentações teatrais e ajudavam a destacar as emoções dos personagens para o público. Com o tempo, tornaram-se um dos maiores símbolos das artes cênicas. \u003cbr\u003e\u003cbr\u003eA máscara sorridente está ligada a \u003cstrong\u003eTália\u003c\/strong\u003e, musa da comédia, enquanto a máscara triste representa \u003cstrong\u003eMelpômene\u003c\/strong\u003e, musa da tragédia. Juntas, elas simbolizam os dois grandes caminhos do drama: o riso e a emoção, a alegria e a dor.\u003c\/p\u003e\n\u003cdiv class=\"masks\"\u003e\n\u003cdiv class=\"mask-card\"\u003e\n\u003cdiv class=\"mask-icon\"\u003e😊\u003c\/div\u003e\n\u003ch3\u003eTália\u003c\/h3\u003e\n\u003cp\u003eMusa da comédia, associada à alegria, ao humor e à celebração.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mask-card\"\u003e\n\u003cdiv class=\"mask-icon\"\u003e😢\u003c\/div\u003e\n\u003ch3\u003eMelpômene\u003c\/h3\u003e\n\u003cp\u003eMusa da tragédia, ligada às histórias dramáticas e às emoções profundas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DETALHES --\u003e\n\u003csection class=\"details\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003eDetalhes da peça\u003c\/h2\u003e\n\u003cdiv class=\"details-grid\"\u003e\n\u003cdiv class=\"detail\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal com acabamento sofisticado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail\"\u003e\n\u003cstrong\u003eEstilo\u003c\/strong\u003e \u003cspan\u003eClássico e inspirado nas artes cênicas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail\"\u003e\n\u003cstrong\u003eOcasião\u003c\/strong\u003e \u003cspan\u003eUso diário, eventos e presente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"cta\" id=\"comprar\"\u003e\n\u003ch2\u003eLeve o teatro com você.\u003c\/h2\u003e\n\u003cp\u003eUma peça para quem acredita que toda vida tem uma história esperando para ser contada.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"button\"\u003eComprar o Colar 🎭\u003c\/a\u003e\u003c\/section\u003e\n\u003cfooter\u003e© 2026 — Colar Máscaras do Teatro · Arte, história e emoção.\u003c\/footer\u003e","brand":"CentralCaos","offers":[{"title":"Default Title","offer_id":46574482129092,"sku":null,"price":34.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0752\/2798\/8164\/files\/C56C2DC8-9F7E-4250-A252-FFBF7450C9B0_3599759e-0ad4-4dae-8b8b-0e52b7bf17f5.png?v=1787691280","url":"https:\/\/centralcaos.com.br\/products\/colar-mascaras-do-teatro","provider":"CentralCaos","version":"1.0","type":"link"}