[hidden]{display:none!important}.catalog-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.catalog-options>span{margin-right:auto}.catalog-options label{display:flex;gap:8px;align-items:center}select{background:#182025;color:#fff;border:1px solid #526066;border-radius:8px;padding:10px;max-width:100%}.paged-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible}.paged-grid .app-card{width:auto;min-width:0}.paged-grid .poster{width:100%}.paged-grid[data-element-size=small]{grid-template-columns:repeat(4,minmax(0,1fr))}.paged-grid[data-element-size=large]{grid-template-columns:repeat(2,minmax(0,1fr))}.paged-grid.list-view{grid-template-columns:1fr}.list-view .app-card{display:flex;align-items:center;gap:24px}.list-view .poster-button{width:120px;flex-shrink:0}.list-view .poster{height:120px;aspect-ratio:1}.list-view .card-info{flex:1}.list-view .blog-cover,.list-view .blog-cover-image{height:120px}.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:28px 0}.pagination [aria-current=page]{background:#087e99;border-color:#10bacc}.highlights{display:flex;justify-content:space-between;gap:24px;padding:32px;background:linear-gradient(110deg,#123b46,#121923);border:1px solid #285663;border-radius:18px;margin-top:30px;margin-bottom:30px}.highlights h2{font-size:clamp(24px,4vw,42px);margin:12px 0}.highlights p{margin-bottom:20px}.banner-controls{display:flex;gap:10px;align-items:center}.post-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.post-actions[data-element-size=small] .button{font-size:13px;padding:10px 14px}.post-actions[data-element-size=large] .button{font-size:20px;padding:20px 28px}.custom-button{color:#fff;text-shadow:none;border:0}.rich-content,.blog-body{overflow-wrap:anywhere;white-space:normal}.rich-content img,.blog-body img,.rich-input img{display:block;max-width:100%;height:auto;border-radius:8px;margin:16px auto}.rich-content ul,.rich-content ol,.blog-body ul,.blog-body ol,.rich-input ul,.rich-input ol{padding-left:26px}.rich-content p,.blog-body p{margin:12px 0}.payment-dialog{width:min(580px,94vw);max-height:90dvh;overflow:auto;background:#10171b;color:#fff;border:1px solid #38505c;border-radius:16px}.payment-qr{display:block;width:min(280px,100%);height:auto;margin:20px auto;background:white}.payment-instructions{white-space:pre-wrap}.payment-dialog label{display:grid;gap:12px}.payment-dialog input{max-width:100%}.payment-dialog .button{margin-top:16px}.rich-editor{margin:20px 0}.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid #45535c;border-radius:10px 10px 0 0}.rich-toolbar button{background:#26343c;color:white;border:1px solid #52616b;padding:8px;border-radius:5px;cursor:pointer}.rich-toolbar label{display:flex;align-items:center;gap:6px}.rich-toolbar input[type=color]{width:42px;padding:2px}.rich-input{min-height:200px;padding:16px;border:1px solid #52616b;border-radius:0 0 10px 10px;overflow-wrap:anywhere}.rich-input:focus{outline:2px solid #13a1b7}.post-settings{border:1px solid #43555f;border-radius:12px;padding:18px;margin:24px 0}.post-settings h3{margin:24px 0 12px}.button-row{padding:12px;border:1px solid #394b56;border-radius:8px;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-row input{min-width:0}.editor-status,[data-upload-status],#receipt-status{margin:12px 0;overflow-wrap:anywhere}#filmes.featured{padding-top:42px}.admin-dialog{max-height:92dvh}.dialog-body{min-width:0}.button{white-space:normal;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #36d0e4;outline-offset:3px}@media(max-width:760px){.paged-grid,.paged-grid[data-element-size=small]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.paged-grid[data-element-size=large]{grid-template-columns:1fr}.paged-grid.list-view{grid-template-columns:1fr}.highlights{padding:22px;flex-direction:column}.catalog-options{font-size:13px}.catalog-options>span{width:100%}.button-row{grid-template-columns:1fr}.list-view .poster-button{width:90px}.list-view .poster{height:100px}.rich-toolbar{gap:8px}.rich-toolbar button{min-height:40px}}@media(max-width:380px){.paged-grid{grid-template-columns:1fr}.catalog-options label{width:100%;justify-content:space-between}}
.rich-content[data-element-size=small],.blog-body[data-element-size=small]{font-size:14px}.rich-content[data-element-size=large],.blog-body[data-element-size=large]{font-size:21px}.rich-content[data-element-size=small] img,.blog-body[data-element-size=small] img{max-width:65%}.rich-content[data-element-size=medium] img,.blog-body[data-element-size=medium] img{max-width:85%}.post-actions svg{vertical-align:middle;flex-shrink:0}.rich-content,.blog-body{line-height:1.7}

/* Nome dos filmes em destaque, antes da capa. */
.app-title-top>.app-card-title{margin:0 0 16px;text-align:center;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere}
/* Align covers across each row; longer titles use the space above them. */
:is(.home-app-grid,.app-grid):not(.list-view)>.app-title-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;row-gap:0}
:is(.home-app-grid,.app-grid):not(.list-view)>.app-title-top>.app-card-title{align-self:end}
@supports(grid-template-rows:subgrid){
 :is(.home-app-grid,.app-grid):not(.list-view)>.app-title-top{grid-row:span 3;grid-template-rows:subgrid}
}
.list-view .app-card.app-title-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 24px}
.list-view .app-title-top>.app-card-title{grid-column:1/-1;margin:0}
@media(max-width:640px){.app-title-top>.app-card-title{font-size:24px;margin-bottom:12px}}

