/* =========================================================
   SOFT DOWNLOADERS — CAMADA NEON (carregar por último)
   Somente acabamento visual: cor, brilho e movimento.
   Não altera tamanhos, espaçamentos, grids ou estrutura.
   Animações usam transform/opacity (leves, sem travar).
   ========================================================= */

:root{
  --neon:#7444ff;
  --neon-2:#9b6bff;
  --neon-3:#5b2be0;
  --neon-rgb:116,68,255;
  --neon-2-rgb:155,107,255;
  --neon-3-rgb:91,43,224;
  --neon-glow:rgba(var(--neon-rgb),.40);
  --neon-ease:cubic-bezier(.22,.8,.24,1);
}
html[data-theme="dark"]{
  --neon:#9d7bff;
  --neon-2:#c4adff;
  --neon-3:#7a4dff;
  --neon-rgb:157,123,255;
  --neon-2-rgb:196,173,255;
  --neon-3-rgb:122,77,255;
  --neon-glow:rgba(var(--neon-rgb),.62);
}

::selection{background:rgba(var(--neon-rgb),.38);color:inherit}
html{scrollbar-color:rgba(var(--neon-rgb),.7) rgba(var(--neon-rgb),.06)}

/* ───────── Fundo vivo (aurora + grade) ───────── */
body::before{
  content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 34% at 18% 22%,rgba(var(--neon-rgb),.22),transparent 70%),
    radial-gradient(34% 30% at 82% 18%,rgba(var(--neon-2-rgb),.13),transparent 70%),
    radial-gradient(40% 36% at 72% 88%,rgba(var(--neon-3-rgb),.13),transparent 70%);
  
  will-change:transform;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(var(--neon-rgb),.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--neon-rgb),.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 28%,#000 0%,transparent 72%);
  mask-image:radial-gradient(ellipse at 50% 28%,#000 0%,transparent 72%);
}
html[data-theme="light"] body::before{opacity:.5}
html[data-theme="light"] body::after{opacity:.6}
html body .info-page.info-page{background:transparent!important}

/* ───────── Menu lateral ───────── */
.site-sidebar{
  background:linear-gradient(180deg,var(--sidebar) 0%,color-mix(in srgb,var(--sidebar) 90%,rgb(var(--neon-rgb))) 100%);
  
}
.site-sidebar::after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:2px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,transparent 0%,var(--neon) 22%,var(--neon-2) 50%,var(--neon-3) 78%,transparent 100%);
  background-size:100% 300%;
  
}
.sidebar-brand img,.brand img,.result-brand img{}
.sidebar-brand img{}
.sidebar-brand .sidebar-label strong,.brand span,.result-brand span{}
.sidebar-item{transition:background .18s ease,color .18s ease,transform .2s var(--neon-ease),box-shadow .2s ease}
.sidebar-item:hover{
  transform:translateX(2px);
  
}
.sidebar-item:active{transform:translateX(2px) scale(.98)}
.sidebar-item.is-active,
.tool-tab.sidebar-item.is-active{
  
  color:#ddd3ff;
  
}
.sidebar-item.is-active .sidebar-icon svg{}
.sidebar-item:hover .sidebar-icon svg{}
.sidebar-lang{margin-bottom:4px}
.sidebar-lang .sidebar-icon{position:relative}
.sidebar-lang .sidebar-icon::after{
  content:attr(data-code);position:absolute;right:-7px;bottom:-5px;
  padding:2px 3px;background:var(--neon);color:#fff;
  font:800 7px/1 "Manrope",sans-serif;letter-spacing:.3px;
  
}
.history-count{}

/* ───────── Aviso vermelho e chamada do app ───────── */
.site-notice{box-shadow:0 0 26px rgba(214,40,70,.38),0 9px 24px rgba(83,24,37,.16)}
.home-app-promo{
  border-top-color:rgba(var(--neon-rgb),.55);border-bottom-color:rgba(var(--neon-rgb),.55);
  
}
.home-app-promo::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--neon),var(--neon-2),var(--neon-3),transparent);
  background-size:220% 100%;
  
}
.home-app-promo-kicker{color:var(--neon);}

