:root{--jf-purple:#8b33ff;--jf-blue:#0f5dc2;--jf-white:#f1f1f1;--jf-black:#040910;--jf-yellow:#ffda33;--jf-panel:#101020;--jf-muted:#b9b7cb;--jf-line:rgba(153,118,241,.22);color-scheme:dark}
html body{background:#040910;background-image:radial-gradient(ellipse at 5% 0%,#0f5dc232,transparent 46%),radial-gradient(ellipse at 94% 55%,#8b33ff26,transparent 48%);color:#f1f1f1;font-family:Outfit,system-ui,sans-serif;isolation:isolate;min-height:100vh}
body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 15%,#0f5dc227,transparent 35%),radial-gradient(ellipse at 80% 60%,#8b33ff24,transparent 38%);animation:jf-orbit 24s ease-in-out infinite alternate;will-change:transform}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:radial-gradient(circle,#f1f1f17a .65px,transparent 1px);background-size:71px 83px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
@keyframes jf-orbit{from{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,3%,0)}}
html body h1,html body h2,html body h3,html body h4{color:#f1f1f1;font-weight:700}
html body .joy-bg{background:transparent}html body .joy-glass-strong{background:linear-gradient(170deg,#100d20ed,#050a13f5);border-color:var(--jf-line);backdrop-filter:blur(18px)}
html body aside{border-color:var(--jf-line)}html body aside nav a{color:#b9b7cb}html body aside nav a:hover{color:#f1f1f1;background:#8b33ff20}
html body .joy-nav-active{background:linear-gradient(110deg,#8b33ff30,#0f5dc229);border-left-color:#8b33ff;color:white;box-shadow:inset 0 0 0 1px #8b33ff28,0 0 22px #8b33ff0b}
.joyfy-brand-mark{width:42px;height:42px;object-fit:contain;border-radius:10px;box-shadow:0 0 20px #8b33ff20}.joyfy-wordmark{font:700 31px/1 Outfit,system-ui,sans-serif;letter-spacing:-1.2px;color:#f1f1f1}.joyfy-wordmark>span{background:linear-gradient(130deg,#8b33ff,#0f5dc2);background-clip:text;-webkit-background-clip:text;color:transparent}
html body .text-joy-black{color:#f1f1f1}html body [class*="text-joy-black/"]{color:#b9b7cb}html body .text-primary,html body .text-secondary,html body .text-joy-purple{color:#b686ff}html body [class*="border-joy-black/"]{border-color:var(--jf-line)}
html body .bg-card-bg,html body .joy-card,html body .bg-white,html body [class*="bg-white/90"],html body [class*="bg-white/95"]{background:linear-gradient(150deg,#151127f2,#080d18f5);color:#f1f1f1;border-color:var(--jf-line)}
html body .bg-joy-white{background:#191629;color:#f1f1f1}html body .joy-card{box-shadow:0 8px 30px #0003;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}html body .joy-card:hover{transform:translateY(-2px);border-color:#8b33ff66;box-shadow:0 12px 35px #8b33ff17}
html body .joy-input,html body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),html body select,html body textarea{background:#080d19;color:#f1f1f1;border-color:#79628f55;color-scheme:dark}html body input::placeholder,html body textarea::placeholder{color:#9690ad}html body input:focus,html body select:focus,html body textarea:focus{outline-color:#8b33ff;box-shadow:0 0 0 3px #8b33ff1a}
html body input[type=checkbox]{accent-color:#8b33ff}html body .joy-btn-cta{background:#ffda33;color:#040910;box-shadow:0 5px 20px #ffda3322}html body .joy-btn-cta:hover{box-shadow:0 7px 25px #ffda333b;transform:translateY(-1px)}html body button{transition:background .2s,box-shadow .2s,transform .2s}html body button:disabled{cursor:wait;opacity:.6}
html body header[class*="bg-white"]{backdrop-filter:blur(16px);background:#090b19eb}html body footer{border-color:var(--jf-line);color:#a9a2be}html body .bg-primary,html body .bg-secondary{background:#ffda33;color:#040910}html body a:focus-visible,html body button:focus-visible{outline:2px solid #ffda33;outline-offset:3px}
/* Compact site studio */
html body .studio{color:#f1f1f1}html body .studio-header{padding:24px 25px;border-radius:22px;background:linear-gradient(120deg,#8b33ff20,#0f5dc224,#04091040);border:1px solid #8b33ff38;position:relative;overflow:hidden}html body .studio-header:after{content:"";position:absolute;right:18%;top:-40px;width:150px;height:190px;border-radius:35px;background:linear-gradient(135deg,#8b33ff15,#0f5dc226);transform:rotate(28deg);pointer-events:none}html body .studio h1 span{color:#ffda33}html body .eyebrow{color:#b980ff}html body .studio p,html body .section-title p{color:#bcb5ce}html body .studio label{color:#ddd4ea}html body .studio small{color:#b9b0cc}
html body .studio-card{background:linear-gradient(145deg,#161023eb,#080e1aec);border:1px solid #8b33ff38;box-shadow:0 8px 28px #0003;position:relative}html body .studio-card:hover{border-color:#8b33ff66}html body .section-icon{background:linear-gradient(140deg,#8b33ff35,#0f5dc230);color:#c192ff;box-shadow:inset 0 0 0 1px #ad79f933}html body .studio-nav{background:#100e20cf;border-color:#8b33ff33}html body .studio-nav a{color:#c4b6d7}html body .studio-nav a:hover{background:#8b33ff28;color:#f1f1f1}
html body .primary{background:linear-gradient(115deg,#8b33ff,#0f5dc2);color:white;box-shadow:0 5px 18px #8b33ff30;border:1px solid #af74ff44}html body .primary:hover{background:linear-gradient(115deg,#9c50ff,#186ddc);box-shadow:0 8px 28px #8b33ff44;transform:translateY(-1px)}html body .studio-header>.primary,html body .save-strip>.primary{background:#ffda33;color:#040910;border-color:#ffda33;box-shadow:0 5px 22px #ffda3322}html body .secondary{background:#8b33ff24;color:#d7baff;border:1px solid #8b33ff36}
html body .logo-row{border-color:#8b33ff55;background:#8b33ff08}html body .logo-initial{background:#8b33ff25;color:#c495ff}html body .url-field{border-color:#8b33ff38}html body .url-field span{background:#1b1230;color:#bdacd6}html body .card-links,html body .text-link{color:#c298ff}html body .bio-card{background:linear-gradient(125deg,#291144,#071831)}html body .community-fields{background:#8b33ff0c;border:1px solid #8b33ff22}html body .groups-table th{background:#140e26;color:#caaee7}html body .groups-table td{border-color:#8b33ff20;color:#e2d9ee}html body .row-actions button,html body .row-actions a{background:#8b33ff25;color:#d4b2ff}html body .steps b{color:#eee4fc}html body .steps span,html body .save-strip{color:#b9aecb}html body .steps li:before{background:linear-gradient(135deg,#8b33ff40,#0f5dc230);color:#dab7ff}html body .studio dialog{background:#101020;color:#f1f1f1;border:1px solid #8b33ff55}html body .studio dialog::backdrop{background:#040910b0;backdrop-filter:blur(4px)}html body .studio dialog h3{color:#f1f1f1}
/* Public community */
html body .community-header{border-color:#8b33ff30}html body .brand{color:#f1f1f1}html body .brand-initial{background:#8b33ff25;color:#c29aff}html body .community-header a{color:#c39aff}html body .hero h1 em{background:linear-gradient(100deg,#b05aff,#5294f1);background-clip:text;-webkit-background-clip:text;color:transparent}html body .hero p{color:#c0b5d2}html body .hero-preview{background:radial-gradient(ellipse,#8b33ff2b,transparent 70%)}html body .preview-card{background:linear-gradient(140deg,#211136,#0c1322);border-color:#8b33ff50;box-shadow:0 12px 32px #8b33ff19;animation:jf-preview-float 7s ease-in-out infinite;transform:rotate(-2deg)}html body .preview-card:nth-child(2){animation-delay:-2s;transform:rotate(2deg)}html body .preview-card:nth-child(3){animation-delay:-4s}html body .preview-icon{background:linear-gradient(135deg,#8b33ff40,#0f5dc230);color:#d0a4ff}html body .preview-card small{color:#bdb0d1}html body .cta{background:#ffda33;color:#040910;box-shadow:0 8px 25px #ffda3326}html body .cta:hover{background:#ffe35b}html body .community-divider{background:linear-gradient(100deg,#8b33ff30,#0f5dc228);color:#dcc7f9;border:1px solid #8b33ff38}html body .groups-title p{color:#b9adcb}html body .category-nav a{background:#171026;border-color:#8b33ff40;color:#c9b5dd}html body .category-nav a.active{background:linear-gradient(100deg,#8b33ff,#0f5dc2);color:#fff}html body .public-group{background:linear-gradient(145deg,#171026,#090f1d);border-color:#8b33ff38;box-shadow:0 5px 20px #0002}html body .public-group:hover{border-color:#ab60ff;box-shadow:0 14px 35px #8b33ff22}html body .group-category{background:#8b33ff25;color:#d4b5f7}html body .public-group p{color:#bdb0ce}html body .public-group a{border-color:#8b33ff25;color:#ffda33}html body .community-footer{border-color:#8b33ff30;color:#ad9cc2}html body .empty{color:#b9a6d0;border-color:#8b33ff40}
@keyframes jf-preview-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
/* Store, blog and generated catalogue */
html body .site-header,html body .site-editorial,html body .site-products-wrap{background:transparent;color:#f1f1f1}html body .site-strip{background:linear-gradient(110deg,#8b33ff,#0f5dc2);color:white}html body .site-strip a{color:#ffda33}html body .site-highlight,html body .site-blog-card,html body .site-coupon-card{background:linear-gradient(145deg,#191027,#080e1b);border-color:#8b33ff40;color:#f1f1f1}html body .site-highlight-copy,html body .site-blog-copy{background:transparent;color:#f1f1f1}html body .site-kicker{color:#bd8afd}html body .site-price{color:#ffda33}html body .site-nav a,html body .site-heading a{color:#c79aff}html body .site-coupon-code{background:#8b33ff25;color:#ffda33}html body .site-heading p,html body .site-blog-card p,html body .site-coupon-card p{color:#bdb1ce}
html body .filter-chip{background:#191127;color:#d0bddf;border-color:#8b33ff38}html body .filter-chip.is-active{background:linear-gradient(110deg,#8b33ff,#0f5dc2);color:white}html body article{color:#f1f1f1}html body .grid>article{background:linear-gradient(140deg,#191026,#090f1c);border-color:#8b33ff40}html body .grid>article .price{color:#ffda33}html body a.button{background:linear-gradient(110deg,#8b33ff,#0f5dc2);color:white}html body .product-card img,html body .site-highlight img{background:#f1f1f1}
@media(prefers-reduced-motion:reduce){body:before,html body .preview-card{animation:none;will-change:auto}html body .joy-card,html body button,html body .public-group{transition:none}html body .joy-card:hover,html body .public-group:hover,html body .primary:hover,html body .joy-btn-cta:hover{transform:none}}
@media(max-width:600px){html body .studio-header{padding:20px}html body .studio-header:after{right:-20px}.joyfy-wordmark{font-size:28px}}

html body a{color:#c79aff}html body .article-content a{color:#c79aff}html body>header{background:#090e1a;border-color:#8b33ff30}html body .site-brand,html body .site-subtitle{color:#c4b8d5}html body .site-blog,.site-coupons{border-color:#8b33ff30}

html body .offer{background:#0d1423;border-color:#8b33ff40;box-shadow:0 20px 65px #04091080}html body .offer .price{color:#ffda33}html body .offer .button{background:linear-gradient(110deg,#8b33ff,#0f5dc2);color:#fff}html body .crumb,html body .store,html body small{color:#b8c2d6}

/* Fundo opaco: a classe joy-bg pertence ao próprio body. */
html{background:#040910}html body.joy-bg{background:#040910;background-image:radial-gradient(ellipse at 90% 0%,#0f5dc218,transparent 45%),radial-gradient(ellipse at 10% 75%,#8b33ff14,transparent 45%)}
html body{font-size:16px;line-height:1.6;font-weight:300;letter-spacing:.015em}html body .text-sm{font-size:15px;line-height:1.6}html body .text-xs{font-size:13px;line-height:1.5}
html body aside nav a{padding-top:14px;padding-bottom:14px}html body aside nav .text-sm{font-size:16px;letter-spacing:.015em}html body h1{letter-spacing:-.025em;line-height:1.2}html body h2,html body h3{letter-spacing:-.012em;line-height:1.35}
html body .studio{font-size:16px;line-height:1.65}html body .studio-header{background:linear-gradient(115deg,#241044,#081932);border:1px solid #8b33ff66;padding:30px}html body .studio-header h1{font-size:36px}html body .studio-header p{font-size:16px;color:#d4d5df}html body .studio-header:after{background:linear-gradient(135deg,#8b33ff55,#0f5dc255)}
html body .studio-card{background:#0c111d;border-color:#8b33ff35;padding:26px}html body .studio h2{font-size:23px}html body .studio label{font-size:16px;line-height:1.55;font-weight:300}html body .studio p,html body .section-title p{font-size:16px;line-height:1.6;color:#c9cbd9}html body .studio small,html body .studio .helper{font-size:14px;line-height:1.6;color:#b9bdce}html body .studio input,html body .studio select,html body .studio textarea{font-size:16px;padding:13px 15px;line-height:1.5}html body .studio-nav a{font-size:15px;padding:10px 15px}html body .social-grid{gap:20px}html body .groups-table th,html body .groups-table td{font-size:15px;padding:15px;line-height:1.55}html body .eyebrow{font-size:12px;letter-spacing:.16em;color:#b688ff}
html body .partnership-content section,html body .partnership-content details{background:#0c111d;color:#f1f1f1;border-color:#8b33ff40}html body .partnership-content p{color:#c9cbd9}
html body .coupon-list{display:grid;gap:16px}html body .coupon-list details{border:1px solid #8b33ff35;border-radius:14px;padding:18px;background:#080d17}html body .coupon-list summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.6}html body .coupon-list form{display:grid;gap:15px;margin-top:20px}html body .coupon-list label{display:block}html body .coupon-list input:not([type=checkbox]):not([type=hidden]),html body .coupon-list textarea{display:block;width:100%;margin-top:8px;border:1px solid #8b33ff40;border-radius:10px}html body .coupon-list button{justify-self:start;padding:12px 22px;border-radius:10px;background:linear-gradient(110deg,#8b33ff,#0f5dc2);color:white;font-weight:700}
@media(max-width:600px){html body .studio-header{padding:22px}html body .studio-header h1{font-size:30px}html body .studio-card{padding:20px}}