/* Destaques de abertura com icone e proporcoes de hero. */
.highlights{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:24px 48px;min-height:480px;margin-top:28px;margin-bottom:24px;padding:52px clamp(24px,5vw,76px) 28px;background:radial-gradient(ellipse at 82% 30%,#1b525d 0%,transparent 58%),linear-gradient(120deg,#102932,#0d141b);overflow:hidden}
.highlight-copy{min-width:0}.highlight-copy h1{font-size:clamp(40px,5.5vw,76px);line-height:1.06;letter-spacing:-1.8px;margin:20px 0;overflow-wrap:anywhere}.highlight-copy p{font-size:clamp(16px,1.6vw,20px);line-height:1.65;color:#c3d9de;max-width:520px;margin:0 0 28px}.highlight-copy>.button{min-height:50px}
.highlight-art{display:grid;place-items:center;min-width:0;padding:12px}.highlight-art img{display:block;width:min(100%,300px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:23%;filter:drop-shadow(0 20px 28px #0006)}.highlight-article img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:min(100%,380px)}.highlight-monogram{display:grid;place-items:center;width:240px;max-width:100%;aspect-ratio:1;border-radius:23%;background:linear-gradient(135deg,#119eaa,#123845);font-size:100px;font-weight:700}.highlights .banner-controls{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #ffffff18;padding-top:20px}.highlights .banner-controls button{min-width:46px;min-height:44px;padding:8px 16px;font-size:24px}
@media(max-width:760px){.highlights{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px;min-height:0;margin-top:18px;padding:30px 22px 20px;text-align:center}.highlight-copy h1{font-size:clamp(34px,9vw,52px);letter-spacing:-1px;margin:16px 0}.highlight-copy p{margin:0 auto 22px;font-size:16px}.highlight-art{padding:0}.highlight-art img{width:180px}.highlight-article img{width:min(100%,280px)}.highlight-monogram{width:180px;font-size:76px}.highlights .banner-controls{justify-content:center;padding-top:16px}.highlight-copy .eyebrow{justify-content:center}}

.post-actions .custom-button{gap:10px;padding:12px 20px;min-height:46px;max-width:100%;border-radius:10px;font-size:15px;font-weight:600;line-height:1.4;text-shadow:none;box-shadow:none;letter-spacing:0;transition:filter .15s ease}
.post-actions .custom-button:hover{transform:none;filter:brightness(.94)}
.custom-button-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px}.custom-button-icon svg{display:block;width:20px;height:20px;filter:none}.custom-button-label{min-width:0;text-align:center;overflow-wrap:anywhere}
.post-actions[data-element-size=small] .custom-button{font-size:14px;padding:10px 16px}.post-actions[data-element-size=large] .custom-button{font-size:17px;padding:15px 24px}

/* Cards do blog: texto legivel e capas sem sobreposicao. */
#blog .blog-card{display:flex;flex-direction:column;min-width:0;height:100%}
#blog .blog-card>.poster-button{flex-shrink:0;border-radius:12px;background:#12232a}
#blog .blog-cover{height:240px;aspect-ratio:auto;padding:24px;justify-content:center;gap:14px;min-width:0}
#blog .blog-cover>b,.blog-reading-cover .blog-cover>b{font-family:inherit;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.3px;text-transform:none;overflow-wrap:anywhere;hyphens:auto;margin:0}
#blog .blog-cover>p,.blog-reading-cover .blog-cover>p{font-size:14px;line-height:1.65;margin:0;overflow-wrap:anywhere;color:#d4e2e6}
#blog .blog-cover-image{height:240px;aspect-ratio:auto;object-fit:cover}
#blog .blog-card .poster-open{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 18px;background:#0e1a20;opacity:1;transform:none;font-size:12px;line-height:1.4}
#blog .blog-card-copy{display:flex;flex:1;flex-direction:column;padding:18px 0 8px;min-width:0}
#blog .blog-card h3{font-size:19px;line-height:1.4;margin:9px 0 14px;letter-spacing:0}
#blog .blog-card h3 button{font:inherit;line-height:inherit}
#blog .blog-card-copy>p{margin:auto 0 6px;line-height:1.5;color:#abb8c0}
#blog .blog-card time{line-height:1.5;color:#8e9da5}
.blog-reading-cover .blog-cover{height:auto;min-height:220px;max-height:none;aspect-ratio:auto;gap:16px;justify-content:center}
#blog .list-view .blog-card{flex-direction:row;align-items:center;gap:22px}
#blog .list-view .blog-card>.poster-button{width:35%;max-width:220px}
#blog .list-view .blog-cover{height:auto;min-height:180px;padding:16px}
#blog .list-view .blog-cover>b{font-size:18px}
#blog .list-view .blog-cover>p{font-size:12px}
#blog .list-view .blog-cover-image{height:180px}
@media(max-width:640px){#blog .paged-grid,#blog .paged-grid[data-element-size=small],#blog .paged-grid[data-element-size=large]{grid-template-columns:1fr;gap:28px}#blog .blog-cover{height:auto;min-height:210px;padding:24px}#blog .blog-cover>b{font-size:24px}#blog .blog-cover>p{font-size:15px}#blog .blog-card h3{font-size:20px}#blog .catalog-options{gap:12px}#blog .catalog-options>span{display:none}#blog .list-view .blog-card{gap:16px}#blog .list-view .blog-card h3{font-size:17px}#blog .list-view .blog-cover{padding:12px}#blog .list-view .blog-cover>b{font-size:16px}#blog .list-view .blog-cover>p{display:none}}

#blog .blog-cover-image,#blog .list-view .blog-cover-image,.blog-reading-cover img.blog-cover-image{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;background:#111}
#cover-editor .image-preview canvas{display:block;max-width:100%;height:auto;margin:auto}
#cover-position{display:grid;gap:14px;margin:16px 0}

.highlights.page-width{width:calc(100% - 48px);max-width:1440px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.highlights.page-width{width:calc(100% - 32px);padding-left:20px;padding-right:20px}}

.contribute-button{margin:20px 0}.contribution-dialog canvas{width:100%;height:auto;display:block;margin:16px 0;border-radius:8px}.contribution-dialog .rich-toolbar input[type=color]{width:42px;padding:2px}.contribution-dialog .rich-toolbar label{display:flex;align-items:center;gap:8px}.submission-item{padding:22px 0;border-bottom:1px solid #34434d}.submission-item .button{margin:8px 8px 0 0}.submission-item h3,.submission-item p{overflow-wrap:anywhere}.contribution-dialog .rich-input{font-size:16px;line-height:1.65;min-height:220px}

.rich-toolbar button[aria-pressed="true"]{background:#087e99;border-color:#46d7e5;color:#fff;box-shadow:inset 0 -3px 0 #79e8f1}
.rich-toolbar button[aria-pressed="mixed"]{background:#29454f;border-color:#79e8f1;border-style:dashed;color:#fff}
.rich-toolbar button[aria-pressed="false"]:hover{background:#344650}
:root{--theme-primary:#0796a5;--theme-ink:#fff;--theme-light:#83cbd2;--theme-dark:#057581;--theme-surface:#011b1e;--theme-glow:#02353b;--theme-border:#045760}
.site-logo{display:block;width:auto;max-width:200px;height:auto;max-height:52px;object-fit:contain}.brand:has(.site-logo){display:inline-flex;align-items:center}.button.primary,.hero .button.primary{background:var(--theme-primary);color:var(--theme-ink);box-shadow:none}.button.primary:hover{background:var(--theme-primary);filter:brightness(.94)}.highlights{background:radial-gradient(ellipse at 82% 30%,var(--theme-glow),transparent 58%),linear-gradient(120deg,var(--theme-surface),#0d141b);border-color:var(--theme-border)}.pagination [aria-current=page],.rich-toolbar button[aria-pressed=true]{background:var(--theme-primary);color:var(--theme-ink);border-color:var(--theme-light)}.rich-toolbar button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--theme-light)}.blog-category{color:var(--theme-light)}.blog-cover{background:linear-gradient(140deg,var(--theme-glow),var(--theme-surface))}.highlight-monogram{background:linear-gradient(135deg,var(--theme-primary),var(--theme-surface))}.header nav a[aria-current]:after{background:var(--theme-primary)}button:focus-visible,a:focus-visible,select:focus-visible,.rich-input:focus,.blog-dialog input:focus-visible,.blog-dialog textarea:focus-visible{outline-color:var(--theme-light)}.blog-dialog input[type=range]{accent-color:var(--theme-primary)}.logo-preview{display:grid;place-items:center;min-height:110px;padding:20px;border:1px dashed #52616b;border-radius:10px;background:#101619}.logo-preview img{max-width:100%;max-height:100px;object-fit:contain}.theme-swatches{display:flex;gap:12px;flex-wrap:wrap}.theme-swatches button{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff70}.appearance-dialog input[type=color]{height:48px;padding:4px}.appearance-dialog p{line-height:1.6}@media(max-width:640px){.site-logo{max-width:155px;max-height:42px}}
.cover-poster.app-cover{background:radial-gradient(ellipse at top,var(--theme-glow),var(--theme-surface) 70%)}
/* O tamanho escolhido no blog controla a tipografia em grade e lista. */
#blog .paged-grid{--blog-cover-title:24px;--blog-summary:15px;--blog-title:20px;--blog-meta:13px;--blog-label:12px}
#blog .paged-grid[data-element-size=small]{--blog-cover-title:20px;--blog-summary:13px;--blog-title:17px;--blog-meta:12px;--blog-label:11px}
#blog .paged-grid[data-element-size=large]{--blog-cover-title:29px;--blog-summary:18px;--blog-title:24px;--blog-meta:15px;--blog-label:14px}
#blog .paged-grid .blog-cover>b{font-size:var(--blog-cover-title)}
#blog .paged-grid .blog-cover>p{font-size:var(--blog-summary)}
#blog .paged-grid .blog-card h3{font-size:var(--blog-title)}
#blog .paged-grid .blog-card-copy>p,#blog .paged-grid .blog-card time{font-size:var(--blog-meta)}
#blog .paged-grid .blog-category,#blog .paged-grid .blog-card .poster-open{font-size:var(--blog-label)}
#blog .paged-grid .blog-cover{height:auto;min-height:240px}
@media(max-width:640px){#blog .paged-grid .blog-cover{min-height:210px}#blog .paged-grid.list-view .blog-card{flex-direction:column;align-items:stretch}#blog .paged-grid.list-view .blog-card>.poster-button{width:100%;max-width:none}#blog .paged-grid.list-view .blog-cover>p{display:block}}

/* Native form menus follow the dark editor and fit narrow screens. */
.admin-dialog,.contribution-dialog{color-scheme:dark;box-sizing:border-box;max-width:calc(100vw - 24px)}
.admin-dialog select,.contribution-dialog select{color-scheme:dark;font:inherit;font-size:16px;line-height:1.4;min-width:0;max-width:100%;background-color:#202023;color:#fff}
.admin-dialog option,.contribution-dialog option{background-color:#202023;color:#fff;font-size:16px}
.rich-editor,.rich-toolbar,.rich-input{box-sizing:border-box;min-width:0;max-width:100%}
.rich-toolbar label{min-width:0;max-width:100%;flex-wrap:wrap}
.rich-toolbar select{width:auto;min-height:44px;flex:1 1 auto}
@media(max-width:640px){
 .admin-dialog .dialog-body,.contribution-dialog .dialog-body{padding-left:16px;padding-right:16px;min-width:0}
 .rich-toolbar{padding:10px;gap:8px}
 .rich-toolbar label:has(select){flex:1 1 100%;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center}
 .rich-toolbar label select{width:100%;margin:0}
 .rich-toolbar button{font-size:14px;min-height:44px}
 .admin-dialog input:not([type=color]):not([type=checkbox]),.admin-dialog textarea,.contribution-dialog input:not([type=color]):not([type=checkbox]),.contribution-dialog textarea{font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
}

/* Keep formatting actions, text presets and colors on separate rows. */
.rich-toolbar{flex-direction:column;align-items:stretch;gap:12px}
.rich-toolbar .toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;width:100%}
.rich-toolbar .toolbar-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #35434b;padding-top:12px}
.rich-toolbar .toolbar-selects label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;font-size:13px}
.rich-toolbar .toolbar-selects select{width:100%;min-width:0;margin:0}
.rich-toolbar .toolbar-colors{border-top:1px solid #35434b;padding-top:12px}
.rich-toolbar .toolbar-colors label{margin:0;flex-direction:row;align-items:center;font-size:13px}
@media(max-width:380px){.rich-toolbar .toolbar-selects{grid-template-columns:1fr}}

/* Keep each editor's tools visible within the dialog while its text scrolls. */
.rich-editor{position:relative}
.rich-editor>.rich-toolbar{position:sticky;top:0;z-index:2;background:#172127;box-shadow:0 6px 14px #0005;max-height:40dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:640px){
 .rich-editor>.rich-toolbar{gap:6px;padding:8px}
 .admin-dialog .dialog-body,#content-form,.admin-dialog #content-form>*,.rich-editor,.rich-editor>.rich-toolbar,.rich-editor>.rich-toolbar .toolbar-row{min-width:0;max-width:100%}
 .rich-editor>.rich-toolbar .toolbar-actions,.rich-editor>.rich-toolbar .toolbar-colors{flex-wrap:wrap;overflow-x:visible;padding-bottom:4px}
 .rich-editor>.rich-toolbar .toolbar-actions button,.rich-editor>.rich-toolbar .toolbar-colors>*{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .rich-editor>.rich-toolbar .toolbar-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:6px}
 .rich-editor>.rich-toolbar .toolbar-selects label{display:flex;font-size:12px;gap:3px}
 .rich-editor>.rich-toolbar .toolbar-selects select{min-width:0;max-width:100%}
 .rich-editor>.rich-toolbar .toolbar-colors{padding-top:6px}
}

.app-search{margin:24px 0 0;width:100%}.app-search label{display:grid;gap:10px;color:#eee;font-size:14px}.app-search input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 16px;border:1px solid #526066;border-radius:10px;background:#182025;color:#fff;font:inherit;font-size:16px;color-scheme:dark}.app-search input::placeholder{color:#aeb8be}.app-search input:focus-visible{outline:2px solid var(--theme-light,#36d0e4);outline-offset:2px}.app-search p{margin:12px 0;color:#bfc9ce;font-size:14px;line-height:1.5}

.highlights.has-background{background-size:cover;background-position:center;background-repeat:no-repeat}
/* Full-height contrast mask, fading only toward the right artwork. */
.highlights.has-background{position:relative;isolation:isolate}
.highlights.has-background::before{content:none}
.highlights.has-background .highlight-copy,.highlights.has-background .banner-controls{position:relative;z-index:1}
.highlights.has-background .highlight-copy h1,.highlights.has-background .highlight-copy p,.highlights.has-background .eyebrow{color:#fff;text-shadow:0 2px 8px #0008}
.highlight-slots{display:grid;gap:18px}.highlight-slots fieldset{display:grid;gap:12px;min-width:0;margin:0;border:1px solid #414148;border-radius:12px;padding:18px}.highlight-slots legend{padding:0 8px;font-weight:700}.highlight-slots .highlight-background-preview{display:block;width:100%;aspect-ratio:16/6;object-fit:cover;border-radius:8px;background:#111}.highlight-slots [data-remove]{justify-self:start}.highlight-slots [data-upload-status]{font-size:13px;line-height:1.5;margin:0}.highlights-dialog>.dialog-body>p{line-height:1.6}

/* Slides show the uploaded background and left-aligned copy only. */
.highlights{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
.highlights .highlight-copy{width:min(100%,620px);text-align:left}
.highlights .highlight-copy>p{margin-left:0;margin-right:0}
.highlights .highlight-copy .eyebrow,.highlights .banner-controls{justify-content:flex-start}
.background-upload-help{margin:0;font-size:13px;line-height:1.6;color:#bfc5cc}
.background-upload-help strong{color:#eee;font-weight:600}
@media(max-width:760px){.highlights{min-height:420px;text-align:left;grid-template-rows:1fr auto}.highlights .highlight-copy h1{font-size:clamp(32px,8vw,48px)}}

.catalog-options label{min-width:0}.catalog-options select[name=catalog-category]{max-width:260px;text-overflow:ellipsis}
.catalog-filter-status{color:#bfc9ce;font-size:14px;line-height:1.5;margin:16px 0}
@media(max-width:760px){.catalog-options label{flex:1 1 180px;justify-content:space-between}.catalog-options label:has([name=catalog-category]){flex-basis:100%}.catalog-options select[name=catalog-category]{flex:1;max-width:none;min-width:0}.catalog-options label:has([name=catalog-category]) select{margin-left:12px}}

.home-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.home-catalog-link{display:flex;justify-content:center;margin:0;padding:32px 0 0;text-align:center}
.home-app-heading{position:relative;max-width:1440px;margin:0 auto 20px;padding-bottom:20px;border-bottom:1px solid #ffffff20;font-size:clamp(24px,3vw,32px);line-height:1.25;letter-spacing:-.6px;text-align:left}
.home-app-heading::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:3px;border-radius:3px;background:var(--red)}
#filmes:has(.home-app-grid)>.app-carousel-heading{display:none}
.highlights .banner-controls .banner-autoplay{font-size:13px;min-height:44px;margin-left:auto;padding:10px 16px}
@media(max-width:760px){.home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.home-app-grid .app-card-title{font-size:20px}.home-catalog-link .button{width:100%}}

/* Square app cards and compact carousel navigation. */
.app-card .poster-button>.poster{aspect-ratio:1/1}
.app-carousel-heading{display:flex;justify-content:flex-end;margin-bottom:16px}

/* Hide the secondary search on the apps catalog. */
.catalog .app-search{display:none}

/* Keep app grids aligned with the banner when zooming out. */
.home-app-grid,.catalog:has(.app-grid)>*{max-width:1440px;margin-left:auto;margin-right:auto}

/* Home app size controls, matching the catalog grid. */
.home-size-options{max-width:1440px;margin-left:auto;margin-right:auto;justify-content:flex-end}
.home-app-grid[data-element-size=small]{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-app-grid[data-element-size=medium]{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-app-grid[data-element-size=large]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.home-app-grid[data-element-size=small],.home-app-grid[data-element-size=medium]{grid-template-columns:repeat(2,minmax(0,1fr))}.home-app-grid[data-element-size=large]{grid-template-columns:1fr}}
@media(max-width:380px){.home-app-grid[data-element-size=small]{grid-template-columns:repeat(2,minmax(0,1fr))}.home-app-grid[data-element-size=large]{grid-template-columns:1fr}}

.home-blog-size-options{justify-content:flex-end}

/* Recharge checkout: plan, optional guarantee and the exact payment total. */
.recharge-checkout{--checkout-green:#00ed95;width:100%;min-width:0;border:1px solid #15543e;border-radius:15px;padding:24px;background:radial-gradient(ellipse at 45% 70%,#07251a99,transparent 80%),#0c1210;color:#f5f7f6;font-family:'Inter',Arial,sans-serif;text-align:left}
.recharge-checkout h3{margin:0 0 7px;font-size:clamp(21px,2.3vw,28px);line-height:1.25;font-weight:800;letter-spacing:-.4px}
.recharge-checkout .recharge-intro{margin:0 0 20px;color:#a3ada8;font-size:16px;line-height:1.5}
.recharge-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.recharge-plan{position:relative;display:flex!important;flex-direction:column;gap:10px!important;min-width:0;padding:20px;border:2px solid #323935;border-radius:14px;background:#111512;cursor:pointer;color:#f5f7f6!important}
.recharge-plan.is-selected{border-color:var(--checkout-green);background:linear-gradient(125deg,#003820aa,#06302266);box-shadow:inset 0 0 0 1px var(--checkout-green)}
.recharge-plan input{position:absolute;opacity:0;width:1px!important;height:1px;min-width:0;padding:0!important;pointer-events:none}
.recharge-plan:has(input:focus-visible){outline:3px solid white;outline-offset:4px}
.plan-heading{display:flex;align-items:center;gap:12px;font-size:18px;min-height:28px}
.plan-radio{width:27px;height:27px;border:3px solid #87908b;border-radius:50%;flex-shrink:0;padding:4px;background-clip:content-box}
.is-selected .plan-radio{border-color:var(--checkout-green);background-color:var(--checkout-green)}
.plan-popular{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--checkout-green);border:1px solid #087749;border-radius:30px;padding:5px 9px;background:#003e2440}
.plan-price{font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:-1px;line-height:1.1;overflow-wrap:anywhere}
.is-selected .plan-price{color:var(--checkout-green)}
.plan-price small{font-size:18px;font-weight:600;color:#a7ada9;letter-spacing:0;margin-left:7px}
.plan-caption{color:#a9b1ac;font-size:14px;line-height:1.4}
.is-unavailable{opacity:.5;cursor:default}.is-unavailable .plan-price{font-size:22px}
.recharge-guarantee{display:flex!important;align-items:center;gap:16px!important;margin-top:16px;padding:18px;border:1px solid #1a4f3a;border-radius:14px;background:#06302244;position:relative;cursor:pointer}
.recharge-guarantee input{position:absolute;opacity:0;width:1px!important;height:1px;padding:0!important}
.guarantee-check{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:2px solid #587466;border-radius:6px;font-size:25px;color:transparent;font-weight:900}
.recharge-guarantee:has(input:checked) .guarantee-check{background:var(--checkout-green);border-color:var(--checkout-green);color:#002619}
.recharge-guarantee:has(input:focus-visible){outline:3px solid white;outline-offset:4px}
.guarantee-copy{display:grid;gap:5px;flex:1;min-width:0}.guarantee-copy strong{font-size:17px}.guarantee-copy strong>span{color:#9faea6;margin-left:6px}.guarantee-copy>span{font-size:12px;color:#a6b5ac;line-height:1.5}
.guarantee-copy .guarantee-description{white-space:pre-line;overflow-wrap:anywhere}.guarantee-description:empty{display:none}
.guarantee-price{display:flex;align-items:center;gap:7px;color:var(--checkout-green);font-size:17px;font-weight:800;white-space:nowrap}.guarantee-price svg{width:29px;height:33px}
.recharge-quantity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 10px 17px}.recharge-quantity strong{font-size:17px}.recharge-checkout .recharge-quantity p{font-size:14px;color:#a9b1ac;margin:5px 0 0}
.quantity-control{display:flex;align-items:center;border:1px solid #2e5141;border-radius:12px;overflow:hidden;background:#09241955}.quantity-control button{width:43px;height:48px;border:0;background:#07372355;color:var(--checkout-green);font:700 27px Arial;cursor:default}.quantity-control button:disabled{opacity:.4}.quantity-control output{min-width:62px;text-align:center;font-size:26px;font-weight:800}
.recharge-total{padding:16px 24px 12px;border:1px solid #15543e;border-radius:13px;background:linear-gradient(115deg,#05332199,#08271977)}.recharge-total>span{display:block;font-size:12px;letter-spacing:1px;font-weight:700;color:#a1b3a8}.recharge-total>strong{display:block;color:var(--checkout-green);font-weight:900;font-size:clamp(33px,5vw,48px);line-height:1.15;letter-spacing:-1px}.recharge-checkout .recharge-total p{font-size:14px;color:#a3b5aa;margin:3px 0 0;line-height:1.4}
.recharge-buy{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:59px;margin-top:8px;padding:13px 18px;background:linear-gradient(#00e48c,#00b874);border:1px solid #00f597;border-radius:13px;color:#fff;font:800 24px 'Inter',Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 1px #8fffc340;text-shadow:0 1px 2px #005b3b55}.recharge-buy svg{width:28px;height:28px}.recharge-buy:hover{filter:brightness(1.08)}.recharge-buy:focus-visible{outline:3px solid white;outline-offset:4px}.recharge-buy:disabled{opacity:.45;cursor:not-allowed}.recharge-checkout .recharge-status{font-size:13px;color:#ffcca3;margin:10px 0}
.recharge-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;gap:16px}.recharge-specs>div{display:flex;align-items:center;gap:15px;padding-right:12px;min-width:0}.recharge-specs>div+div{border-left:1px solid #2c3931;padding-left:16px}.recharge-specs svg{width:29px;height:32px;color:var(--checkout-green);flex-shrink:0}.recharge-specs span{font-size:12px;color:#929b96;overflow-wrap:anywhere}.recharge-specs strong{display:block;color:#e9efeb;font-size:15px;margin-top:4px;font-weight:600}
#app-dialog:has(.recharge-checkout){width:min(960px,calc(100% - 24px))}
.payment-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-qr-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-qr-slot{padding:16px;border:1px solid #355345;border-radius:12px;min-width:0}.payment-qr-slot>strong,.payment-qr-slot>output{display:block;margin-bottom:10px}.payment-qr-slot>output{color:#00ed95;font-weight:700}.payment-qr-slot .payment-qr{max-height:180px;width:auto;max-width:100%;object-fit:contain}.payment-qr-slot [data-upload-status]{font-size:13px}.payment-order-summary{padding:12px;border:1px solid #276748;border-radius:10px;background:#08261a;color:#00ed95!important;line-height:1.6}
@media(max-width:640px){.recharge-checkout{padding:16px}.recharge-plan{padding:14px;gap:9px!important}.plan-heading{font-size:15px;gap:7px;flex-wrap:wrap}.plan-radio{width:23px;height:23px}.plan-popular{font-size:10px;padding:4px 6px;margin-left:0}.plan-price{font-size:29px}.plan-price small{font-size:14px;margin-left:3px}.plan-caption{font-size:12px}.recharge-checkout .recharge-intro{font-size:14px}.recharge-guarantee{padding:13px;gap:10px!important;flex-wrap:wrap}.guarantee-copy{flex-basis:calc(100% - 50px)}.guarantee-copy strong{font-size:15px}.guarantee-price{margin-left:44px;font-size:15px}.guarantee-price svg{width:23px;height:25px}.recharge-quantity{padding:17px 0;gap:10px}.recharge-quantity strong{font-size:14px}.recharge-checkout .recharge-quantity p{font-size:12px}.quantity-control button{width:30px;height:42px;font-size:23px}.quantity-control output{min-width:35px;font-size:23px}.recharge-total{padding:14px}.recharge-checkout .recharge-total p{font-size:12px}.recharge-buy{font-size:20px}.recharge-specs{gap:8px}.recharge-specs>div{gap:7px;padding-right:0;align-items:flex-start}.recharge-specs>div+div{padding-left:8px}.recharge-specs svg{width:20px;height:24px}.recharge-specs span{font-size:9px}.recharge-specs strong{font-size:12px}.payment-price-fields,.payment-qr-fields{grid-template-columns:1fr}}
@media(max-width:360px){.recharge-plans{grid-template-columns:1fr}.recharge-specs svg{display:none}}
.recharge-total{margin-top:18px}
.youtube-editor-field{display:grid;gap:8px;margin:12px 0 24px}.youtube-editor-field small{color:#a4ada8;line-height:1.5}.youtube-video{width:100%;aspect-ratio:16/9;margin:22px 0;border-radius:12px;overflow:hidden;background:#000}.youtube-video iframe{display:block;width:100%;height:100%;border:0}.quantity-control button:not(:disabled){cursor:pointer}.quantity-control button:not(:disabled):hover{background:#075433}.payment-amount-instruction{padding:14px;border:1px solid #276748;background:#08261a;border-radius:10px;line-height:1.6}.payment-amount-instruction strong{color:#00ed95;white-space:nowrap}
.guarantee-control{display:block!important;flex-shrink:0;cursor:pointer}.guarantee-copy strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guarantee-copy strong label{cursor:pointer;font:inherit;color:inherit;display:inline}.guarantee-terms-button{display:inline-grid;place-items:center;min-width:32px;min-height:32px;border:0;border-radius:50%;background:transparent;color:#a6b5ac;font-size:23px;cursor:pointer;padding:0}.guarantee-terms-button:hover{background:#18412c;color:#00ed95}.guarantee-terms-button:focus-visible{outline:2px solid #00ed95;outline-offset:3px}.guarantee-terms-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:#d5ded8;margin:20px 0}.guarantee-terms-dialog h2{padding-right:25px}
.payment-price-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.guarantee-price [data-guarantee-price]{white-space:normal;line-height:1.4;font-size:14px;max-width:180px}@media(max-width:640px){.payment-price-fields{grid-template-columns:1fr}}
.payment-qr-fields{grid-template-columns:1fr}.payment-qr-slot [data-qr-total]:empty{display:none}

.related-app .cover-poster.app-cover.related-app-icon{padding:4px;min-width:56px;overflow:hidden}.related-app .related-app-icon img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;box-shadow:none}.guarantee-terms-content,.payment-instructions,.page-text{white-space:normal;overflow-wrap:anywhere}

/* Checkout follows the available panel width, including narrow phone dialogs. */
.recharge-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.plan-price{overflow-wrap:normal;word-break:normal;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,36px)}
.plan-price small{display:block;margin:5px 0 0}
.recharge-quantity{flex-wrap:wrap}
.recharge-quantity>div:first-child{flex:1 1 180px;min-width:0}
.quantity-control{flex:0 0 auto;max-width:100%;overflow:visible}
.quantity-control button{flex:0 0 44px;width:44px;min-width:44px;height:48px;padding:0;touch-action:manipulation}
.quantity-control button:first-child{border-radius:11px 0 0 11px}
.quantity-control button:last-child{border-radius:0 11px 11px 0}
.quantity-control output{flex:0 0 48px;min-width:48px}
.recharge-total>strong{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-size:clamp(24px,5vw,42px)}
@media(max-width:640px){
 .recharge-plans{grid-template-columns:1fr;gap:12px}
 .recharge-plan{padding:16px}
 .plan-price{font-size:28px;letter-spacing:-.5px}
 .recharge-quantity{align-items:flex-start;gap:14px}
 .quantity-control{margin-left:auto}
 .recharge-guarantee{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:10px!important}
 .guarantee-control{grid-column:1;grid-row:1;margin:0}
 .guarantee-copy{grid-column:2;min-width:0}
 .guarantee-copy strong{flex-wrap:nowrap;gap:4px}
 .guarantee-copy strong label{min-width:0}
 .guarantee-copy .guarantee-terms-button{flex:0 0 32px}
 .guarantee-price{grid-column:1/-1;margin-left:0;justify-content:center;flex-wrap:wrap;font-size:14px}
 .recharge-specs{grid-template-columns:1fr;gap:12px}
 .recharge-specs>div+div{border-left:0;padding-left:0}
 .recharge-specs span{font-size:12px}.recharge-specs strong{font-size:14px}
}

.button-icon-preview{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:6px;border:1px solid #52616b;border-radius:10px;background:#17333a;color:#fff}.button-icon-preview svg{width:28px;height:28px}.download svg{width:24px;height:24px;flex-shrink:0}.custom-button-icon{flex-basis:24px;width:24px;height:24px}.custom-button-icon svg{width:24px;height:24px}

/* Circular app browsing on the home page. */
.home-app-rail{position:relative;max-width:1440px;margin:0 auto;padding:0 28px}
.home-app-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:42px;height:48px;padding:0;border:1px solid #ffffff35;border-radius:8px;background:#181818;color:#fff;font-size:32px;line-height:1;box-shadow:0 4px 16px #0006}
.home-app-arrow[data-direction="-1"]{left:-21px}.home-app-arrow[data-direction="1"]{right:-21px}
.home-app-arrow:hover{background:var(--theme-primary,var(--red));color:var(--theme-ink,#fff)}
@media(max-width:760px){.home-app-rail{padding:0 18px}.home-app-arrow{width:32px;height:44px}.home-app-arrow[data-direction="-1"]{left:-12px}.home-app-arrow[data-direction="1"]{right:-12px}}

.home-app-viewport{position:relative;overflow:hidden;padding:6px;margin:-6px}
.home-app-outgoing{position:absolute;inset:6px 6px auto;pointer-events:none}

/* Stable carousel rows: short and long names reserve the same space. */
.home-app-grid .app-card-title{height:3.6em;min-height:3.6em;line-height:1.2;display:flex;align-items:flex-end;justify-content:center}
.home-app-grid .app-card-title>a,.home-app-grid .app-card-title>button{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:3.6em}
.home-app-grid .card-info{min-height:52px;height:52px;align-items:center}
.home-app-grid .card-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-app-viewport{overflow-anchor:none}
@media(max-width:760px){.home-app-grid .app-card-title{font-size:clamp(16px,4.4vw,20px);margin-bottom:12px}.home-app-grid .card-info{min-height:48px;height:48px}}

/* Hero slides move together; navigation stays in place above the layers. */
.highlights{position:relative;isolation:isolate}
.highlights>.hero-motion-layer{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2;pointer-events:none;will-change:transform;box-sizing:border-box}
.highlights>.hero-motion-layer .banner-controls{visibility:hidden}
.highlights.hero-is-moving>.highlight-copy{visibility:hidden}
.highlights.hero-is-moving>.banner-controls{position:relative;z-index:3}
.highlights .highlight-copy h1{font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:3.36em;max-height:3.36em;overflow-wrap:anywhere}
.highlights .highlight-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.95em;max-height:4.95em}
@media(max-width:760px){.highlights .highlight-copy h1{font-size:clamp(28px,7vw,40px);line-height:1.12}}

/* Compact, responsive home slider. Artwork keeps its full aspect ratio. */
.highlights{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);grid-template-rows:minmax(0,1fr) auto;gap:18px clamp(20px,4vw,48px);min-height:clamp(270px,28vw,360px);margin-top:24px;margin-bottom:22px;padding:clamp(24px,4vw,48px) clamp(22px,5vw,64px) 20px;border:1px solid #ffffff18;border-radius:18px;background:radial-gradient(ellipse at 78% 38%,#17414a 0%,transparent 52%),linear-gradient(115deg,#111b20,#0d1217);box-shadow:0 18px 48px #0003}
.highlights.has-background{background-size:cover;background-position:center;background-repeat:no-repeat}
.highlights .highlight-copy{align-self:center;width:min(100%,620px)}
.highlights .highlight-copy .eyebrow{font-size:11px;letter-spacing:1.2px;color:#44d7d0}
.highlights .highlight-copy h1{min-height:0;max-height:3.36em;margin:12px 0;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.8px}
.highlights .highlight-copy p{min-height:0;max-height:4.8em;margin:0 0 18px;font-size:clamp(14px,1.4vw,17px);line-height:1.55;color:#c3d0d2}
.highlights .highlight-copy>.button{min-height:44px;padding:10px 18px;border-radius:8px;font-size:14px}
.highlights .highlight-art{display:grid;place-items:center;align-self:stretch;min-width:0;min-height:0;padding:0}
.highlights .highlight-artwork{display:block;width:100%;height:min(25vw,250px);max-width:380px;max-height:250px;object-fit:contain;object-position:center;border:1px solid #ffffff18;border-radius:12px;background:#070b0d55;box-shadow:0 14px 34px #0005}
.highlights .highlight-monogram{width:min(100%,220px);font-size:clamp(64px,9vw,100px)}
.highlights .banner-controls{grid-column:1/-1;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding-top:12px;border-top:1px solid #ffffff18}
.highlights .banner-controls button{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff0d;font-size:22px;line-height:1}
.highlights .banner-controls button:hover{background:#ffffff1c}
.highlights .highlight-count{color:#9eafb3;font-size:12px;font-variant-numeric:tabular-nums}
.highlights.has-background::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#071116df 0%,#071116a8 58%,#07111672 100%),linear-gradient(0deg,#0711169c,transparent 65%)}
.highlights .highlight-backdrop-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.34;pointer-events:none}
.highlights .highlight-copy,.highlights .highlight-art,.highlights .banner-controls{position:relative;z-index:2}
@media(max-width:760px){.highlights{grid-template-columns:minmax(0,1.2fr) minmax(110px,.8fr);grid-template-rows:minmax(0,1fr) auto;min-height:240px;gap:14px 16px;margin-top:18px;padding:22px 18px 16px;text-align:left}.highlights .highlight-copy{width:100%}.highlights .highlight-copy .eyebrow{font-size:9px;letter-spacing:.8px}.highlights .highlight-copy h1{font-size:clamp(24px,5vw,34px);line-height:1.12;margin:9px 0;min-height:0;max-height:3.36em}.highlights .highlight-copy p{font-size:13px;line-height:1.45;margin-bottom:12px;min-height:0;max-height:4.35em}.highlights .highlight-copy>.button{min-height:40px;padding:8px 12px;font-size:12px}.highlights .highlight-artwork{height:clamp(120px,28vw,190px);max-height:190px;border-radius:10px}.highlights .highlight-monogram{width:100%;max-width:150px;font-size:64px}.highlights .banner-controls{justify-content:flex-start;padding-top:10px}.highlights .banner-controls button{width:36px;min-width:36px;height:36px;min-height:36px}}
@media(max-width:420px){.highlights{grid-template-columns:minmax(0,1fr) minmax(82px,.62fr);min-height:220px;padding:18px 14px 14px;gap:12px}.highlights .highlight-copy h1{font-size:clamp(22px,6vw,28px)}.highlights .highlight-copy p{font-size:12px}.highlights .highlight-artwork{height:116px}.highlights .highlight-copy>.button{font-size:11px;padding:8px 10px}}

/* Blog covers use the full source image on cards and article pages. */
#blog .blog-cover-image,#blog .list-view .blog-cover-image,.blog-reading-cover img.blog-cover-image{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;object-position:center;background:#101316}

#app-dialog .post-actions{justify-content:center}

.app-description{position:relative;overflow:hidden}
.app-description.is-collapsed{max-height:240px}
.app-description.is-collapsed:has(+.description-toggle:not([hidden])){mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
.description-toggle{display:block;margin:12px auto 24px;padding:10px 20px;min-height:44px;border:1px solid var(--theme-border,#444);border-radius:6px;background:#202023;color:var(--theme-light,#fff);font:inherit;font-weight:700;cursor:pointer}
.description-toggle:hover{background:#303035}

/* Keep the footer below the viewport without hiding page content. */
body>main{min-height:calc(100svh - 96px)}
.navigation-snapshot{display:none!important}

.favicon-preview{display:flex;align-items:center;justify-content:center;min-height:80px;border:1px dashed #526066;border-radius:8px;padding:16px;background:#171717}.favicon-preview img{width:48px;height:48px;object-fit:contain}

.recent-button-colors{grid-column:1/-1;display:grid;gap:8px}.recent-button-colors>span{font-size:12px;color:#b8bdc7}.recent-button-colors>div{display:flex;flex-wrap:wrap;gap:8px}.recent-button-colors button{width:28px;height:28px;min-height:28px;padding:0;border:1px solid #ffffff70;border-radius:4px;cursor:pointer}.recent-button-colors button:hover{outline:2px solid white;outline-offset:2px}

.recharge-coupon{box-sizing:border-box;width:100%;min-width:0;padding:18px;border:1px solid #164332;border-radius:9px;margin:18px 0;background:linear-gradient(115deg,#0a1711,#062419);color:#edf6f0}
.recharge-coupon label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;font-size:18px;font-weight:700;line-height:1.4}
.coupon-heading-icon{display:flex;flex:0 0 22px;color:#00ed95}.coupon-heading-icon svg{width:22px;height:22px}
.recharge-coupon p{font-size:15px;font-weight:400;line-height:1.5;color:#c4d5ca;margin:8px 0 12px}
.coupon-entry{display:flex;align-items:stretch;gap:10px;min-width:0;margin:0}
.coupon-input-wrap{position:relative;flex:1 1 0;min-width:0}
.coupon-input-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#91a99a;pointer-events:none}
.coupon-entry input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;height:auto;border:1px solid #284535;border-radius:8px;padding:12px 12px 12px 44px;background:#0a1b13;color:#edf6f0;font-family:inherit;font-size:16px;font-weight:400;line-height:normal;letter-spacing:.2px;text-transform:none}
.coupon-entry input::placeholder{color:#b2c7ba;opacity:1}
.coupon-entry button{box-sizing:border-box;flex:0 0 auto;min-width:100px;min-height:48px;height:auto;border:1px solid #08784f;border-radius:8px;background:#006b45;color:#e7fff0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;padding:12px 18px;cursor:pointer}
.coupon-entry button:hover{background:#087c52}.coupon-entry button:disabled{opacity:.5}
.coupon-entry input:focus-visible,.coupon-entry button:focus-visible{outline:2px solid var(--checkout-green,#00ed95);outline-offset:2px}
.recharge-coupon [data-coupon-status]:empty{display:none}.recharge-coupon [data-coupon-status]:not(:empty){margin:12px 0 0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.coupon-admin-list article,.coupon-order{border:1px solid #ffffff25;border-radius:10px;padding:14px;margin:12px 0;overflow-wrap:anywhere}

/* Warranty selection: aligned control, readable copy and a separate price row. */
.recharge-checkout .recharge-guarantee{display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px 12px!important;padding:16px;margin-top:16px;border:1px solid #28513e;border-radius:12px;background:linear-gradient(130deg,#10241a,#0b1b13);cursor:default;box-sizing:border-box;transition:border-color .18s,background .18s}
.recharge-checkout .guarantee-control{grid-column:1;grid-row:1;margin:0;padding:0;min-width:0;min-height:32px;display:grid!important;place-items:center}
.recharge-checkout .guarantee-check{width:26px;height:26px;box-sizing:border-box;border:1.5px solid #698475;border-radius:7px;font-size:19px;background:#0b1711}
.recharge-checkout .guarantee-copy{grid-column:2;grid-row:1;display:grid;gap:6px;min-width:0}
.recharge-checkout .guarantee-copy strong{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:5px;min-height:32px;font-size:16px;line-height:1.3}
.recharge-checkout .guarantee-copy strong label{min-width:0;margin:0;overflow-wrap:normal}
.recharge-checkout .guarantee-terms-button{flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;font-size:20px;color:#a8c8b5}
.recharge-checkout .guarantee-description{font-size:12px;line-height:1.6;color:#b0c1b7}
.recharge-checkout .guarantee-price{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:7px;margin:0;padding:10px 0 0;border-top:1px solid #284534;min-width:0;font-weight:700}
.recharge-checkout .guarantee-price svg{flex:0 0 18px;width:18px;height:20px}
.recharge-checkout .guarantee-price [data-guarantee-price]{max-width:none;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.recharge-checkout .recharge-guarantee:has(input:checked){border-color:var(--checkout-green);background:linear-gradient(130deg,#0d3020,#0b2419);box-shadow:inset 0 0 0 1px #00ed951a}
.recharge-checkout .recharge-guarantee:has(input:checked) .guarantee-check{background:var(--checkout-green);border-color:var(--checkout-green);color:#002619}
@media(max-width:640px){
 .recharge-checkout .recharge-guarantee{padding:12px;grid-template-columns:28px minmax(0,1fr);gap:8px!important}
 .recharge-checkout .guarantee-copy strong{font-size:14px;gap:3px}
 .recharge-checkout .guarantee-description{font-size:12px}
 .recharge-checkout .guarantee-price{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.recharge-checkout .recharge-guarantee{transition:none}}

/* Mobile app sizes retain square icons and stable, readable card rows. */
@media(max-width:760px){
 :is(.home-app-grid,.app-grid)[data-element-size=small]{--mobile-icon:96px;--mobile-title:15px;--mobile-list-icon:64px}
 :is(.home-app-grid,.app-grid)[data-element-size=medium]{--mobile-icon:144px;--mobile-title:18px;--mobile-list-icon:88px}
 :is(.home-app-grid,.app-grid)[data-element-size=large]{--mobile-icon:224px;--mobile-title:22px;--mobile-list-icon:112px}
 :is(.home-app-grid,.app-grid)[data-element-size]{gap:16px 12px;min-width:0}
 :is(.home-app-grid,.app-grid)[data-element-size] .app-card{min-width:0;max-width:100%}
 :is(.home-app-grid,.app-grid)[data-element-size] .poster-button{width:min(100%,var(--mobile-icon));max-width:100%;justify-self:center;margin-inline:auto}
 :is(.home-app-grid,.app-grid)[data-element-size] .poster{width:100%;height:auto;min-height:0;aspect-ratio:1;box-sizing:border-box;overflow:hidden}
 :is(.home-app-grid,.app-grid)[data-element-size] .app-cover img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0}
 :is(.home-app-grid,.app-grid)[data-element-size] .app-card-title{font-size:var(--mobile-title);line-height:1.25;height:3.75em;min-height:3.75em;margin-bottom:10px;overflow:hidden;overflow-wrap:anywhere;display:flex;align-items:flex-end;justify-content:center}
 :is(.home-app-grid,.app-grid)[data-element-size] .app-card-title :is(a,button){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:inherit}
 :is(.home-app-grid,.app-grid)[data-element-size] .card-info{gap:6px;min-width:0;padding-top:10px}
 :is(.home-app-grid,.app-grid)[data-element-size] .card-info p{font-size:12px;overflow-wrap:anywhere}
 .app-grid.list-view[data-element-size] .poster-button{width:var(--mobile-list-icon)}
 .app-grid.list-view[data-element-size] .app-card{grid-template-columns:var(--mobile-list-icon) minmax(0,1fr);gap:10px 12px}
 .app-grid.list-view[data-element-size] .app-card-title{height:auto;min-height:0}
 :is(.home-app-grid,.app-grid)[data-element-size] .poster-icon{font-size:42px}
 :is(.home-app-grid,.app-grid)[data-element-size] .poster-copy strong{font-size:20px}
}

/* Keep the mobile app action below the square cover. */
@media(max-width:760px){
 .app-title-top .poster-button>.poster-open{position:static;opacity:1;transform:none;width:100%;align-items:center;background:#101010}
}

/* Readable coupon forms and comfortable touch targets. */
.coupon-admin-dialog{width:min(900px,calc(100% - 24px));max-width:900px;font-size:16px;line-height:1.5}
.coupon-admin-dialog p,.coupon-admin-dialog label,.coupon-admin-dialog legend,.coupon-admin-dialog time{font-size:16px;line-height:1.5}
.coupon-admin-dialog h2{font-size:28px}.coupon-admin-dialog h3{font-size:22px}
.coupon-admin-dialog input:not([type=checkbox]),.coupon-admin-dialog .button{font-size:16px;min-height:48px}
.coupon-admin-dialog fieldset{padding:18px;margin:20px 0}
.coupon-admin-dialog .check-label{min-height:44px;gap:12px}
.coupon-admin-dialog input[type=checkbox]{width:22px;height:22px;flex-shrink:0}
.coupon-admin-dialog fieldset{border:1px solid #ffffff28;border-radius:10px;background:linear-gradient(135deg,#10191d,#111313)}
.coupon-admin-dialog fieldset legend{padding:0 8px;font-weight:700}
.coupon-admin-dialog fieldset:has([name=monthlyDiscount]){border-color:#00c99a;background:linear-gradient(120deg,#06251e,#101719)}
.coupon-admin-dialog fieldset:has([name=annualDiscount]){border-color:#17b8ee;background:linear-gradient(120deg,#071e2b,#101719)}
.coupon-admin-dialog fieldset:has([name=maxUsesPerCustomer]){border-color:#00c99a;background:linear-gradient(120deg,#06251e,#101719)}
.coupon-admin-dialog fieldset small{display:block;margin-top:8px;color:#b9c9d2;font-size:14px}
.coupon-admin-list article{background:#101416}
.coupon-admin-list article strong{font-size:18px;color:#fff}
.coupon-admin-list article p{margin:7px 0;color:#c6d1d5}
.coupon-statistics{margin:18px 0 14px;padding:12px;border:1px solid #ffffff25;border-radius:10px;background:#0b1115;color:#e8f0f4}
.coupon-statistics h3{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:18px!important}
.coupon-statistics h3 span{color:#19c9e9;font-size:22px}
.coupon-statistics>p{margin:0 0 8px;color:#aebdc5;font-size:13px!important;line-height:1.35!important}
.coupon-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.coupon-stat-card{display:flex;align-items:flex-start;gap:8px;min-width:0;min-height:82px;padding:9px 8px;border:1px solid;border-radius:8px;background:#10191d}
.coupon-stat-card .coupon-stat-icon{display:block;flex:0 0 22px;width:22px;height:22px}
.coupon-stat-card svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.coupon-stat-card>div{display:grid;min-width:0;gap:1px}
.coupon-stat-card strong{font-size:20px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}
.coupon-stat-card b{font-size:11px;line-height:1.2;color:#f0f4f6}
.coupon-stat-card small{margin-top:3px;color:#aab7bf;font-size:9px;line-height:1.25}
.coupon-stat-card.stat-total{color:#00e3a1;border-color:#00c98b;background:linear-gradient(135deg,#06261f,#0b1717)}
.coupon-stat-card.stat-used{color:#22b9f2;border-color:#168cca;background:linear-gradient(135deg,#071f2d,#10191d)}
.coupon-stat-card.stat-remaining{color:#ff9c19;border-color:#d77900;background:linear-gradient(135deg,#251a0b,#151614)}
.coupon-stat-card.stat-clients{color:#ca55ff;border-color:#8a24c1;background:linear-gradient(135deg,#1e1029,#15131a)}
.coupon-stat-progress{height:9px;margin-top:8px;overflow:hidden;border-radius:99px;background:#293541}
.coupon-stat-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00dc9a,#13d9c2);transition:width .2s ease}
.coupon-stat-legend{display:flex;justify-content:space-between;gap:12px;margin-top:4px;color:#e4eaee;font-size:11px;line-height:1.3}
.coupon-orders-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.coupon-orders-filters label{display:grid;gap:4px;font-size:13px!important}
.coupon-orders-filters input[type=date]{min-height:40px;padding:8px 10px;background:#171b1f;color:#f3f6f8;border:1px solid #39444b;border-radius:7px;color-scheme:dark}
.coupon-orders-filters .button{min-height:40px;padding:8px 13px;font-size:13px}
.coupon-order-filter-status{margin:6px 0;color:#aebbc2;font-size:13px!important}
.coupon-order-list .coupon-order .delete-button{min-height:36px;margin:6px 0 0;padding:7px 12px;font-size:13px}
@media(max-width:560px){.coupon-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.coupon-stat-grid{grid-template-columns:1fr}.coupon-stat-legend{font-size:10px}}
@media(max-width:480px){.recharge-coupon{padding:16px}.coupon-entry{flex-direction:column}.coupon-entry button{width:100%}.coupon-admin-dialog .form-row{grid-template-columns:1fr}.coupon-admin-dialog .dialog-body{padding:20px}}

/* Compact Pix checkout inspired by the payment reference. */
.checkout-payment-dialog{width:min(480px,calc(100% - 24px));max-width:480px;max-height:min(92dvh,900px);padding:0;background:#0d1110;color:#f3f5f4;border:1px solid #29342f;border-radius:16px;box-shadow:0 24px 80px #000b}
.checkout-payment-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.checkout-payment-dialog>.close{position:sticky;z-index:2;top:10px;float:right;display:grid;place-items:center;width:36px;height:36px;margin:10px 10px -46px 0;padding:0;border:1px solid #344039;border-radius:50%;background:#151c18;color:#d8e3dc;font-size:25px;line-height:1;cursor:pointer}
.checkout-payment-body{padding:26px 24px 22px}
.checkout-payment-body>h2{margin:0 42px 18px 0;color:#f7faf8;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.checkout-payment-total{display:grid;gap:5px;margin-bottom:16px;padding:14px 16px;border:1px solid #15583b;border-radius:11px;background:linear-gradient(110deg,#09251a,#102019)}
.checkout-payment-total>strong{color:#00ed95;font-size:31px;line-height:1.15;letter-spacing:-.5px}
.checkout-payment-total>span{color:#b5c3bb;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.checkout-payment-body>.payment-order-summary{margin:0 0 14px;padding:9px 12px;font-size:12px}
.payment-qr-frame{display:grid;place-items:center;width:min(100%,250px);min-height:220px;margin:18px auto;padding:14px;border:1px solid #2b4537;border-radius:13px;background:#101713}
.checkout-payment-dialog .payment-qr{width:min(100%,220px);max-height:220px;object-fit:contain;margin:0;padding:8px;border-radius:7px;background:#fff}
.pix-copy-card{display:grid;gap:9px;margin:16px 0;padding:14px;border:1px solid #314138;border-radius:11px;background:#141a16}
.pix-copy-card>span{color:#a6b5ab;font-size:10px;font-weight:800;letter-spacing:1.1px}
.pix-copy-card>code{display:block;max-height:74px;overflow:auto;padding:9px;border:1px solid #303a34;border-radius:7px;background:#0b100d;color:#d8e4dc;font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}
.pix-copy-button{width:100%;min-height:43px;padding:10px 14px;border:1px solid #00d887;border-radius:8px;background:#00c77d;color:#062418;font-size:15px;font-weight:800;cursor:pointer}
.pix-copy-button:hover{background:#00ed95}.pix-copy-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#pix-copy-status{min-height:0;margin:0;color:#00ed95;font-size:12px;line-height:1.4}
#pix-copy-status:empty{display:none}
.checkout-payment-body>.payment-amount-instruction{display:flex;gap:10px;align-items:flex-start;margin:15px 0;padding:12px;border:1px solid #276c4c;border-radius:9px;background:#0b2a1d;color:#c5d8cd;font-size:12px;line-height:1.55}
.payment-amount-instruction>span:first-child{flex:0 0 auto;color:#00ed95;font-size:12px}
.payment-amount-instruction strong{color:#fff}
.checkout-instructions{margin:17px 0 14px}
.checkout-instructions h3{margin:0 0 8px;color:#eff5f1;font-size:15px;line-height:1.4}
.checkout-instructions h3 span{margin-right:6px;color:#00ed95}
.checkout-instructions .payment-instructions{color:#b9c5be;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.checkout-instructions .payment-instructions:empty{display:none}
.checkout-instructions-copy{position:relative;max-height:92px;overflow:hidden;transition:max-height .2s ease}
.checkout-instructions-copy:not(.is-expanded)::after{position:absolute;right:0;bottom:0;left:0;height:28px;background:linear-gradient(transparent,#0d1110);content:"";pointer-events:none}
.checkout-instructions-copy.is-expanded{max-height:2000px;overflow:visible}
.checkout-instructions-copy.is-expanded::after{display:none}
.checkout-instructions-toggle{margin:4px 0 0;padding:4px 0;border:0;background:transparent;color:#00ed95;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.checkout-instructions-toggle:hover{color:#a0ffd7}
.checkout-instructions-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.checkout-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:15px 0 5px;padding:10px 14px;border:1px solid #245a3b;border-radius:9px;background:#10271b;color:#bde7cf;text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.checkout-whatsapp-icon{display:inline-grid;place-items:center;flex:0 0 17px;width:17px;height:17px;color:#00ed95}
.checkout-whatsapp-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.checkout-whatsapp:hover{border-color:#00c77d;background:#123322}
.receipt-details{margin-top:14px;border-top:1px solid #29332e;color:#c5d0c9}
.receipt-details>summary{padding:14px 2px 8px;color:#aebdb3;font-size:13px;cursor:pointer}
.receipt-details>p{font-size:12px;line-height:1.5}
.receipt-details label{gap:8px;color:#dae2dd;font-size:12px}
.receipt-details input{width:100%;font-size:12px}
.checkout-payment-dialog .receipt-details .button{min-height:42px;margin-top:8px;padding:10px 14px;font-size:13px}
.receipt-details .admin-note{color:#98a79e;font-size:11px;line-height:1.5}
@media(max-width:480px){.checkout-payment-body{padding:22px 17px 18px}.checkout-payment-body>h2{font-size:20px}.checkout-payment-total>strong{font-size:28px}.payment-qr-frame{min-height:190px;width:min(100%,220px)}.checkout-payment-dialog .payment-qr{width:min(100%,190px);max-height:190px}}

.highlight-slots .highlight-background-preview{aspect-ratio:16/5;object-fit:cover;background:#0b1013;border:1px solid #ffffff1a}

/* O destaque usa somente a imagem enviada como fundo do slide. */
.highlights{grid-template-columns:minmax(0,1fr)}.highlights .highlight-art{display:none}.highlights .highlight-backdrop-image{object-fit:cover;object-position:center;opacity:.62}

.highlights.has-background::before{content:none!important;display:none!important}.highlights .highlight-backdrop-image{opacity:1!important}
/* Coupon stats separated by billing plan */
.coupon-stat-grid-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.coupon-stat-card.stat-monthly{color:#00e3a1;border-color:#00c98b;background:linear-gradient(135deg,#06261f,#0b1717)}
.coupon-stat-card.stat-annual{color:#22b9f2;border-color:#168cca;background:linear-gradient(135deg,#071f2d,#10191d)}
.coupon-stat-plan-progress{margin-top:9px;padding:7px 9px;border:1px solid #ffffff25;border-radius:7px;background:#10191d;color:#dbe5eb;font-size:11px}
.coupon-stat-plan-progress>b{font-size:11px}
.coupon-stat-plan-progress:has([data-stat-monthly-bar]) .coupon-stat-progress span{background:linear-gradient(90deg,#00dc9a,#13d9c2)}
.coupon-stat-plan-progress:has([data-stat-annual-bar]) .coupon-stat-progress span{background:linear-gradient(90deg,#087dea,#22b9f2)}
@media(max-width:700px){.coupon-stat-grid-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.coupon-stat-grid-plans{grid-template-columns:1fr}}
.coupon-stat-card .coupon-stat-icon{display:grid;place-items:center;font-size:19px;font-weight:800;line-height:1}
.coupon-stat-plan-progress .coupon-stat-progress span{transition:width .2s ease}
.coupon-stat-plan-progress:has([data-stat-annual-bar]){border-color:#168cca}
.coupon-stat-plan-progress:has([data-stat-monthly-bar]){border-color:#00c98b}

/* Homepage highlights: responsive image-card slider */
.highlights.page-width{display:block;width:calc(100% - 40px);max-width:1440px;margin:24px auto 28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;isolation:auto}
.highlights .highlight-track{display:flex;gap:12px;width:100%;overflow:visible;will-change:transform}
.highlights .highlight-card{position:relative;display:block;flex:0 0 calc((100% - 36px)/4);min-width:0;aspect-ratio:1/1;padding:0;overflow:hidden;border:0;border-radius:8px;background:#111820;color:#fff;text-align:left;cursor:pointer;transform:none}
.highlights .highlight-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1)}
.highlights .highlight-card-shade{position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent 0%,#0004 38%,#000e 100%);pointer-events:none}
.highlights .highlight-card-title{position:absolute;right:12px;bottom:12px;left:12px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow-wrap:anywhere;color:#fff;font-size:clamp(14px,1.3vw,19px);font-weight:700;line-height:1.22;text-shadow:0 2px 8px #000}
@media(hover:hover){.highlights .highlight-card:hover img,.highlights .highlight-card:focus-visible img{transform:scale(1.07)}}
.highlights .highlight-carousel-controls{display:flex;align-items:center;justify-content:flex-start;gap:9px;margin-top:12px}
.highlights .highlight-carousel-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff0d;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.highlights .highlight-carousel-controls button:hover{background:#ffffff20}
.highlights .highlight-count{min-width:44px;color:#aeb8be;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
.highlights.highlights-static{overflow:visible}
.highlights-static .highlight-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.highlight-slots .highlight-background-preview{aspect-ratio:1/1;object-fit:cover}
.highlight-slider-settings{display:grid;gap:10px;margin:0 0 18px;padding:16px;border:1px solid #3c4950;border-radius:10px}
.highlight-slider-settings label:not(.check-label){display:grid;gap:7px}
.highlight-slider-settings input[type=number]{max-width:180px}
@media(max-width:900px){.highlights .highlight-card{flex-basis:calc((100% - 12px)/2)}.highlights-static .highlight-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.highlights.page-width{width:calc(100% - 28px);margin:18px auto 22px}.highlights .highlight-track{gap:10px}.highlights .highlight-card{flex-basis:82%;aspect-ratio:1/1}.highlights-static .highlight-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.highlights .highlight-card-title{right:10px;bottom:10px;left:10px;-webkit-line-clamp:4;font-size:clamp(13px,4vw,17px)}}
@media(prefers-reduced-motion:reduce){.highlights .highlight-track,.highlights .highlight-card img{transition:none!important}}
.highlight-slots .highlight-background-preview{aspect-ratio:1/1}

/* Desktop always shows the four newest items; mobile keeps manual highlights and arrow navigation. */
.highlights .highlight-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.highlights .highlight-mobile-carousel{display:none}.highlights .highlight-latest-grid .highlight-card{width:100%;min-width:0;aspect-ratio:1/1}
@media(max-width:760px){.highlights .highlight-latest-grid{display:none}.highlights .highlight-mobile-carousel{display:block;overflow:hidden}.highlights .highlight-track{display:flex;gap:10px;transition:transform .8s cubic-bezier(.22,.7,.2,1)}.highlights .highlight-mobile-carousel .highlight-card{flex:0 0 82%;min-width:0;aspect-ratio:1/1}.highlights .highlight-mobile-carousel .highlight-carousel-controls{display:flex;align-items:center;gap:9px;margin-top:12px}.highlights .highlight-mobile-carousel .highlight-carousel-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff0d;color:#fff;font-size:23px;line-height:1;cursor:pointer}.highlights .highlight-mobile-carousel .highlight-count{min-width:44px;color:#aeb8be;font-size:12px;text-align:center}}

@media(min-width:761px){.highlights .highlight-latest-grid{display:grid}.highlights .highlight-mobile-carousel{display:none}}
@media(max-width:760px){.highlights .highlight-latest-grid{display:none}.highlights .highlight-mobile-carousel{display:block}}

/* Provider-aware responsive video embeds. */
.youtube-video.video-tiktok{width:min(100%,420px);aspect-ratio:9/16;margin:22px auto}.youtube-video.video-tiktok iframe{aspect-ratio:9/16}.youtube-video.video-vimeo,.youtube-video.video-youtube{aspect-ratio:16/9}
@media(max-width:520px){.youtube-video.video-tiktok{width:min(100%,360px)}}

@media(min-width:1000px){.highlights{max-width:1440px;margin-left:auto;margin-right:auto}}

/* Refresh mobile highlights with a calmer frame and fully visible artwork. */
.highlights.page-width{padding:clamp(12px,2.5vw,20px);border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(145deg,#111820 0%,#0a1016 68%,#101923 100%);box-shadow:0 18px 44px #0005}
.highlights .highlight-card{aspect-ratio:4/3;border:1px solid #ffffff18;border-radius:16px;background:radial-gradient(ellipse at 50% 28%,#25333e 0%,#111820 72%);box-shadow:0 10px 26px #0005;isolation:isolate}
.highlights .highlight-card img{inset:9px 9px 61px;width:calc(100% - 18px);height:calc(100% - 70px);object-fit:contain;object-position:center;padding:0}
.highlights .highlight-card-shade{inset:auto 0 0;height:66px;background:linear-gradient(180deg,#10182000 0%,#101820 28%,#101820 100%)}
.highlights .highlight-card-title{right:14px;bottom:13px;left:14px;-webkit-line-clamp:2;font-size:clamp(14px,1.45vw,19px);line-height:1.25;text-shadow:none}
.highlights .highlight-mobile-carousel{min-width:0}
.highlights .highlight-track{gap:12px;transition:transform 1.1s cubic-bezier(.22,.72,.22,1)}
.highlights .highlight-carousel-controls{gap:10px;margin-top:14px}
.highlights .highlight-carousel-controls button{width:42px;height:42px;border-color:#ffffff24;background:#ffffff0b;font-size:25px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.highlights .highlight-carousel-controls button:hover{border-color:#39c5d2;background:#0a839244}
.highlights .highlight-count{font-size:13px}
@media(max-width:760px){.highlights.page-width{width:calc(100% - 28px);margin:18px auto 24px;padding:12px;border-radius:19px}.highlights .highlight-latest-grid{display:none}.highlights .highlight-mobile-carousel{display:block;overflow:hidden;padding:2px 1px 4px}.highlights .highlight-track{gap:0}.highlights .highlight-mobile-carousel .highlight-card{flex:0 0 100%;min-width:0;aspect-ratio:4/3}.highlights .highlight-mobile-carousel .highlight-card img{inset:8px 8px 55px;width:calc(100% - 16px);height:calc(100% - 63px)}.highlights .highlight-mobile-carousel .highlight-card-shade{height:60px}.highlights .highlight-mobile-carousel .highlight-card-title{right:12px;bottom:11px;left:12px;-webkit-line-clamp:2;font-size:clamp(18px,4.4vw,22px);line-height:1.2}.highlights .highlight-carousel-controls{margin-top:10px}}
@media(max-width:380px){.highlights.page-width{width:calc(100% - 20px);padding:9px;border-radius:16px}.highlights .highlight-mobile-carousel .highlight-card{flex-basis:100%}.highlights .highlight-mobile-carousel .highlight-card img{inset:7px 7px 51px;width:calc(100% - 14px);height:calc(100% - 58px)}.highlights .highlight-mobile-carousel .highlight-card-shade{height:56px}.highlights .highlight-mobile-carousel .highlight-card-title{right:10px;bottom:10px;left:10px}}
@media(prefers-reduced-motion:reduce){.highlights .highlight-track,.highlights .highlight-carousel-controls button{transition:none!important}}

/* Tighten the space between home catalog title, size control and cards. */
.home-app-heading{margin-bottom:8px;padding-bottom:14px}.home-size-options{margin-top:4px;margin-bottom:8px}.home-app-rail{margin-top:0}
@media(max-width:760px){.home-app-heading{margin-bottom:8px;padding-bottom:12px}.home-size-options{margin-top:2px;margin-bottom:10px}}

/* Compact home catalog heading so size controls and app cards sit closer together. */
.home-app-heading{margin-bottom:4px;padding-bottom:10px}.home-size-options{margin-top:0;margin-bottom:4px}.home-app-grid .app-card-title{height:2.4em;min-height:2.4em;margin-bottom:8px;line-height:1.2}.home-app-grid .app-card-title>a,.home-app-grid .app-card-title>button{-webkit-line-clamp:2;max-height:2.4em}
@media(max-width:760px){.home-app-heading{margin-bottom:4px;padding-bottom:10px}.home-size-options{margin-top:0;margin-bottom:6px}:is(.home-app-grid,.app-grid)[data-element-size] .app-card-title{height:2.5em;min-height:2.5em;margin-bottom:8px}:is(.home-app-grid,.app-grid)[data-element-size] .app-card-title :is(a,button){-webkit-line-clamp:2;max-height:2.5em}}

.home-app-arrow svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.home-app-arrow{font-size:0}
@media(max-width:760px){.home-app-arrow svg{width:19px;height:19px}}
/* Give the home slider and its size control a wider side gutter on desktop. */
@media(min-width:1000px){#filmes.featured.page-width{padding-left:clamp(44px,8vw,132px);padding-right:clamp(44px,8vw,132px)}#filmes .home-app-rail,#filmes .home-size-options,#filmes .home-app-grid{max-width:1320px}.home-app-rail{padding-left:38px;padding-right:38px}.home-app-arrow[data-direction="-1"]{left:0}.home-app-arrow[data-direction="1"]{right:0}}
@media(min-width:761px) and (max-width:999px){#filmes.featured.page-width{padding-left:6%;padding-right:6%}}
/* Put the home app size selector on the title row, above its divider. */
#filmes:has(.home-app-grid)>.home-app-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
#filmes>.home-app-heading .home-size-options{flex:0 0 auto;width:auto;margin:0;padding:0;border:0;justify-content:flex-end}
#filmes>.home-app-heading .home-size-options label{white-space:nowrap}
@media(max-width:760px){#filmes:has(.home-app-grid)>.home-app-heading{align-items:center;gap:10px;flex-wrap:wrap}#filmes>.home-app-heading .home-size-options{margin-left:auto}#filmes>.home-app-heading{padding-bottom:10px}}
/* Desktop catalog layout; final responsive sizing is defined below. */
@media(min-width:1000px){#filmes:has(.home-app-grid)>.home-app-heading,#filmes .home-app-grid{max-width:900px}#filmes .home-app-rail{max-width:960px}#filmes .home-app-grid{gap:22px 18px}#filmes .home-app-grid .app-card-title{font-size:clamp(18px,1.8vw,24px)}#filmes .home-app-heading{font-size:clamp(22px,2vw,26px)}}

/* Keep homepage sections on the same centered content width. */
@media(min-width:1000px){.highlights.page-width{width:calc(100% - 40px);max-width:900px}#blog .paged-grid,#blog .catalog-options,#blog .pagination{width:100%;max-width:900px;margin-left:auto;margin-right:auto}}

/* Reduce the vertical gaps between homepage sections. */
.highlights.page-width{margin-bottom:8px}
#filmes.featured{padding-top:20px;padding-bottom:42px}
#blog{margin-top:0;padding-top:24px}
@media(max-width:760px){.highlights.page-width{margin-bottom:4px}#filmes.featured{padding-top:16px;padding-bottom:34px}#blog{padding-top:18px}}

/* Put the blog heading and its size selector on one row, like the app section. */
#blog:has(.home-blog-size-options){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px}
#blog:has(.home-blog-size-options)>.section-heading{display:contents}
#blog:has(.home-blog-size-options)>.section-heading>div:first-child{grid-column:1;grid-row:1}
#blog:has(.home-blog-size-options)>.section-heading>.carousel-controls{display:none}
#blog .home-blog-size-options{grid-column:2;grid-row:1;margin:0;align-self:center}
#blog .blog-carousel,#blog .all-apps,#blog .pagination{grid-column:1/-1}
#blog .home-blog-size-options label{white-space:nowrap}
@media(max-width:560px){#blog:has(.home-blog-size-options){column-gap:10px}#blog .home-blog-size-options{font-size:13px}#blog .home-blog-size-options select{padding:8px}}

/* Keep the blog title level with its size control and separate it from the cards. */
#blog:has(.home-blog-size-options)>.section-heading>div:first-child{align-self:center;padding-bottom:18px}
#blog:has(.home-blog-size-options)>.section-heading>div:first-child h2{margin:10px 0 0;line-height:1.25}
#blog .home-blog-size-options{align-self:center;margin-bottom:18px}
#blog .blog-carousel{margin-top:4px}
@media(max-width:560px){#blog:has(.home-blog-size-options)>.section-heading>div:first-child{padding-bottom:14px}#blog .home-blog-size-options{margin-bottom:14px}}

/* Center the complete homepage blog block so its heading, selector and cards
   share one responsive width at every browser zoom level. */
#blog:has(.home-blog-size-options){width:min(calc(100% - 48px),960px);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;row-gap:24px}
#blog:has(.home-blog-size-options)>.section-heading>div:first-child{padding-bottom:0}
#blog .home-blog-size-options{margin-bottom:0}
#blog .blog-carousel{width:100%;min-width:0;margin-top:0}
@media(max-width:560px){#blog:has(.home-blog-size-options){width:calc(100% - 32px);row-gap:18px}}

/* Extend homepage section backgrounds across the full viewport at any zoom. */
#filmes.featured,#blog.blog-section{position:relative;isolation:isolate}
#filmes.featured::before,#blog.blog-section::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(#0c0c0c,#090909);pointer-events:none}

/* Align the blog heading row with the visible carousel card edges. */
@media(min-width:761px){#blog:has(.home-blog-size-options)>.section-heading>div:first-child{padding-left:24px}#blog .home-blog-size-options{margin-right:40px}}

/* Let the highlight cards determine their own section height. */
.highlights.page-width{min-height:0;margin-bottom:8px}
@media(max-width:760px){.highlights.page-width{min-height:0;margin-bottom:6px}}

/* Full width, responsive site footer. */
body>footer{width:100%;margin:64px 0 0;padding:28px clamp(24px,5vw,80px);display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff18;background:linear-gradient(180deg,#11161a,#090b0d)}
body>footer>.brand{flex:0 0 auto}
body>footer>p{margin:0;color:#9aa5aa;font-size:14px;line-height:1.6}
body>footer nav{gap:18px}
body>footer nav a,body>footer .admin-footer-link{color:#aab5ba;font-size:13px;transition:color .2s}
body>footer nav a:hover,body>footer .admin-footer-link:hover,body>footer .privacy-settings-link:hover{color:#fff}
body>footer .privacy-settings-link{color:#aab5ba;font-size:13px;text-decoration:none}
@media(max-width:760px){body>footer{margin-top:42px;padding:24px 6%;gap:14px 18px;flex-wrap:wrap}body>footer>p{flex:1 1 calc(100% - 120px)}body>footer nav{order:3;width:100%}body>footer .admin-footer-link{order:4;margin-left:0}body>footer .privacy-settings-link{order:5}}
#filmes>.home-app-heading .home-size-options label{font-size:14px;font-weight:500;gap:8px}
#filmes>.home-app-heading .home-size-options select{min-height:34px;padding:6px 10px;font-size:14px}
/* Site-wide type hierarchy: page title, section title, card title, description, and metadata. */
h1{font-weight:800;line-height:1.08;letter-spacing:-.04em}
h2{font-weight:700;line-height:1.2;letter-spacing:-.025em}
h3{font-weight:600;line-height:1.3;letter-spacing:-.015em}
h4,h5,h6{font-weight:600;line-height:1.35}
strong,b{font-weight:700}
p{font-weight:400}
.hero h1,.catalog h1,.auth-card h1{font-weight:800}
.section-heading h2,.home-app-heading{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.03em}
.app-card-title{font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.blog-card h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.hero-content>p,.catalog-heading p,.highlight-copy p,.blog-card-copy>p,.blog-body,.blog-comment p{font-size:15px;font-weight:400;line-height:1.65}
.card-info p,.blog-category,.blog-card time,.eyebrow{font-weight:500}
/* Keep app names compact and clearly secondary to section headings. */
.app-title-top>.app-card-title,:is(.home-app-grid,.app-grid)[data-element-size] .app-card-title{font-size:clamp(15px,1.4vw,18px)}
#filmes .home-app-grid>.app-title-top>.app-card-title{font-size:clamp(15px,1.4vw,18px)}
/* Compact paginated coupon order table, matching the supplied admin reference. */
.coupon-orders-table-area{width:100%;min-width:0;margin-top:10px;color:#dbe2e8;font-family:inherit}
.coupon-orders-table-wrap{width:100%;overflow:auto;border:1px solid #28323a;border-radius:9px;background:#0b0e11;scrollbar-color:#394650 #101419}
.coupon-orders-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.4}
.coupon-orders-table th{padding:9px 10px;background:#11171c;color:#9baab5;font-size:10px;font-weight:600;white-space:nowrap;border-bottom:1px solid #28323a}
.coupon-orders-table td{padding:8px 10px;border-bottom:1px solid #1e272e;color:#d5dde3;vertical-align:middle;white-space:nowrap}
.coupon-orders-table tbody tr:last-child td{border-bottom:0}
.coupon-orders-table tbody tr:hover{background:#12191e}
.coupon-orders-table th:first-child,.coupon-orders-table td:first-child{width:25%}
.coupon-orders-table th:nth-child(2),.coupon-orders-table td:nth-child(2){width:42%}
.coupon-orders-table td:nth-child(2){white-space:normal;min-width:250px}
.coupon-orders-table td:nth-child(2) strong,.coupon-orders-table td:nth-child(2) small{display:block}
.coupon-orders-table td:nth-child(2) strong,.coupon-orders-table td:nth-child(4) strong{color:#f1f5f8;font-size:11px;font-weight:600}
.coupon-orders-table td:nth-child(2) small{margin-top:2px;color:#91a0aa;font-size:10px}
.coupon-order-id{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:160px}
.coupon-order-id>span{overflow:hidden;text-overflow:ellipsis}
.coupon-order-delete{flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid #3a3435;border-radius:5px;background:#171314;color:#f08a8f;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;opacity:.72}
.coupon-order-delete:hover{opacity:1;background:#32191b;border-color:#784044}
.coupon-orders-empty{height:62px;text-align:center!important;color:#99a7b0!important;font-size:12px!important}
.coupon-orders-footer{display:flex;align-items:center;gap:18px;min-height:42px;padding:7px 2px 0;color:#87949e;font-size:10px}
.coupon-orders-footer>p{margin:0 auto 0 0;color:#87949e;font-size:10px}
.coupon-orders-pages{display:flex;align-items:center;gap:4px}
.coupon-orders-pages button{min-width:22px;height:23px;padding:0 6px;border:1px solid #303b44;border-radius:4px;background:#11171c;color:#b7c2ca;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer}
.coupon-orders-pages button[aria-current=page]{border-color:#1769ff;background:#1769ff;color:#fff}
.coupon-orders-pages button:disabled{opacity:.38;cursor:default}
.coupon-orders-pages button:hover:not(:disabled):not([aria-current=page]){background:#222c34}
.coupon-orders-ellipsis{padding:0 2px;color:#82909a}
.coupon-orders-page-size{display:flex!important;align-items:center;gap:7px;color:#8997a1;font-size:10px!important;white-space:nowrap}
.coupon-orders-page-size select{min-width:48px;min-height:26px;padding:3px 7px;border:1px solid #303b44;border-radius:5px;background:#11171c;color:#dbe2e8;font:inherit}
@media(max-width:700px){.coupon-orders-footer{flex-wrap:wrap;gap:8px}.coupon-orders-footer>p{flex:1 1 100%}.coupon-orders-pages{order:2}.coupon-orders-page-size{order:3;margin-left:auto}}
/* Coupon admin dashboard: summary, filters, status cards, and inline editor. */
.coupon-admin-dialog{width:min(1200px,calc(100vw - 32px));max-width:1200px;max-height:94dvh;border:1px solid #25313b;border-radius:12px;background:#0b1014;color:#e8edf2;box-shadow:0 24px 90px #000c}
.coupon-admin-dialog>.dialog-body{padding:16px;overflow:auto;max-height:94dvh}
.coupon-admin-heading{display:flex;align-items:center;gap:14px;padding:0 48px 13px 4px;border-bottom:1px solid #1d2730}
.coupon-admin-heading-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;color:#1697ff;font-size:34px;line-height:1}
.coupon-admin-heading>div{min-width:0}
.coupon-admin-heading h2{margin:0;color:#f4f7fa;font-size:21px;line-height:1.2;letter-spacing:-.35px}
.coupon-admin-heading p{margin:3px 0 0;color:#90a0ae;font-size:11px;line-height:1.4}
.coupon-new-button{display:flex;align-items:center;gap:8px;min-height:34px;margin-left:auto;padding:7px 13px;border:1px solid #087aff;border-radius:8px;background:#0867e8;color:#fff;font:600 12px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.coupon-new-button:hover{background:#0b79ff}
.coupon-dashboard{margin-top:12px}
.coupon-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.coupon-dashboard-stats>article{display:flex;align-items:center;gap:11px;min-width:0;min-height:53px;padding:8px 11px;border:1px solid #27313a;border-radius:8px;background:linear-gradient(125deg,#111820,#0e1318)}
.coupon-dashboard-stats>article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:8px;font-size:21px;font-weight:700}
.coupon-dashboard-stats>article>div{display:grid;gap:2px;min-width:0}
.coupon-dashboard-stats small{color:#a6b2bd;font-size:10px;line-height:1.2}
.coupon-dashboard-stats strong{color:#eff4f8;font-size:17px;line-height:1.1}
.coupon-dashboard-stats .coupon-summary-total{border-color:#124570;background:linear-gradient(125deg,#0c2033,#0e151c)}
.coupon-summary-total>span{background:#102f4f;color:#179aff}
.coupon-dashboard-stats .coupon-summary-active{border-color:#115038;background:linear-gradient(125deg,#09261d,#0e1714)}
.coupon-summary-active>span{background:#10402f;color:#22d889}
.coupon-dashboard-stats .coupon-summary-expired{border-color:#69420d;background:linear-gradient(125deg,#30200c,#19130c)}
.coupon-summary-expired>span{background:#503412;color:#ffad35}
.coupon-dashboard-stats .coupon-summary-exhausted{border-color:#30383e;background:linear-gradient(125deg,#181e23,#101519)}
.coupon-summary-exhausted>span{background:#343c43;color:#c4cbd1}
.coupon-dashboard-toolbar{display:grid;grid-template-columns:minmax(170px,1.55fr) repeat(4,minmax(96px,1fr)) auto;gap:7px;margin:10px 0}
.coupon-dashboard-toolbar>select,.coupon-dashboard-search input{box-sizing:border-box;width:100%;min-width:0;height:31px;padding:6px 9px;border:1px solid #2b353e;border-radius:6px;background:#0e1419;color:#cad4dc;font:400 10px Inter,Arial,sans-serif}
.coupon-dashboard-toolbar>select{appearance:auto}
.coupon-dashboard-search{position:relative;display:block!important;min-width:0}
.coupon-dashboard-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a9b7;font-size:17px;line-height:20px}
dialog.coupon-admin-dialog .coupon-dashboard-search input{padding-left:44px}
.coupon-dashboard-search input::placeholder{color:#71808d}
.coupon-view-toggle{display:flex;gap:4px}
.coupon-view-toggle button{display:flex;align-items:center;gap:5px;height:31px;padding:5px 8px;border:1px solid #303a43;border-radius:6px;background:#0e1419;color:#b3c0ca;font:500 10px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.coupon-view-toggle button[aria-pressed=true]{border-color:#087aff;background:#10233a;color:#32a2ff}
.coupon-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.coupon-card{min-width:0;padding:9px 10px 8px;border:1px solid #2b343c;border-radius:8px;background:linear-gradient(145deg,#11171c,#0b1014);box-shadow:0 5px 16px #0002}
.coupon-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.coupon-status-badge,.coupon-plan-badge{display:inline-flex;align-items:center;gap:5px;max-width:65%;padding:3px 7px;border:1px solid #34414a;border-radius:999px;background:#151d23;color:#bac5ce;font-size:9px;font-weight:600;line-height:1.2;white-space:nowrap}
.coupon-status-badge i{width:7px;height:7px;border-radius:50%;background:#21df83;box-shadow:0 0 7px #21df8344}
.coupon-plan-badge{max-width:48%;border-color:#3a4650;background:#161e24;color:#c5d0d8;font-size:9px}
.coupon-status-expired .coupon-status-badge{border-color:#67451c;background:#2c1e0b;color:#ffbd52}.coupon-status-expired .coupon-status-badge i{background:#f6a52d;box-shadow:none}
.coupon-status-exhausted .coupon-status-badge,.coupon-status-inactive .coupon-status-badge{border-color:#39434b;background:#1b2228;color:#aeb9c1}.coupon-status-exhausted .coupon-status-badge i,.coupon-status-inactive .coupon-status-badge i{background:#8b98a3;box-shadow:none}
.coupon-status-scheduled .coupon-status-badge{border-color:#294f76;background:#101f2d;color:#78baff}.coupon-status-scheduled .coupon-status-badge i{background:#4ba3ff;box-shadow:none}
.coupon-card h3{margin:7px 0 1px;color:#edf2f6;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.1px;overflow-wrap:anywhere}
.coupon-card-apps{margin:0 0 6px;color:#9eabb5;font-size:9px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coupon-usage-bar{height:8px;overflow:hidden;border-radius:99px;background:#29323a}
.coupon-usage-bar>span{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,#20dd83,#0caa69)}
.coupon-status-expired .coupon-usage-bar>span{background:linear-gradient(90deg,#ffae37,#ff8c26)}
.coupon-status-exhausted .coupon-usage-bar>span{background:linear-gradient(90deg,#aebac5,#8795a1)}
.coupon-usage-summary{display:flex;align-items:center;justify-content:space-between;margin:3px 0 7px}
.coupon-usage-summary strong{font-size:10px;color:#d7e0e6}.coupon-usage-summary strong span{color:#aab6bf;font-weight:500}.coupon-usage-summary small{color:#8d9ba6;font-size:9px}
.coupon-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 0;border-top:1px solid #202a32;border-bottom:1px solid #202a32}
.coupon-card-stats>div{display:flex;align-items:center;gap:5px;min-width:0;padding:1px 5px;border-right:1px solid #202a32}.coupon-card-stats>div:first-child{padding-left:0}.coupon-card-stats>div:last-child{border:0}
.coupon-stat-symbol{color:#89a0b8;font-size:13px;line-height:1}
.coupon-card-stats>div:first-child .coupon-stat-symbol{color:#ff666c}
.coupon-card-stats>div>span:last-child{display:grid;gap:1px;min-width:0}
.coupon-card-stats small{color:#9aa7b1;font-size:8px;white-space:nowrap}.coupon-card-stats b{color:#d4dce2;font-size:9px;line-height:1.2;white-space:nowrap}
.coupon-card-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px 0 7px}
.coupon-card-details p{display:flex;gap:6px;min-width:0;margin:0!important;color:#9cadba;font-size:8px!important;line-height:1.3!important}
.coupon-card-details p>span:first-child{color:#a8bdd1;font-size:11px}
.coupon-card-details p>span:last-child{display:grid;gap:2px;min-width:0}
.coupon-card-details strong{color:#dbe3e9;font-size:9px;font-weight:500;overflow-wrap:anywhere}
.coupon-card-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:5px}
.coupon-card-actions button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:25px;padding:4px 5px;border:1px solid #37424b;border-radius:5px;background:#151c22;color:#d5dfe6;font:500 9px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.coupon-card-actions button:hover{background:#202a32;border-color:#52616c}
.coupon-card-actions .coupon-card-delete{border-color:#74373b;background:#291619;color:#ff777e}
.coupon-card-status:empty{display:none}.coupon-card-status{margin:4px 0 0;color:#ff9c9c;font-size:9px!important}
.coupon-empty-state{grid-column:1/-1;padding:24px;border:1px dashed #35404a;border-radius:8px;color:#9ba9b3;text-align:center;font-size:12px}
.coupon-dashboard-footer{display:flex;align-items:center;gap:14px;padding:9px 2px 0;color:#8c9aa5;font-size:9px}
.coupon-dashboard-footer>span{margin-right:auto}
.coupon-dashboard-footer nav{display:flex;align-items:center;gap:4px}
.coupon-dashboard-footer nav button{min-width:22px;height:23px;padding:0 5px;border:1px solid #303b44;border-radius:4px;background:#11171c;color:#b7c2ca;font:500 10px Inter,Arial,sans-serif;cursor:pointer}
.coupon-dashboard-footer nav button[aria-current=page]{border-color:#1769ff;background:#1769ff;color:white}
.coupon-dashboard-footer nav button:disabled{opacity:.35;cursor:default}
.coupon-dashboard-footer nav span{padding:0 2px;color:#83919b}
.coupon-dashboard-footer>label{display:flex!important;align-items:center;gap:5px;color:#98a6b0;font-size:9px!important;white-space:nowrap}
.coupon-dashboard-footer select{height:24px;padding:2px 5px;border:1px solid #303b44;border-radius:5px;background:#11171c;color:#dbe2e8;font:inherit}
.coupon-cards-list{grid-template-columns:1fr}
.coupon-cards-list .coupon-card{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) minmax(180px,1.3fr) auto;align-items:center;gap:6px 14px}
.coupon-cards-list .coupon-card>header{grid-column:1}.coupon-cards-list .coupon-card h3,.coupon-cards-list .coupon-card-apps{grid-column:1}.coupon-cards-list .coupon-usage-bar,.coupon-cards-list .coupon-usage-summary{grid-column:2}.coupon-cards-list .coupon-card-stats{grid-column:3;grid-row:1/4}.coupon-cards-list .coupon-card-details{grid-column:4;grid-row:1/4}.coupon-cards-list .coupon-card-actions{grid-column:1/-1}
.coupon-editor-panel[hidden]{display:none!important}.coupon-editor-panel{margin-top:15px;padding:14px;border:1px solid #29343d;border-radius:9px;background:#0d1318}
.coupon-editor-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.coupon-editor-panel>header h3{margin:0;font-size:18px}.coupon-editor-panel>header p{margin:3px 0 0;color:#9baab4;font-size:11px}
.coupon-editor-close{min-height:30px;padding:5px 10px;border:1px solid #3a454e;border-radius:6px;background:#151c22;color:#cbd5dc;font:500 10px Inter,Arial,sans-serif;cursor:pointer}
.coupon-editor-panel>p{margin:7px 0;color:#a7b4bd;font-size:11px!important;line-height:1.45!important}
.coupon-order-history{margin-top:18px;padding-top:14px;border-top:1px solid #26313a;scroll-margin-top:12px}
.coupon-order-history>h3{margin:0 0 5px;font-size:17px}.coupon-order-history>p{color:#a7b4bd;font-size:11px!important;line-height:1.45!important}
@media(max-width:900px){.coupon-dashboard-toolbar{grid-template-columns:minmax(150px,1.4fr) repeat(2,minmax(105px,1fr)) auto}.coupon-dashboard-toolbar>[data-coupon-type],.coupon-dashboard-toolbar>[data-coupon-sort]{display:none}.coupon-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.coupon-admin-dialog{width:calc(100vw - 16px);max-width:none}.coupon-admin-dialog>.dialog-body{padding:12px}.coupon-admin-heading{gap:9px;padding-right:40px}.coupon-admin-heading-icon{flex-basis:27px;font-size:27px}.coupon-admin-heading h2{font-size:17px}.coupon-admin-heading p{font-size:9px}.coupon-new-button{min-height:31px;padding:6px 8px;font-size:10px}.coupon-new-button span{display:none}.coupon-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.coupon-dashboard-stats>article{min-height:47px;padding:6px}.coupon-dashboard-stats>article>span{flex-basis:28px;height:28px;font-size:17px}.coupon-dashboard-stats strong{font-size:15px}.coupon-dashboard-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-dashboard-search{grid-column:1/-1}.coupon-dashboard-toolbar>[data-coupon-app]{grid-column:1/-1}.coupon-view-toggle{justify-content:flex-end}.coupon-cards{grid-template-columns:1fr}.coupon-dashboard-footer{flex-wrap:wrap;gap:8px}.coupon-dashboard-footer>span{flex:1 1 100%}.coupon-dashboard-footer nav{order:2}.coupon-dashboard-footer>label{order:3;margin-left:auto}.coupon-cards-list .coupon-card{display:block}.coupon-cards-list .coupon-card>*{margin-top:6px}.coupon-editor-panel{padding:10px}.coupon-card-details{gap:4px}.coupon-order-history{margin-top:14px}}
/* Section backgrounds span the viewport at native page size. */
#filmes.featured::before,#blog.blog-section::before{width:100vw}

/* Center dialogs within the viewport. */
#app-dialog:has(.dialog-poster),
dialog.admin-dialog.blog-dialog,
dialog.appearance-dialog.blog-dialog{position:fixed;inset:auto;top:50vh;left:50vw;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);max-width:none}
#app-dialog:has(.dialog-poster){width:min(1200px,calc(100vw - 64px));min-height:90dvh;max-height:94dvh}
dialog.admin-dialog.blog-dialog,
dialog.appearance-dialog.blog-dialog{width:min(1200px,calc(100vw - 64px));min-height:84dvh;max-height:92dvh}
dialog.coupon-admin-dialog{overflow:hidden}
dialog.coupon-admin-dialog>.dialog-body{max-height:90dvh}
@media(max-width:760px){
 #app-dialog:has(.dialog-poster){width:calc(100vw - 32px);min-height:90dvh;max-height:94dvh}
 dialog.admin-dialog.blog-dialog,
 dialog.appearance-dialog.blog-dialog{width:calc(100vw - 32px);min-height:84dvh;max-height:92dvh}
}

.coupon-editor-panel .coupon-statistics{display:none!important}

@media(min-width:761px){
 .highlights .highlight-card{aspect-ratio:1/1;border:0;border-radius:8px;background:#111820;box-shadow:none}
 .highlights .highlight-card img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;padding:0}
 .highlights .highlight-card-shade{inset:30% 0 0;height:auto;background:linear-gradient(180deg,transparent 0%,#0004 38%,#000e 100%)}
 .highlights .highlight-card-title{right:12px;bottom:12px;left:12px;-webkit-line-clamp:4;font-size:clamp(14px,1.3vw,19px);line-height:1.22;text-shadow:0 2px 8px #000}
}

.highlights.page-width{width:calc(100% - 40px);max-width:900px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}

@media(max-width:760px){
 .highlights.page-width{box-sizing:border-box;width:calc(100vw - 32px);max-width:none;margin:18px 16px 24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
 .highlights .highlight-mobile-carousel{box-sizing:border-box;width:100%;min-width:0;padding:0;overflow:hidden}
 .highlights .highlight-track{width:100%;gap:0}
 .highlights .highlight-mobile-carousel .highlight-card{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:0}
}
/* Mobile: center highlights and size app cards according to the selected mode. */
@media(max-width:760px){
 .highlights.page-width{box-sizing:border-box;width:100%;max-width:none;margin:18px 0 24px;padding:0 16px}
 .highlights .highlight-mobile-carousel{width:100%;min-width:0;overflow:hidden}
 .highlights .highlight-track{display:flex;width:100%;gap:0}
 .highlights .highlight-mobile-carousel .highlight-card{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:0}
 #filmes .home-app-grid[data-element-size] .poster-button{width:min(100%,var(--mobile-icon));max-width:100%;margin-inline:auto}
}
/* Keep short pages full-height at native page size. */
body{min-height:100vh;display:flex;flex-direction:column}
body>header,body>footer{flex-shrink:0}
body>main{flex:1 0 auto}
/* Compact desktop layout with bounded cards and typography. */
@media(min-width:761px){
 .header{height:76px}
 .header .site-logo{max-height:42px}
 #filmes .home-app-grid[data-element-size] .poster-button{width:min(100%,180px);margin-inline:auto;justify-self:center}
 .highlights.page-width{width:calc(100% - 48px);max-width:840px;margin-top:14px;margin-bottom:14px}
 #filmes.featured.page-width{width:100%;max-width:888px;padding:14px 24px 28px;margin-inline:auto}
 #filmes:has(.home-app-grid)>.home-app-heading,#filmes .home-app-grid{width:100%;max-width:792px;margin-inline:auto}
 #filmes .home-app-rail{max-width:840px;padding-inline:28px}
 #blog.blog-section.page-width,#blog.journal-section.page-width{width:100%;max-width:888px;margin-inline:auto;padding-inline:24px}
 #blog .paged-grid,#blog .catalog-options,#blog .pagination{max-width:840px}
 #filmes .home-app-heading,.section-heading h2{font-size:22px}
 #filmes .home-app-grid>.app-title-top>.app-card-title,.app-grid[data-element-size] .app-card-title{font-size:17px}
 .highlights .highlight-card-title{font-size:15px}
 .home-app-grid .card-info p{font-size:13px}
 .highlights .highlight-latest-grid{gap:12px}
 #filmes .home-app-grid{gap:16px 14px}
 #filmes>.home-app-heading .home-size-options label,#filmes>.home-app-heading .home-size-options select{font-size:13px}
 #filmes>.home-app-heading .home-size-options select{min-height:36px}
}
@media(max-width:760px){
 :is(.home-app-grid,.app-grid)[data-element-size=small]{--mobile-icon:144px;--mobile-title:18px}
 #filmes .home-app-grid>.app-title-top>.app-card-title,.app-grid[data-element-size=small] .app-card-title{font-size:18px}
 .home-app-grid .card-info p{font-size:14px}
}
/* Large desktops: grow the home composition gradually, with a bounded scale.
   Up to 1600px the existing notebook layout stays unchanged. */
@media(min-width:1601px){
 body{--home-wide-unit:clamp(1px,calc(.06vw + .04px),1.95px)}
 .highlights.page-width{max-width:calc(840 * var(--home-wide-unit));margin-block:calc(14 * var(--home-wide-unit))}
 #filmes.featured.page-width{max-width:calc(888 * var(--home-wide-unit));padding:calc(14 * var(--home-wide-unit)) calc(24 * var(--home-wide-unit)) calc(28 * var(--home-wide-unit))}
 #filmes:has(.home-app-grid)>.home-app-heading,#filmes .home-app-grid{max-width:calc(792 * var(--home-wide-unit))}
 #filmes .home-app-rail{max-width:calc(840 * var(--home-wide-unit));padding-inline:calc(28 * var(--home-wide-unit))}
 #filmes .home-app-grid[data-element-size] .poster-button{width:min(100%,calc(180 * var(--home-wide-unit)))}
 #filmes .home-app-grid{gap:calc(16 * var(--home-wide-unit)) calc(14 * var(--home-wide-unit))}
 .highlights .highlight-latest-grid{gap:calc(12 * var(--home-wide-unit))}
 .highlights .highlight-card-title{font-size:calc(15 * var(--home-wide-unit));inset-inline:calc(12 * var(--home-wide-unit));bottom:calc(12 * var(--home-wide-unit))}
 #filmes .home-app-heading,#blog .section-heading h2{font-size:calc(22 * var(--home-wide-unit))}
 #filmes .home-app-grid>.app-title-top>.app-card-title{font-size:calc(17 * var(--home-wide-unit))}
 #filmes .home-app-grid .card-info p{font-size:calc(13 * var(--home-wide-unit))}
 #filmes>.home-app-heading .home-size-options label,#filmes>.home-app-heading .home-size-options select{font-size:calc(13 * var(--home-wide-unit))}
 #filmes>.home-app-heading .home-size-options select{min-height:calc(36 * var(--home-wide-unit))}
 #blog.blog-section.page-width,#blog.journal-section.page-width{max-width:calc(888 * var(--home-wide-unit));padding-inline:calc(24 * var(--home-wide-unit))}
 #blog .paged-grid,#blog .catalog-options,#blog .pagination{max-width:calc(840 * var(--home-wide-unit))}
}
/* Mobile highlights share the desktop artwork treatment. */
@media(max-width:760px){
 .highlights .highlight-mobile-carousel .highlight-card{position:relative;aspect-ratio:1/1;height:auto;padding:0;overflow:hidden;border:0;border-radius:8px;background:transparent;box-shadow:none}
 .highlights .highlight-mobile-carousel .highlight-card img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;object-position:center;padding:0}
 .highlights .highlight-mobile-carousel .highlight-card-shade{inset:30% 0 0;height:auto;background:linear-gradient(180deg,transparent 0%,#0004 38%,#000e 100%)}
 .highlights .highlight-mobile-carousel .highlight-card-title{right:12px;bottom:12px;left:12px;-webkit-line-clamp:4;font-size:clamp(20px,5vw,24px);line-height:1.22;text-shadow:0 2px 8px #000}
}