/* ───────── Títulos e entrada das telas ───────── */
.hero.app-view .eyebrow,
html body .info-page-kicker{
  position:relative;color:var(--neon)!important;
  
}
.hero.app-view .eyebrow::after{
  content:"";position:absolute;left:50%;bottom:-6px;width:46px;height:2px;margin-left:-23px;pointer-events:none;
  background:linear-gradient(90deg,var(--neon),var(--neon-2));
  
  
}
html body .info-page-kicker::after{
  content:"";position:absolute;left:0;bottom:-6px;width:42px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--neon),var(--neon-2));
  
}
html[data-theme="dark"] .hero.app-view h1,
html[data-theme="dark"] .info-page-heading h2,
html[data-theme="dark"] .app-pro-copy h2{}

body:not(.site-intro-active) .tool-panel:not([hidden])>*{animation:neonRise .6s var(--neon-ease) backwards}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(2){animation-delay:.05s}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(3){animation-delay:.10s}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(4){animation-delay:.15s}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(5){animation-delay:.20s}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(6){animation-delay:.25s}
body:not(.site-intro-active) .tool-panel:not([hidden])>*:nth-child(n+7){animation-delay:.30s}
body:not(.site-intro-active) .info-page:not([hidden]) .info-page-shell>*{animation:neonRise .6s var(--neon-ease) backwards}
body:not(.site-intro-active) .info-page:not([hidden]) .info-page-shell>*:nth-child(2){animation-delay:.08s}
body:not(.site-intro-active) .info-page:not([hidden]) .info-page-shell>*:nth-child(3){animation-delay:.16s}
body:not(.site-intro-active) .info-page:not([hidden]) .info-page-shell>*:nth-child(4){animation-delay:.24s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card,
body:not(.site-intro-active) .info-page:not([hidden]) .platform-card,
body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card,
body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details,
body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span{animation:neonCard .55s var(--neon-ease) backwards}

/* Escalonamento dos cartões (um após o outro) */
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(2),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(2),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(2),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(2),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(2){animation-delay:0.15s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(3),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(3),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(3),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(3),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(3){animation-delay:0.2s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(4),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(4),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(4),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(4),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(4){animation-delay:0.25s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(5),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(5),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(5),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(5),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(5){animation-delay:0.3s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(6),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(6),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(6),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(6),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(6){animation-delay:0.35s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(7),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(7),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(7),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(7),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(7){animation-delay:0.4s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(8),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(8),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(8),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(8),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(8){animation-delay:0.45s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(9),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(9),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(9),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(9),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(9){animation-delay:0.5s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(10),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(10),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(10),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(10),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(10){animation-delay:0.55s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(11),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(11),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(11),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(11),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(11){animation-delay:0.6s}
body:not(.site-intro-active) .info-page:not([hidden]) .process-card:nth-child(12),body:not(.site-intro-active) .info-page:not([hidden]) .platform-card:nth-child(12),body:not(.site-intro-active) .info-page:not([hidden]) .info-pro-card:nth-child(12),body:not(.site-intro-active) .info-page:not([hidden]) .faq-pro-list details:nth-child(12),body:not(.site-intro-active) .info-page:not([hidden]) .trust-strip span:nth-child(12){animation-delay:0.65s}

/* ───────── Campos, chips e botões principais ───────── */
.media-types span{
  border-color:rgba(var(--neon-rgb),.38);
  transition:transform .2s var(--neon-ease),border-color .2s,box-shadow .2s,color .2s;
}
.media-types span:hover{
  transform:translateY(-2px);border-color:var(--neon);color:var(--neon);
  
}

html body .download-form.download-form{
  position:relative;
  border-color:rgba(var(--neon-rgb),.68);
  
  transition:border-color .25s,box-shadow .25s;
}
html body .download-form.download-form:focus-within{
  border-color:var(--neon);
  
}
.download-form::after{
  content:"";position:absolute;inset:-1px;pointer-events:none;
  
  opacity:.15;
}
.download-form input::placeholder{transition:color .2s}
.download-form input:focus::placeholder{color:rgba(var(--neon-rgb),.55)}

html body .download-button-ring.download-button-ring{
  
  transition:box-shadow .2s,filter .2s;
}
html body .download-button-ring.download-button-ring:hover{
  
}
html body .download-button-ring.download-button-ring::before{
  background:linear-gradient(90deg,var(--neon),var(--neon-2),var(--neon-3))!important;
  
}
html body .download-button-ring.download-button-ring::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.6) 50%,transparent 68%);
  background-size:260% 100%;background-position:100% 0;
  
}
html[data-theme="dark"] body .download-button-ring.download-button-ring::after{
  background-image:linear-gradient(105deg,transparent 32%,rgba(var(--neon-rgb),.55) 50%,transparent 68%);
}

.home-app-promo-button,.download-link,.result-back,.history-back,.history-group-back,
.download-progress-back,.app-download-button,.nav-history{
  
  transition:box-shadow .2s,filter .2s,transform .2s var(--neon-ease);
}
.home-app-promo-button:hover,.download-link:hover,.result-back:hover,.history-back:hover,
.history-group-back:hover,.download-progress-back:hover,.app-download-button:hover,.nav-history:hover{
  
}
.history-group-all{}
.tile-download{}
.audio-play{}
.audio-progress{accent-color:var(--neon)}
.download-progress-cancel:hover{box-shadow:0 0 18px rgba(214,60,80,.4)}

/* ───────── Cartões e páginas informativas ───────── */
.process-card,.platform-card,.info-pro-card,.faq-pro-list details,.compatibility-block,.app-pro-panel,.trust-strip{
  transition:transform .28s var(--neon-ease),border-color .28s,box-shadow .28s;
}
html body .info-page .process-card,
html body .info-page .platform-card,
html body .info-page .info-pro-card,
html body .info-page .faq-pro-list details,
html body .info-page .compatibility-block,
html body .info-page .app-pro-panel,
html body .info-page .trust-strip{
  border-color:rgba(var(--neon-rgb),.26)!important;
  
}
html body .info-page .process-card:hover,
html body .info-page .platform-card:hover,
html body .info-page .info-pro-card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--neon-rgb),.8)!important;
  
}
html body .info-page .faq-pro-list details:hover,
html body .info-page .faq-pro-list details[open]{
  border-color:rgba(var(--neon-rgb),.75)!important;
  
}
.process-icon,.info-pro-icon{}
.process-card:hover .process-icon,.info-pro-card:hover .info-pro-icon{}
.process-number,.compatibility-eyebrow,.info-pro-tag{}
.platform-logo{transition:box-shadow .25s,transform .25s var(--neon-ease)}
.platform-card:hover .platform-logo{transform:scale(1.06)}
.platform-card em{}
.compatibility-count,.app-pro-badges span{border-color:rgba(var(--neon-rgb),.4);}
.app-pro-step,.app-pro-panel li>span{}
.app-pro-brand img{}
.faq-pro-list summary i{}
.compatibility-note,.app-pro-note{border-left-color:var(--neon);}

/* ───────── Telas de resultado, download e histórico ───────── */
.result-screen,.history-screen,.download-screen{
  background-image:
    radial-gradient(60% 45% at 15% 0%,rgba(var(--neon-rgb),.14),transparent 70%),
    radial-gradient(50% 40% at 90% 100%,rgba(var(--neon-2-rgb),.09),transparent 70%);
}
.result-screen-header,.history-screen-header,.download-screen-header{
  border-bottom-color:rgba(var(--neon-rgb),.35);
  
}
.result-preview[data-type="video"],.result-preview[data-type="image"],
.result-preview[data-type="thumbnail"],.result-preview[data-type="avatar"],.audio-cover{
  
}
.carousel-tile,.history-item-media{
  transition:transform .26s var(--neon-ease),box-shadow .26s,border-color .26s;
}
.carousel-tile:hover,.history-item-media:hover{
  transform:translateY(-3px);border-color:var(--neon);
  
}
.result-spinner{
  border-color:rgba(var(--neon-rgb),.16);border-top-color:var(--neon);border-right-color:var(--neon-2);
  
}
.result-loading p{}
.result-error strong{}
.download-progress-track{background:rgba(var(--neon-rgb),.14);}
.download-progress-track>span{
  background:linear-gradient(90deg,var(--neon),var(--neon-2));
  
}
.download-progress-item.is-complete .download-progress-track>span{background:linear-gradient(90deg,#27d87a,#8dffc0);box-shadow:0 0 14px rgba(39,216,122,.75)}
.download-progress-item.is-error .download-progress-track>span{background:linear-gradient(90deg,#ff3d5a,#ff8aa0);box-shadow:0 0 14px rgba(255,61,90,.75)}
.download-progress-percent{}
.download-progress-source img,.download-progress-source.has-cover img{}
.history-section-title{color:var(--neon);}
.history-item{transition:transform .26s var(--neon-ease)}
.history-item:hover{transform:translateY(-2px)}
.history-action{border-color:rgba(var(--neon-rgb),.55)}
.history-action:hover{}
.history-toggle{border-color:rgba(var(--neon-rgb),.35)}
.history-clear:hover{}
.history-empty{border-color:rgba(var(--neon-rgb),.4);}

/* ───────── Pesquisa YouTube ───────── */
html body .youtube-search-box.youtube-search-box{
  border-color:rgba(var(--neon-rgb),.6);
  
  transition:border-color .25s,box-shadow .25s;
}
html body .youtube-search-box.youtube-search-box:focus-within{
  border-color:var(--neon);
  
}
.youtube-search-cover>img{transition:box-shadow .26s,transform .26s var(--neon-ease)}
.youtube-search-item:hover .youtube-search-cover>img{}
.youtube-search-download-icon{transition:transform .2s var(--neon-ease),box-shadow .2s;}
.youtube-search-download-icon:hover{transform:scale(1.1);}

/* ───────── SOFT Criar (chat) ───────── */
.create-chat-top{
  border-bottom-color:rgba(var(--neon-rgb),.38);
  
}
.create-bot-avatar{}
.create-online-dot{}
.create-message{animation:neonMsg .34s var(--neon-ease) backwards}
.create-message.bot{border-color:rgba(var(--neon-rgb),.3);}
.create-message.user{
  border-color:rgba(var(--neon-rgb),.65);
  background:linear-gradient(135deg,rgba(var(--neon-rgb),.24),rgba(var(--neon-3-rgb),.10));
  
}
.create-inline-keyboard{animation:neonRise .4s var(--neon-ease) backwards}
.create-option,.create-inline-option{
  border-color:rgba(var(--neon-rgb),.6);
  
  transition:background .14s ease,border-color .14s ease,transform .18s var(--neon-ease),box-shadow .18s ease;
}
.create-option:hover,.create-inline-option:hover{
  transform:translateY(-2px);border-color:var(--neon);
  
}
html body .create-composer{
  border-color:rgba(var(--neon-rgb),.42);
  
  transition:border-color .22s,box-shadow .22s;
}
html body .create-composer:focus-within{
  border-color:var(--neon);
  
}
.create-send{}
.create-preview-card{border-color:rgba(var(--neon-rgb),.45);}
.create-document-actions button{border-color:rgba(var(--neon-rgb),.45);transition:box-shadow .2s,transform .2s var(--neon-ease)}
.create-document-actions button:hover{transform:translateY(-1px)}
.create-document-actions .primary{}

/* ───────── Abertura ───────── */
html[data-theme] body .site-intro::before{
  width:min(600px,94vw);
  background:radial-gradient(circle,rgba(var(--neon-rgb),.34) 0%,rgba(var(--neon-2-rgb),.11) 42%,transparent 72%);
}
.site-intro-logo{}
.site-intro-brand{}
.site-intro-brand span{color:var(--neon);}
.site-intro-line{background:rgba(var(--neon-rgb),.2)}
.site-intro-line i{background:linear-gradient(90deg,var(--neon),var(--neon-2));}

/* Aviso de download no site (estilo inline do app.js) */
#siteDownloadToast{
  border:1px solid rgba(var(--neon-rgb),.7)!important;
  
}

/* ───────── Mobile: brilho mais contido para manter a fluidez ───────── */
@media (max-width:640px){
  .download-form::after{display:none}
  html body .download-form input{
    border-color:rgba(var(--neon-rgb),.7);
    
    transition:border-color .22s,box-shadow .22s;
  }
  html body .download-form input:focus{
    border-color:var(--neon);
    
  }
  body::after{display:none}
}

/* ───────── Animações ───────── */
@keyframes neonDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}
@keyframes neonFlowY{from{background-position:0 0}to{background-position:0 300%}}
@keyframes neonFlowX{from{background-position:0 0}to{background-position:220% 0}}
@keyframes neonLogo{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes neonUnderline{0%,100%{transform:scaleX(.35);opacity:.6}50%{transform:scaleX(1);opacity:1}}
@keyframes neonBreath{0%,100%{opacity:.15}50%{opacity:.75}}
@keyframes neonSheen{0%{background-position:100% 0}50%,100%{background-position:0 0}}
@keyframes neonRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes neonCard{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes neonMsg{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes neonDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}

@media (prefers-reduced-motion:reduce){
  body::before,.site-sidebar::after,.sidebar-brand img,.home-app-promo::before,
  .hero.app-view .eyebrow::after,.download-form::after,.create-online-dot,
  html body .download-button-ring.download-button-ring::after{animation:none!important}
  body:not(.site-intro-active) .tool-panel:not([hidden])>*,
  body:not(.site-intro-active) .info-page:not([hidden]) *{animation:none!important}
}


/* ===== Modo leve: sem fundo animado, sem grade e sem brilhos neon ===== */
body::before,body::after{display:none!important;animation:none!important}
.sidebar-brand img,.brand img,.result-brand img,.site-intro-logo{filter:none!important}
/* animações decorativas que ficavam repetindo sem parar (pesadas) */
.download-button-ring,.download-button-ring::before{animation:none!important;will-change:auto!important}
.download-button-ring::before{display:none!important}
[class*="download-all"]{animation-iteration-count:1!important}
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-app-promo-button::after{animation:none!important;display:none!important}
/* botão Analisar: roxo sólido, igual ao "Instalar no Android" */
html body .download-button-ring.download-button-ring::after{display:none!important}
html body .download-button.download-button{background:var(--neon)!important;color:#fff!important;transition:background .2s,transform .15s}
html body .download-button.download-button:hover{background:color-mix(in srgb,var(--neon) 85%,#fff)!important}
html body .download-button.download-button:active{transform:scale(.97)}

/* ===== Layout: ferramenta primeiro; app do Android como cartão abaixo da caixa do link ===== */
#mediaToolPanel .home-app-promo{
  width:100%!important;max-width:760px!important;margin:44px auto 0!important;padding:22px 24px!important;
  border:1px solid var(--line)!important;text-align:left;column-gap:24px
}
#mediaToolPanel .home-app-promo::before{display:none}
#mediaToolPanel .home-app-promo h2{font-size:clamp(20px,2.2vw,26px)}
@media (max-width:760px){
  #mediaToolPanel .home-app-promo{margin:34px 0 0!important;padding:20px 16px!important}
}
/* celular: a tela inicial não rola, então o cartão do app fica compacto (uma linha) */
@media (max-width:760px){
  #mediaToolPanel .home-app-promo{margin:22px 0 0!important;padding:12px 14px!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"kicker button" "title button"!important;column-gap:12px!important;row-gap:2px!important;align-items:center}
  #mediaToolPanel .home-app-promo-copy,#mediaToolPanel .home-app-promo-note{display:none!important}
  #mediaToolPanel .home-app-promo-kicker{font-size:10px!important;margin:0!important}
  #mediaToolPanel .home-app-promo h2{font-size:15px!important;margin:0!important;line-height:1.25}
  #mediaToolPanel .home-app-promo-button{width:auto!important;min-width:0!important;padding:10px 14px!important;font-size:11px!important;white-space:nowrap}
}
@media (max-width:760px){
  html body #mediaToolPanel .home-app-promo{grid-template-areas:"kicker button"!important;padding:10px 12px!important;margin-top:16px!important}
  html body #mediaToolPanel .home-app-promo h2{display:none!important}
  html body #mediaToolPanel .home-app-promo-kicker{font-size:11px!important;letter-spacing:.08em}
  html body #mediaToolPanel .home-app-promo-button{padding:9px 12px!important;font-size:10.5px!important;letter-spacing:.06em!important;gap:6px!important}
  html body #mediaToolPanel .home-app-promo-button svg{width:14px!important;height:14px!important}
}

/* ===== Aviso discreto, no tom do site (sem faixa vermelha) ===== */
html body .site-notice{
  width:min(760px,calc(100% - 40px))!important;margin:14px auto 0!important;
  background:color-mix(in srgb,var(--panel) 92%,var(--neon))!important;
  border:1px solid var(--line)!important;border-left:3px solid var(--neon)!important;box-shadow:none!important
}
html body .site-notice-inner{justify-content:flex-start;min-height:0;padding:9px 14px!important;gap:10px;color:var(--ink);text-align:left}
html body .site-notice p{font-size:12.5px!important;font-weight:500!important;line-height:1.45;color:var(--muted)!important;-webkit-line-clamp:2}
html body .site-notice strong{color:var(--neon);font-weight:700}
html body .site-notice-link{flex:0 0 auto;font-size:12.5px!important;font-weight:700!important;color:var(--neon)!important;text-decoration:none!important;white-space:nowrap}
html body .site-notice-link:hover{text-decoration:underline!important}
@media (max-width:640px){
  html body .site-notice{width:calc(100% - 28px)!important;margin:10px auto 0!important}
  html body .site-notice-inner{padding:7px 11px!important}
  html body .site-notice p{font-size:11px!important}
  html body .site-notice-link{font-size:11px!important}
}

/* ===== Textos sem caixa alta (mais fáceis de ler) ===== */
html body .site-sidebar,html body .site-header,html body .site-notice,html body main#inicio,html body footer,
html body .site-notice p,html body .hero-copy,html body .form-note,html body .home-app-promo,html body .home-app-promo *{text-transform:none!important;letter-spacing:normal}
html body .eyebrow,html body .home-app-promo-kicker,html body .sidebar-group-label{text-transform:uppercase!important}

/* =========================================================
   MENU LATERAL — REDESENHO
   Painel flutuante e limpo. Ordem: marca · ferramentas · site · rodapé (histórico, tema, idioma).
   Só visual: os botões e funções continuam os mesmos.
   ========================================================= */
@media (min-width:901px){
  html body{padding-left:92px}
  html body .site-sidebar{
    inset:12px auto 12px 12px!important;height:auto!important;width:64px!important;
    padding:10px 8px!important;gap:2px!important;
    background:var(--sidebar)!important;border:1px solid rgba(255,255,255,.07);
    box-shadow:0 18px 40px -18px rgba(0,0,0,.6)!important;
    transition:width .22s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden!important
  }
  html body .site-sidebar.aberto{width:236px!important}
  html body .site-sidebar::after{display:none!important}

  /* ordem: marca, ferramentas/site (rolam se faltar espaço), rodapé fixo */
  html body .sidebar-brand{order:0}
  html body .sidebar-nav{order:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;gap:2px!important;padding-bottom:6px}
  html body .sidebar-nav::-webkit-scrollbar{display:none}
  html body .sidebar-theme{order:3;margin:0!important}
  html body .sidebar-lang{order:4;margin:0!important}
  html body .site-sidebar::before{content:"";order:2;flex:0 0 1px;margin:6px 10px;background:rgba(255,255,255,.08)}
}

/* marca */
html body .sidebar-brand{height:46px!important;padding:0 7px!important;margin-bottom:6px;gap:12px!important}
html body .sidebar-brand img{width:32px!important;height:32px!important;flex:0 0 32px!important}
html body .sidebar-brand .sidebar-label{font:800 15px/1 "Manrope",sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}

/* itens */
html body .site-sidebar .sidebar-item{
  position:relative;min-height:40px!important;height:40px;padding:0 10px!important;gap:12px!important;
  border-radius:10px!important;color:var(--sidebar-text)!important;background:transparent!important;
  font:600 13.5px/1 "DM Sans",sans-serif!important;letter-spacing:0!important;text-transform:none!important;transform:none!important
}
html body .site-sidebar .sidebar-item:hover{background:var(--sidebar-hover)!important;color:var(--sidebar-strong)!important}
html body .site-sidebar .sidebar-item:active{transform:scale(.98)!important}
html body .site-sidebar .sidebar-item.is-active{background:rgba(var(--neon-rgb),.16)!important;color:#fff!important}
html body .site-sidebar .sidebar-item.is-active .sidebar-icon{color:var(--neon)!important}
html body .site-sidebar .sidebar-item.is-active::before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0!important;background:var(--neon)}
html body .sidebar-icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
html body .sidebar-icon svg{width:20px!important;height:20px!important;stroke-width:1.8}

/* títulos de grupo e divisória */
html body .sidebar-group-label{margin-left:12px!important;margin-right:12px!important;font-size:10px!important;letter-spacing:.12em!important;color:#5f6b7a!important}
html body .sidebar-divider{margin:8px 10px!important;background:rgba(255,255,255,.08)!important}

/* histórico no fim da lista, com contador em bolha */
html body .sidebar-history{margin-top:auto!important}
html body .sidebar-history .history-count{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:99px!important;background:rgba(var(--neon-rgb),.2);color:#fff;font:700 11px/1 "DM Sans",sans-serif}

/* selo do idioma no ícone */
html body .sidebar-lang .sidebar-icon::after{right:-6px;bottom:-4px;border-radius:4px!important;padding:2px 3px}

/* tema claro: o menu continua escuro (como o original) */
html[data-theme="light"] body .site-sidebar{border-color:rgba(0,0,0,.06)}

/* celular: mesmo visual dentro da gaveta */
@media (max-width:900px){
  html body .site-sidebar{padding:14px 12px!important}
  html body .site-sidebar .sidebar-item{height:44px;min-height:44px!important;font-size:14.5px!important}
  html body .site-sidebar .sidebar-item.is-active::before{left:-12px}
}
@media (prefers-reduced-motion:reduce){html body .site-sidebar{transition:none!important}}
@media (min-width:901px){html body .site-sidebar{border-radius:18px!important}}
/* menu: sem títulos de grupo (a divisória já separa) e itens que cabem na tela */
@media (min-width:901px){
  html body .site-sidebar .sidebar-group-label{display:none!important}
  html body .site-sidebar .sidebar-item{height:38px;min-height:38px!important}
}
@media (min-width:901px) and (max-height:760px){
  html body .site-sidebar .sidebar-item{height:34px;min-height:34px!important}
  html body .sidebar-brand{height:40px!important;margin-bottom:4px}
  html body .site-sidebar::before{margin:4px 10px}
}
@media (min-width:901px) and (max-height:680px){
  html body .site-sidebar .sidebar-item{height:31px;min-height:31px!important}
  html body .sidebar-brand{height:36px!important}
}
/* gaveta do celular: mesma organização do PC */
@media (max-width:900px){
  html body .site-sidebar{gap:2px!important;border-right:1px solid rgba(255,255,255,.07)!important;overflow-y:auto!important}
  html body .site-sidebar::after{display:none!important}
  html body .sidebar-brand{order:0;justify-content:flex-start!important;margin-bottom:10px}
  html body .sidebar-nav{order:1;gap:2px!important}
  html body .site-sidebar::before{content:"";order:2;flex:0 0 1px;margin:8px 10px;background:rgba(255,255,255,.08)}
  html body .sidebar-theme{order:3;margin:0!important}
  html body .sidebar-lang{order:4;margin:0!important}
  html body .site-sidebar .sidebar-group-label{display:none!important}
  html body .sidebar-divider{margin:8px 10px!important}
  html body .sidebar-history{margin-top:0!important}
}
@media (max-width:900px){
  html body .sidebar-nav{flex:0 0 auto!important;min-height:auto!important;overflow:visible!important}
  html body .sidebar-theme,html body .sidebar-lang{flex:0 0 auto!important}
  html body .sidebar-brand .sidebar-label{margin:0!important;text-align:left}
  html body .sidebar-brand{gap:14px!important}
}
/* histórico logo depois de Informações (sem buraco) e rodapé com folga embaixo */
html body .site-sidebar .sidebar-history{margin-top:0!important}
@media (min-width:901px){html body .site-sidebar{padding-bottom:14px!important}}
html body #createTab{display:none!important}
@media (min-width:901px) and (max-height:680px){html body .site-sidebar .sidebar-item{height:34px;min-height:34px!important}}

/* sem barras de rolagem visíveis em todo o site (a rolagem continua funcionando) */
html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}