@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');
/* ===================================================================
   SERVIDOR FRP BRASIL - Tema Red/Black Tech
   Variáveis de tema (cores, glow, superfícies) centralizadas aqui
   =================================================================== */

:root{
  /* superfícies (fundo) */
  --frp-page-bg: radial-gradient(ellipse at top,#14090a 0%,#0a0505 45%,#050303 100%);
  --frp-card-1:#171010;
  --frp-card-2:#120b0b;
  --frp-card-header-1:#1c0f0f;
  --frp-card-header-2:#150a0a;
  --frp-card-inner:#1a1010;
  --frp-surface:#170f0f;
  --frp-surface-2:#140c0c;
  --frp-input-bg:#1c1111;
  --frp-modal-bg:#120b0b;
  --frp-offcanvas-bg:#0f0808;
  --frp-navbar-1:#0d0707;
  --frp-navbar-2:#120909;
  --frp-topbar-1:#1a0000;
  --frp-topbar-2:#0d0000;
  --frp-hr:#241414;
  --frp-hover-bg:rgba(212,21,31,.1);

  /* bordas e glow (variam de intensidade) */
  --frp-border-soft:rgba(212,21,31,.2);
  --frp-border:rgba(212,21,31,.35);
  --frp-border-mid:rgba(212,21,31,.5);
  --frp-border-strong:rgba(212,21,31,.85);
  --frp-glow-soft:rgba(212,21,31,.08);
  --frp-glow:rgba(212,21,31,.35);
  --frp-glow-strong:rgba(212,21,31,.7);
  --frp-shadow-1:rgba(0,0,0,.5);
  --frp-shadow-2:rgba(0,0,0,.6);
  --frp-heading-glow:0 0 14px rgba(212,21,31,.6);
  --frp-logo-glow:drop-shadow(0 0 6px rgba(212,21,31,.5));
  --frp-icon-glow:drop-shadow(0 0 4px rgba(212,21,31,.7));

  /* textos */
  --frp-text:#e8e8e8;
  --frp-text-strong:#ffffff;
  --frp-text-dim:#d8d8d8;
  --frp-text-dim2:#e0e0e0;
  --frp-text-muted:#888888;
  --frp-toggler-filter:none;

  /* marca (constante nos dois temas) */
  --frp-accent-1:#d4151f;
  --frp-accent-1-dark:#7a0000;
  --frp-accent-2:#d4151f;
  --frp-accent-3:#d4151f;
  --frp-success:#16c460;
  --frp-success-2:#2fd97a;

  /* cor de ação/destaque (CTA) - vermelho, papel fixo em qualquer tema */
  --frp-cta-1:#d4151f;
  --frp-cta-2:#d4151f;
  --frp-cta-3:#d4151f;

  /* variáveis do Bootstrap/tema original (sobrescritas) */
  --bs-light-primary:var(--frp-surface) !important;
  --bs-light-secondary:var(--frp-surface) !important;
  --bs-light-success:var(--frp-surface) !important;
  --bs-light-danger:var(--frp-surface) !important;
  --bs-light-warning:var(--frp-surface) !important;
  --bs-light-info:var(--frp-surface) !important;
  --bs-light:var(--frp-surface) !important;
  --bs-white:var(--frp-modal-bg) !important;
  --bs-body-bg:var(--frp-page-bg) !important;
  --bs-body-color:var(--frp-text) !important;
  --bs-border-color:var(--frp-border-soft) !important;
}

/* ===================================================================
   MODO DIA — fundo branco puro, detalhes em neon azul (estrutura)
   e neon vermelho (ação/marca). Como todo o CSS abaixo usa as
   variáveis --frp-*, sobrescrever aqui já recolore o site inteiro.
   =================================================================== */
html.frp-day{
  /* superfícies (fundo) — branco puro, sem tingimento */
  --frp-page-bg:#ffffff;
  --frp-card-1:#ffffff;
  --frp-card-2:#ffffff;
  --frp-card-header-1:#ffffff;
  --frp-card-header-2:#ffffff;
  --frp-card-inner:#ffffff;
  --frp-surface:#ffffff;
  --frp-surface-2:#f7f7f8;
  --frp-input-bg:#ffffff;
  --frp-modal-bg:#ffffff;
  --frp-offcanvas-bg:#ffffff;
  --frp-navbar-1:#ffffff;
  --frp-navbar-2:#ffffff;
  --frp-topbar-1:#0047ff;
  --frp-topbar-2:#d4151f;
  --frp-hr:#e8e8ec;
  --frp-hover-bg:rgba(212,21,31,.08);

  /* bordas e glow — vermelho neon */
  --frp-border-soft:rgba(212,21,31,.16);
  --frp-border:rgba(212,21,31,.32);
  --frp-border-mid:rgba(212,21,31,.5);
  --frp-border-strong:rgba(212,21,31,.8);
  --frp-glow-soft:rgba(212,21,31,.04);
  --frp-glow:rgba(212,21,31,.16);
  --frp-glow-strong:rgba(212,21,31,.28);
  --frp-shadow-1:rgba(0,0,0,.06);
  --frp-shadow-2:rgba(0,0,0,.10);
  --frp-heading-glow:0 0 10px rgba(212,21,31,.3);
  --frp-logo-glow:drop-shadow(0 0 5px rgba(212,21,31,.35));
  --frp-icon-glow:drop-shadow(0 0 3px rgba(212,21,31,.4));

  /* textos */
  --frp-text:#101625;
  --frp-text-strong:#000000;
  --frp-text-dim:#3c4657;
  --frp-text-dim2:#29313f;
  --frp-text-muted:#6b7383;
  --frp-toggler-filter:invert(1);

  /* estrutura (ícones, links, hover, bordas) — vermelho neon */
  --frp-accent-1:#d4151f;
  --frp-accent-1-dark:#7a0000;
  --frp-accent-2:#d4151f;
  --frp-accent-3:#d4151f;
  --frp-success:#0aa85c;
  --frp-success-2:#0fbf6b;

  /* ação/marca (CTA) — vermelho neon, papel fixo */
  --frp-cta-1:#d4151f;
  --frp-cta-2:#d4151f;
  --frp-cta-3:#d4151f;
}

/* ===================== base ===================== */
.offcanvas,#menuOffcanvas{z-index:99999!important}
#frp-topbar{z-index:9998!important}
html{background:var(--frp-page-bg)!important;min-height:100%!important}
body{background:transparent!important;transition:background .3s ease}

/* ===================== nome animado da logo ===================== */
a.nav-logo::after{
  content:"SERVIDOR FRP BRASIL";
  font-size:17px;font-weight:900;letter-spacing:2px;
  background:linear-gradient(90deg,var(--frp-cta-2),var(--frp-cta-3),var(--frp-cta-1),var(--frp-cta-3),var(--frp-cta-2));
  background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shine 3s linear infinite;white-space:nowrap;margin-left:8px;
  filter:var(--frp-logo-glow);
}
@keyframes shine{0%{background-position:0% center}100%{background-position:200% center}}
.frp-nome-mobile{
  font-size:14px;font-weight:900;letter-spacing:2px;
  background:linear-gradient(90deg,var(--frp-cta-2),var(--frp-cta-3),var(--frp-cta-1),var(--frp-cta-3),var(--frp-cta-2));
  background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shine 3s linear infinite;white-space:nowrap;margin-left:8px;
}

/* ===================== cards ===================== */
.card,.card.rounded-0,.card.product-section,.card.heighlight-card{
  background:linear-gradient(160deg,var(--frp-card-1) 0%,var(--frp-card-2) 100%)!important;
  border:1px solid var(--frp-cta-2)!important;border-radius:14px!important;overflow:hidden!important;
  box-shadow:0 4px 20px var(--frp-shadow-1),0 0 14px var(--frp-glow-soft)!important;
  transition:box-shadow .3s ease,transform .3s ease!important;
}
.card:hover,.card.rounded-0:hover,.card.product-section:hover,.card.heighlight-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 10px 34px var(--frp-shadow-2),0 0 26px var(--frp-glow)!important;
}
.card .card-header{
  background:linear-gradient(90deg,var(--frp-card-header-1),var(--frp-card-header-2))!important;
  border-bottom:2px solid var(--frp-border-mid)!important;border-radius:14px 14px 0 0!important;
}
.card .card-header h5{color:var(--frp-text-strong)!important;font-weight:800!important;letter-spacing:.5px;text-shadow:var(--frp-heading-glow)!important}
.card .card-title:not([style*="color"]),.card h5:not([style*="color"]),.card h6:not([style*="color"]),.card p:not([style*="color"]),.card a:not([style*="color"]),.card span:not(.badge):not([style*="color"]),.card .service-title:not([style*="color"]),.card .service-name:not([style*="color"]),
.card .text-muted:not([style*="color"]),.card small:not([style*="color"]),.card label:not([style*="color"]),.card h4:not([style*="color"]),.card h3:not([style*="color"]),.card h2:not([style*="color"]),.card .fw-bold:not([style*="color"]),.card .fw-semibold:not([style*="color"]),.card strong:not([style*="color"]),.card b:not([style*="color"]){
  color:var(--frp-text)!important;opacity:1!important;
}
.card .card,.card .card-body .card,.dashboard-card,.balance-card,.wallet-card,.card.rounded{
  background:var(--frp-card-inner)!important;border:1px solid var(--frp-border-soft)!important;box-shadow:0 0 12px var(--frp-glow-soft)!important;
}
.card a.text-muted,.card .add-balance,.card a[href*="deposit"],.card a[href*="balance"],.card a[href*="recharge"]{
  color:var(--frp-accent-3)!important;opacity:1!important;font-weight:700!important;
}

/* ===================== abas ===================== */
.nav-tabs{border-bottom:2px solid var(--frp-border-mid)!important}
.nav-tabs .nav-link,.nav-tabs .nav-item{
  background:var(--frp-surface)!important;color:var(--frp-text-dim)!important;border:1px solid var(--frp-border-soft)!important;
  border-bottom:none!important;font-weight:600!important;border-radius:8px 8px 0 0!important;
}
.nav-tabs .nav-link.active{
  background:linear-gradient(135deg,var(--frp-accent-1),var(--frp-accent-2))!important;color:#fff!important;
  border-color:var(--frp-accent-2)!important;box-shadow:0 0 16px var(--frp-glow-strong)!important;
}
.analytics-tab .nav-link,.analytics-tab .nav-link.active,#myTab .nav-link,#myTab .nav-link.active,#related-tab{
  background:var(--frp-surface)!important;color:var(--frp-accent-3)!important;border:none!important;box-shadow:none!important;
  font-weight:800!important;text-shadow:none!important;
}
.card-header.pb-0.border-0,.card-header.border-0{background:var(--frp-surface)!important;border-bottom:2px solid var(--frp-border)!important}

/* ===================== badges ===================== */
.badge.bg-danger,.badge.bg-light-danger,span.badge[class*="danger"]{
  background:var(--frp-accent-2)!important;color:#fff!important;border:none!important;text-shadow:none!important;box-shadow:0 0 8px var(--frp-glow)!important;
}
.badge.bg-success,.badge.bg-light-success,span.badge[class*="success"]{
  background:var(--frp-success)!important;color:#fff!important;border:none!important;text-shadow:none!important;box-shadow:0 0 8px rgba(22,196,96,.4)!important;
}

/* ===================== modais ===================== */
.modal-content,.login-content,.modal-content.login-content{
  background:var(--frp-modal-bg)!important;border:1px solid var(--frp-border-mid)!important;border-radius:14px!important;box-shadow:0 0 40px var(--frp-glow)!important;
}
.modal-content .form-control{background:var(--frp-input-bg)!important;border:1px solid var(--frp-border)!important;color:var(--frp-text)!important;border-radius:8px!important}
.modal-content .form-control::placeholder{color:var(--frp-text-muted)!important}
.modal-content label,.modal-content p,.modal-content small,.modal-content a:not(.btn),.modal-content h5,.modal-content h6,
.modal-content span,.modal-content td,.modal-content th{color:var(--frp-text)!important;opacity:1!important}
.modal-content .modal-header{background:linear-gradient(90deg,var(--frp-card-header-1),var(--frp-card-header-2))!important;border-bottom:2px solid var(--frp-border-mid)!important}
.modal-content .nav-tabs .nav-link{background:var(--frp-surface)!important;color:var(--frp-text-dim)!important}
.modal-content .nav-tabs .nav-link.active{background:linear-gradient(135deg,var(--frp-accent-1),var(--frp-accent-2))!important;color:#fff!important}
#orderDetailsHtml,.modal-body.bg-white,.modal .bg-white{background:var(--frp-modal-bg)!important;color:var(--frp-text)!important}
#orderDetailsHtml *,.modal-body.bg-white *{color:var(--frp-text)!important}
.modal-content .modal-header h5,.modal-content .modal-header h4,.modal-content .modal-header *{color:var(--frp-text-strong)!important}
.modal-body,.modal-body .card,.modal-body .p-3,.modal-body .border,.modal-body .list-group-item,.modal-body table,.modal-body td,.modal-body th{
  background:var(--frp-modal-bg)!important;color:var(--frp-text)!important;border-color:var(--frp-border-soft)!important;
}
.modal input,.modal textarea,.modal select{background:var(--frp-input-bg)!important;color:var(--frp-text)!important;border:1px solid var(--frp-border)!important}
.modal input:disabled,.modal input[readonly],.modal textarea[readonly],.modal textarea:disabled{
  background:var(--frp-input-bg)!important;color:var(--frp-text)!important;opacity:1!important;-webkit-text-fill-color:var(--frp-text)!important;
}

/* ===================== dropdown ===================== */
.gsm-dropdown,.dropdown-menu{background:var(--frp-surface-2)!important;border:1px solid var(--frp-border-mid)!important;box-shadow:0 0 24px var(--frp-glow)!important}
.gsm-dropdown a,.dropdown-menu a{color:var(--frp-text-dim2)!important;transition:all .2s ease!important}
.gsm-dropdown a:hover,.dropdown-menu a:hover{color:var(--frp-accent-3)!important;background:var(--frp-hover-bg)!important}
.gsm-dropdown a,.dropdown-menu a,.has-drop a{display:flex!important;align-items:center;padding-left:26px!important;position:relative!important}
.gsm-dropdown a i,.dropdown-menu a i,.has-drop a i{position:absolute!important;left:6px!important;margin-right:0!important}
.dropdown-menu .dropdown-item,.dropdown-item{color:var(--frp-text-dim2)!important}
.dropdown-menu .dropdown-item:hover,.dropdown-item:hover,.dropdown-menu .dropdown-item:focus{color:var(--frp-accent-3)!important;background:var(--frp-hover-bg)!important}
.dropdown-item i,.dropdown-item svg{color:var(--frp-accent-2)!important;opacity:1!important}
.btn-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-warning,.btn-outline-danger,[class*="btn-soft"],a.btn:not(.btn-primary):not(.btn-danger):not(.btn-success){
  background:var(--frp-surface)!important;color:var(--frp-text)!important;border:1px solid var(--frp-border-mid)!important;
}
[class*="btn-soft"] *,.btn-outline-primary *,.btn-outline-secondary *,.btn-light *,a.btn:not(.btn-primary):not(.btn-danger):not(.btn-success) *{color:var(--frp-text)!important}
[class*="btn-light-"]{background:var(--frp-surface)!important;color:var(--frp-text)!important;border-color:var(--frp-border-mid)!important;transition:all .2s ease!important}
[class*="btn-light-"] *{color:var(--frp-text)!important}
[class*="btn-light-"] svg,[class*="btn-light-"] i{color:var(--frp-accent-2)!important}
.btn-light-success:hover{background:var(--frp-success)!important;color:#fff!important;border-color:var(--frp-success)!important;box-shadow:0 0 12px rgba(22,196,96,.5)!important}
.btn-light-success:hover *,.btn-light-success:hover svg,.btn-light-success:hover i{color:#fff!important}
.btn-light-primary:hover{background:var(--frp-accent-2)!important;color:#fff!important;border-color:var(--frp-accent-2)!important;box-shadow:0 0 12px var(--frp-glow)!important}
.btn-light-primary:hover *,.btn-light-primary:hover svg,.btn-light-primary:hover i{color:#fff!important}
.btn-light-danger:hover{background:var(--frp-accent-1)!important;color:#fff!important;border-color:var(--frp-accent-1)!important;box-shadow:0 0 12px var(--frp-glow-strong)!important}
.btn-light-danger:hover *,.btn-light-danger:hover svg,.btn-light-danger:hover i{color:#fff!important}
.btn-light-warning:hover{background:#f5a623!important;color:#1a1200!important;border-color:#f5a623!important}
.btn-light-warning:hover *,.btn-light-warning:hover svg,.btn-light-warning:hover i{color:#1a1200!important}
.btn-light-info:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}
.btn-light-info:hover *,.btn-light-info:hover svg,.btn-light-info:hover i{color:#fff!important}
.btn-light-secondary:hover{background:#6c757d!important;color:#fff!important;border-color:#6c757d!important}
.btn-light-secondary:hover *,.btn-light-secondary:hover svg,.btn-light-secondary:hover i{color:#fff!important}
html body .customer-header-auth,html body .customer-header-auth *{color:var(--frp-text)!important}

/* ===================== offcanvas mobile ===================== */
.offcanvas,#menuOffcanvas,.offcanvas-start,.offcanvas-body{background:var(--frp-offcanvas-bg)!important;color:var(--frp-text)!important}
.offcanvas-header,#menuOffcanvas .offcanvas-header{
  border-bottom:2px solid var(--frp-border-mid)!important;padding-bottom:14px!important;
  background:linear-gradient(90deg,var(--frp-card-header-1),var(--frp-card-header-2))!important;
}
#menuOffcanvas .offcanvas-body>p,#menuOffcanvas .offcanvas-body>div>p{color:var(--frp-accent-3)!important;font-weight:700!important;font-size:15px!important}
#menuOffcanvas .text-reset,.offcanvas .text-reset{color:var(--frp-text-dim)!important;border-bottom:1px solid var(--frp-hr)!important;padding:12px 4px!important;transition:all .2s ease!important}
#menuOffcanvas .text-reset:hover,.offcanvas .text-reset:hover{color:var(--frp-accent-3)!important;border-bottom-color:var(--frp-accent-2)!important;padding-left:10px!important}
#menuOffcanvas h5,.offcanvas h5{
  color:var(--frp-accent-2)!important;font-size:11px!important;letter-spacing:2px!important;font-weight:800!important;text-transform:uppercase!important;
  margin-top:16px!important;border-left:3px solid var(--frp-accent-2)!important;padding-left:8px!important;
}
.offcanvas hr,#menuOffcanvas hr{border-color:var(--frp-hr)!important;margin:6px 0!important}
.offcanvas .text-reset[style],#menuOffcanvas .text-reset[style]{background:var(--frp-surface)!important;color:var(--frp-text)!important}

/* ===================== navbar desktop ===================== */
.navbar,header.navbar,nav.navbar,.gsm-header{background:linear-gradient(90deg,var(--frp-navbar-1),var(--frp-navbar-2))!important;border-bottom:1px solid var(--frp-border-soft)!important}
.nav-links a,.nav-link{color:var(--frp-text-dim2)!important}
.nav-links a:hover,.nav-link:hover{color:var(--frp-accent-3)!important}
.gsm-header .text-white,.customer-header-auth .text-white,.dropdown.customer-header-auth .text-white{color:var(--frp-text)!important}
.navbar-toggler{color:var(--frp-text)!important;border-color:var(--frp-border-mid)!important}
.navbar-toggler i,.navbar-toggler svg,.navbar-toggler .fa-bars{color:var(--frp-accent-2)!important}
.navbar-toggler-icon{filter:var(--frp-toggler-filter,none)!important}
.customer-header-auth .btn,.dropdown.customer-header-auth>.btn{background:var(--frp-surface)!important;border:1px solid var(--frp-border-mid)!important;border-radius:10px!important}
.customer-header-auth .border.rounded-circle{border:2px solid var(--frp-accent-1)!important;background:var(--frp-card-header-1)!important}
.customer-header-auth .border.rounded-circle svg path,.customer-header-auth .border.rounded-circle svg circle{stroke:var(--frp-accent-1)!important}
.customer-header-auth .border.rounded-circle svg,.customer-header-auth .border.rounded-circle path,.customer-header-auth .border.rounded-circle circle{
  stroke:var(--frp-accent-1)!important;
}

/* ===================== carrossel ===================== */
.card-body .owl-stage{animation:owl-marquee 25s linear infinite!important;transition:none!important}
.card-body .owl-stage:hover{animation-play-state:paused!important}
.card-body .owl-dots,.card-body .owl-nav{display:none!important}
@keyframes owl-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:768px){.card-body .owl-stage{animation-duration:10s!important}}

/* ===================== títulos em português ===================== */
div.card.product-section .card-header h5.text-primary{visibility:hidden;position:relative}
div.card.product-section .card-header h5.text-primary::after{content:"SOMOS REVENDEDOR OFICIAL";visibility:visible;position:absolute;left:0;white-space:nowrap}
div.card.rounded-0:not(.product-section) .card-header h5.text-primary{visibility:hidden;position:relative}
div.card.rounded-0:not(.product-section) .card-header h5.text-primary::after{content:"MAIS VENDIDOS";visibility:visible;position:absolute;left:0;white-space:nowrap}
div.card.rounded-0:not(.product-section)+div.card.rounded-0 .card-header h5.text-primary::after{content:"ADICIONADOS RECENTEMENTE"}

/* ===================== barra deslizante ===================== */
#frp-topbar{
  background:linear-gradient(90deg,var(--frp-topbar-1),var(--frp-topbar-2),var(--frp-topbar-1));color:#fff;padding:8px 0;overflow:hidden;
  white-space:nowrap;border-bottom:1px solid var(--frp-border-mid);box-shadow:0 0 12px var(--frp-glow);position:relative;
}
#frp-topbar-inner{display:inline-block;animation:topbar-scroll 15s linear infinite}
#frp-topbar-inner span{font-size:13px;font-weight:700;letter-spacing:.5px;padding:0 40px}
#frp-topbar-inner i{color:var(--frp-accent-2);margin-right:8px;margin-left:2px;filter:var(--frp-icon-glow)}
#frp-topbar:hover #frp-topbar-inner{animation-play-state:paused}
@keyframes topbar-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===================== botão flutuante (FAB) ===================== */
#frp-float-btns{position:fixed;bottom:22px;right:16px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px}
.frp-fab{
  width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:18px;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .25s ease;
  text-decoration:none!important;color:#fff!important;flex-shrink:0;
}
.frp-fab:hover{transform:scale(1.08)}
#frp-fab-toggle{background:linear-gradient(135deg,var(--frp-cta-1),var(--frp-cta-2))!important;border:1px solid var(--frp-cta-2)!important;box-shadow:0 0 14px var(--frp-glow-strong)!important}
#frp-btn-whats{background:linear-gradient(135deg,#25d366,#128c7e)!important}
#frp-btn-youtube{background:linear-gradient(135deg,#d4151f,#d4151f)!important}
#frp-btn-grupo{background:linear-gradient(135deg,var(--frp-accent-1),var(--frp-accent-2))!important}
#frp-btn-tema{background:linear-gradient(135deg,#f5a623,#ff8c00)!important}
#frp-fab-group{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s ease}
#frp-fab-group.frp-fab-collapsed{opacity:0;transform:translateY(12px) scale(.8);pointer-events:none;height:0;overflow:hidden;gap:0}
#frp-fab-group.frp-fab-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;height:auto}

/* ===================== modal de login/cadastro - redesign ===================== */
.frp-modal-brand{
  display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 16px;
  background:radial-gradient(ellipse at top,var(--frp-card-header-2) 0%,var(--frp-card-header-1) 60%,transparent 100%);
  border-bottom:2px solid var(--frp-border-mid);
}
.frp-modal-brand img{width:30px;height:30px;border-radius:50%;border:2px solid var(--frp-accent-2);box-shadow:0 0 12px var(--frp-glow-strong);object-fit:cover;background:#000}
.frp-modal-brand span{
  font-weight:900;letter-spacing:1.5px;font-size:12px;white-space:nowrap;
  background:linear-gradient(90deg,var(--frp-cta-2),var(--frp-cta-3),var(--frp-cta-2));background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite;
}
.modal-content{border-radius:20px!important;box-shadow:0 0 50px var(--frp-glow-strong),0 25px 70px rgba(0,0,0,.55)!important;overflow:hidden!important}
.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h5{letter-spacing:.5px}
.modal-content .form-control{border-radius:10px!important;padding:11px 14px!important;transition:all .2s ease!important}
.modal-content .form-control:focus{border-color:var(--frp-accent-2)!important;box-shadow:0 0 0 3px var(--frp-glow)!important;outline:none!important}
.modal-content .btn.btn-primary{
  background:linear-gradient(135deg,var(--frp-cta-1),var(--frp-cta-2))!important;border:none!important;
  box-shadow:0 4px 16px var(--frp-glow-strong)!important;font-weight:700!important;letter-spacing:.5px!important;
  border-radius:10px!important;padding:12px!important;transition:all .25s ease!important;
}
.modal-content .btn.btn-primary:hover{box-shadow:0 0 26px var(--frp-glow-strong)!important;transform:translateY(-2px)}
.modal-content .btn-outline-primary,.modal-content .btn-outline-secondary,.modal-content .btn.btn-light{
  background:transparent!important;border:1.5px solid var(--frp-accent-2)!important;color:var(--frp-accent-3)!important;
  font-weight:700!important;border-radius:10px!important;padding:12px!important;transition:all .25s ease!important;
}
.modal-content .btn-outline-primary:hover,.modal-content .btn-outline-secondary:hover,.modal-content .btn.btn-light:hover{
  background:var(--frp-hover-bg)!important;box-shadow:0 0 16px var(--frp-glow)!important;
}
.modal-content hr{border-color:var(--frp-hr)!important;opacity:1!important}

/* ===================== painel de ilustração -> painel de marca ===================== */
.auth-illus-panel{
  background:radial-gradient(ellipse at center,var(--frp-card-header-2) 0%,var(--frp-card-1) 70%,var(--frp-card-2) 100%)!important;
  position:relative;
}
.frp-illus-brand{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px}
.frp-illus-logo{width:130px;height:130px;border-radius:50%;border:3px solid var(--frp-accent-2);box-shadow:0 0 40px var(--frp-glow-strong);object-fit:cover;background:#000}
.frp-illus-brand span{
  font-weight:900;letter-spacing:2px;font-size:19px;white-space:nowrap;
  background:linear-gradient(90deg,var(--frp-cta-2),var(--frp-cta-3),var(--frp-cta-2));background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite;
}
.frp-illus-brand small{color:var(--frp-text-muted);font-size:11.5px;letter-spacing:1px;max-width:220px}

/* ===================== inputs/formulários ===================== */
input.form-control,.form-control,.form-select,select.form-select,input[type="number"],input[type="text"],input[type="tel"],input[type="email"],textarea,select{
  background:var(--frp-input-bg)!important;color:var(--frp-text)!important;border:1px solid var(--frp-border)!important;
}
select option{background:var(--frp-input-bg)!important;color:var(--frp-text)!important}

/* ===================== plugin Select2 (dropdown customizado) ===================== */
.select2-container .select2-selection,.select2-selection--single{
  background:var(--frp-input-bg)!important;border:1px solid var(--frp-border)!important;border-radius:10px!important;height:auto!important;
}
.select2-selection__rendered{color:var(--frp-text)!important;line-height:2!important;padding:8px 14px!important}
.select2-selection__rendered span{color:var(--frp-text)!important}
.select2-selection__arrow{height:100%!important}
.select2-selection__arrow b{border-color:var(--frp-text) transparent transparent transparent!important}
.select2-dropdown{background:var(--frp-input-bg)!important;border:1px solid var(--frp-border-mid)!important;border-radius:10px!important;overflow:hidden}
.select2-results__options{background:var(--frp-input-bg)!important}
.select2-results__option{background:var(--frp-input-bg)!important;color:var(--frp-text)!important}
.select2-results__option--highlighted,.select2-results__option--selected{background:var(--frp-accent-2)!important;color:#fff!important}
.select2-search__field{background:var(--frp-input-bg)!important;color:var(--frp-text)!important;border:1px solid var(--frp-border)!important}
input::placeholder,textarea::placeholder{color:var(--frp-text-muted)!important}
input:disabled,input[readonly],textarea[readonly],textarea:disabled{
  background:var(--frp-input-bg)!important;color:var(--frp-text)!important;opacity:1!important;-webkit-text-fill-color:var(--frp-text)!important;
}
.form-check,label.d-flex,.border.rounded,.rounded.border,.rounded-3.border,[class*="payment"],[class*="gateway"]{
  background:var(--frp-surface)!important;color:var(--frp-text)!important;border-color:var(--frp-border-soft)!important;
}
[class*="payment"] *,[class*="gateway"] *,.form-check *{color:var(--frp-text)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--frp-accent-2)!important;width:16px!important;height:16px!important}
.form-check-input{border:1.5px solid var(--frp-border-mid)!important;background-color:var(--frp-input-bg)!important}
.form-check-input:checked{background-color:var(--frp-accent-2)!important;border-color:var(--frp-accent-2)!important}

/* ===================== fundos claros do tema (bg-white / bg-light-*) ===================== */
html body .bg-white,html body .card-body,html body div.bg-white,.bg-light,.table,.table td,.table th,.list-group-item{
  background:var(--frp-modal-bg)!important;color:var(--frp-text)!important;
}
html body .bg-white *:not([style*="color"]),html body .card-body *:not([style*="color"]){color:var(--frp-text)!important}
.bg-light-danger,.bg-light-primary,.bg-light-secondary,.bg-light-success,.bg-light-warning,.bg-light-info{
  background:var(--frp-surface)!important;color:var(--frp-text)!important;
}
.bg-light-danger *,.bg-light-primary *,.bg-light-secondary *,.bg-light-success *,.bg-light-warning *,.bg-light-info *{color:var(--frp-text)!important}
[style*="light-primary"],[style*="light-secondary"],[style*="light-success"],[style*="light-danger"],[style*="light-warning"],[style*="light-info"],[style*="bs-light"],[style*="bs-white"]{
  background:var(--frp-surface)!important;color:var(--frp-text)!important;
}
[style*="light-primary"] *,[style*="light-secondary"] *,[style*="bs-light"] *,[style*="bs-white"] *{color:var(--frp-text)!important}

/* ===================== botão copiar / input-group-text ===================== */
.input-group-text,[class*="copy"]{background:var(--frp-surface)!important;color:var(--frp-text)!important;border-color:var(--frp-border)!important}
.input-group-text i,.input-group-text svg,[class*="copy"] i,[class*="copy"] svg{color:var(--frp-accent-3)!important}

/* ===================== gateway de pagamento (classes reais do tema) ===================== */
.checkbox-wrapper,.checkbox-tile,.checkbox-input,label.checkbox-wrapper,span.checkbox-tile{
  background:var(--frp-surface)!important;color:var(--frp-text)!important;border-color:var(--frp-border)!important;
}
.checkbox-wrapper *,.checkbox-tile *{color:var(--frp-text)!important}

/* ===================== campo de valor (R$ / BRL) ===================== */
.amt-group,.amt-group.rounded-1,.amt-sym,.amt-unit,.amt-field,input.amt-field{
  background:var(--frp-input-bg)!important;color:var(--frp-text)!important;border-color:var(--frp-border)!important;
}

/* ===================== títulos gerais ===================== */
h1,h2,h3,h4,h5,h6,.service-title,.service-title *{color:var(--frp-text)!important}

/* ===================== imagens de serviço padronizadas (agora 1:1) ===================== */
#service-list img.rounded.border,#service-list .card-body img,img.rounded.border{
  width:90px!important;height:90px!important;aspect-ratio:1/1!important;object-fit:cover!important;
  border-radius:10px!important;border:1px solid var(--frp-border)!important;
}

/* ===================== ícones de status do painel (avtar bg-*-subtle) ===================== */
.avtar{border-radius:12px!important}
html body .avtar.bg-warning-subtle,html body .bg-warning-subtle{background:rgba(255,193,7,.35)!important}
html body .avtar.text-warning,html body .text-warning{color:#ffc107!important}
html body .avtar.bg-success-subtle,html body .bg-success-subtle{background:rgba(22,196,96,.35)!important}
html body .avtar.text-success,html body .text-success{color:#2fd97a!important}
html body .avtar.bg-danger-subtle,html body .bg-danger-subtle{background:rgba(212,21,31,.35)!important}
html body .avtar.text-danger,html body .text-danger{color:#d4151f!important}
html body .avtar.bg-info-subtle,html body .bg-info-subtle{background:rgba(77,166,255,.35)!important}
html body .avtar.text-info,html body .text-info{color:#66b8ff!important}
html body .avtar.bg-primary-subtle,html body .bg-primary-subtle{background:rgba(212,21,31,.35)!important}
html body .avtar.text-primary,html body .text-primary{color:#d4151f!important}
html body .avtar.bg-secondary-subtle,html body .bg-secondary-subtle{background:var(--frp-surface)!important}
html body .avtar.text-secondary,html body .text-secondary{color:var(--frp-text-dim)!important}
html body .avtar.bg-dark-subtle,html body .bg-dark-subtle{background:rgba(255,193,7,.35)!important}
html body .avtar.bg-dark-subtle,html body .avtar.bg-dark-subtle i,html body .avtar.bg-dark-subtle svg,html body .avtar.bg-dark-subtle.text-secondary{color:#ffc107!important;opacity:1!important}
html body .avtar i,html body .avtar svg{font-size:22px!important;opacity:1!important}

/* ===================== menu lateral do painel (Painel/Perfil/Senha/etc) ===================== */
button[data-section],a[data-section]{
  display:flex!important;align-items:center;gap:10px;width:100%;text-align:left;
  border-radius:10px!important;padding:12px 14px!important;margin-bottom:4px;
  background:transparent!important;color:var(--frp-text-dim)!important;border:1px solid transparent!important;
  transition:all .2s ease!important;font-weight:600!important;
}
button[data-section] i,button[data-section] svg,a[data-section] i,a[data-section] svg{color:var(--frp-accent-3)!important;transition:color .2s ease}
button[data-section]:hover,a[data-section]:hover{background:var(--frp-hover-bg)!important;color:var(--frp-text)!important;border-color:var(--frp-border-soft)!important}
button[data-section].active,a[data-section].active{
  background:linear-gradient(135deg,var(--frp-accent-1),var(--frp-accent-2))!important;
  color:#fff!important;box-shadow:0 4px 16px var(--frp-glow)!important;border-color:transparent!important;
}
button[data-section].active i,button[data-section].active svg,a[data-section].active i,a[data-section].active svg{color:#fff!important}

/* ===================== remover crédito do tema ===================== */
.foot-copy{display:none!important}

/* ===================== hero banner (home) - 100% CSS, sem imagem ===================== */
#frp-hero{
  position:relative;overflow:hidden;text-align:center;padding:34px 20px 30px;margin-bottom:18px;
  border-radius:16px;border:1px solid var(--frp-border-mid);
  background:linear-gradient(135deg,var(--frp-card-header-1) 0%,var(--frp-card-1) 45%,var(--frp-card-header-2) 100%);
  background-size:200% 200%;animation:frp-hero-drift 8s ease-in-out infinite;
}
#frp-hero h1{
  font-size:clamp(22px,5vw,34px);font-weight:900;letter-spacing:1px;margin:0 0 8px;color:var(--frp-text-strong)!important;
  text-shadow:var(--frp-heading-glow);
}
#frp-hero h1 span{
  background:linear-gradient(90deg,var(--frp-cta-2),var(--frp-cta-3),var(--frp-cta-2));background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite;
}
#frp-hero p{font-size:14px;color:var(--frp-text-dim);max-width:520px;margin:0 auto 16px}
#frp-hero .frp-hero-badge{
  display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;
  background:linear-gradient(135deg,var(--frp-accent-1),var(--frp-accent-2));color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 0 20px var(--frp-glow-strong);
}
@keyframes frp-hero-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (max-width:600px){#frp-hero{padding:26px 16px 22px}}

/* ===================== faixa de destaques (home) ===================== */
#frp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:22px}
.frp-feat-card{
  background:linear-gradient(160deg,var(--frp-card-1) 0%,var(--frp-card-2) 100%);
  border:1px solid var(--frp-border);border-radius:12px;padding:16px 10px;text-align:center;
  transition:all .25s ease;
}
.frp-feat-card:hover{transform:translateY(-4px);border-color:var(--frp-border-strong);box-shadow:0 8px 24px var(--frp-glow)}
.frp-feat-card .frp-feat-icon{font-size:22px;margin-bottom:6px;filter:drop-shadow(0 0 6px var(--frp-accent-2))}
.frp-feat-card .frp-feat-title{font-size:12.5px;font-weight:800;color:var(--frp-text)!important;letter-spacing:.3px}

/* ===================== banner de promoção ===================== */
#frp-promo-banner{
  position:relative;width:100%;padding:12px 40px 12px 16px;text-align:center;
  background:linear-gradient(90deg,#7a0000,#d4151f,#7a0000);background-size:200% auto;
  color:#fff;font-weight:800;font-size:14px;letter-spacing:.4px;z-index:9997;
  animation:frp-promo-shine 4s linear infinite,frp-promo-pulse 1.8s ease-in-out infinite;
  box-shadow:0 2px 14px rgba(212,21,31,.5);
}
#frp-promo-banner span{display:inline-block}
#frp-promo-banner .frp-promo-close{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.25);border:none;color:#fff;width:24px;height:24px;border-radius:50%;
  cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;
}
#frp-promo-banner .frp-promo-close:hover{background:rgba(0,0,0,.45)}
@keyframes frp-promo-shine{0%{background-position:0% center}100%{background-position:200% center}}
@keyframes frp-promo-pulse{0%,100%{box-shadow:0 2px 14px rgba(212,21,31,.5)}50%{box-shadow:0 2px 26px rgba(212,21,31,.9)}}
@media (max-width:600px){#frp-promo-banner{font-size:12px;padding:10px 36px 10px 12px}}

/* ===================== footer (fundo vermelho fixo do tema) ===================== */
footer.footer,.top-footer{
  background:var(--frp-page-bg)!important;background-image:none!important;color:var(--frp-text)!important;
}
footer.footer *,.top-footer *{color:var(--frp-text)!important}
footer.footer h1,footer.footer h2,footer.footer h3,footer.footer h4,footer.footer h5,footer.footer h6{color:var(--frp-text-strong)!important}
footer.footer a:hover{color:var(--frp-accent-3)!important}
footer.footer .rounded,footer.footer [class*="rounded"]{background:var(--frp-surface)!important;border:1px solid var(--frp-border)!important}

/* ===================== preserva cores manuais em conteúdo aninhado (artigos/descrições) ===================== */
[style*="color"] *:not([style*="color"]):not(#__frp_never__){color:inherit!important}

/* ===================== barra de utilidade (topo) ===================== */
#frp-util-bar{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;
  background:linear-gradient(90deg,var(--frp-navbar-1),var(--frp-navbar-2));border-bottom:1px solid var(--frp-border-soft);
  padding:11px 12px;font-family:'Rajdhani',sans-serif;position:relative;z-index:9997;
}
#frp-util-bar::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,#0047ff,#d4151f,#0047ff);background-size:200% auto;
  animation:frp-util-shine 4s linear infinite;
}
@keyframes frp-util-shine{0%{background-position:0% center}100%{background-position:200% center}}
.frp-util-item{
  display:flex;align-items:center;gap:8px;padding:5px 18px;font-size:13.5px;font-weight:700;
  letter-spacing:.3px;color:var(--frp-text-dim);text-decoration:none!important;border-right:1px solid var(--frp-border-soft);
  white-space:nowrap;
}
.frp-util-item:last-child,.frp-util-item.frp-util-cta{border-right:none}
.frp-util-item i{color:var(--frp-accent-2);font-size:13.5px}
a.frp-util-item:hover{color:var(--frp-accent-2)}
.frp-util-cta{
  background:transparent!important;color:var(--frp-cta-2)!important;
  border:1px solid var(--frp-cta-2)!important;
  border-radius:20px!important;padding:7px 17px!important;margin-left:8px;font-weight:800!important;
  transition:background .2s ease,color .2s ease!important;
}
.frp-util-cta i{color:var(--frp-cta-2)!important}
.frp-util-cta:hover{background:var(--frp-cta-2)!important;color:#fff!important}
.frp-util-cta:hover i{color:#fff!important}
.frp-util-cta:hover{box-shadow:0 0 14px var(--frp-glow-strong)}
@media (max-width:900px){#frp-util-bar{display:none}}

/* ===================== faixa de confiança (após o hero) ===================== */
#frp-trust-bar{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;
  background:var(--frp-surface);border-top:1px solid var(--frp-border-soft);border-bottom:1px solid var(--frp-border-soft);
  padding:12px 10px;margin:14px 0;
}
.frp-trust-item{
  display:flex;align-items:center;gap:8px;padding:6px 22px;font-size:12.5px;font-weight:800;letter-spacing:.4px;
  color:var(--frp-text-dim);border-right:1px solid var(--frp-border-soft);white-space:nowrap;
}
.frp-trust-item:last-child{border-right:none}
.frp-trust-item i{color:var(--frp-accent-2);font-size:14px}
@media (max-width:700px){.frp-trust-item{padding:6px 12px;font-size:11px}}

/* ===================== selo "mais vendido" ===================== */
.frp-ribbon-mais-vendido{
  position:absolute;top:10px;left:-6px;z-index:5;
  background:linear-gradient(135deg,var(--frp-cta-1),var(--frp-cta-2));color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.3px;padding:5px 10px 5px 12px;
  border-radius:0 4px 4px 0;box-shadow:0 2px 8px var(--frp-glow);display:flex;align-items:center;gap:5px;
}
.frp-ribbon-mais-vendido::after{
  content:'';position:absolute;left:0;top:100%;border-width:6px 6px 0 0;border-style:solid;
  border-color:var(--frp-cta-1) transparent transparent transparent;
}

/* ===================== botão WhatsApp em pílula ===================== */
.frp-fab-pill{width:auto!important;padding:0 18px 0 14px!important;border-radius:28px!important;gap:9px;
  display:flex!important;align-items:center;justify-content:center;text-decoration:none!important}
.frp-fab-pill span{color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;font-family:'Rajdhani',sans-serif}

/* ===================== moldura neon animada no banner (carrossel) ===================== */
.carousel{position:relative;border-radius:14px;border:1px solid var(--frp-cta-2);overflow:hidden}
.carousel-inner,.carousel-item{border-radius:13px!important;overflow:hidden}
.carousel-item img{
  border-radius:13px!important;border:none!important;
  width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;
}

/* ===================== barra FERRAMENTAS: (card fixo + marquee) ===================== */
#frp-tools-bar{
  display:flex;align-items:stretch;background:var(--frp-card-1,#0b0b10);
  border-bottom:1px solid var(--frp-border-soft);position:relative;z-index:9998;
  font-family:'Rajdhani',sans-serif;overflow:hidden;
}
.frp-tools-label{
  flex-shrink:0;display:flex;align-items:center;gap:9px;padding:0 22px;
  background:linear-gradient(135deg,var(--frp-cta-1),var(--frp-cta-2));color:#fff;
  font-size:16px;font-weight:800;letter-spacing:.6px;white-space:nowrap;
  box-shadow:4px 0 14px rgba(0,0,0,.35);position:relative;z-index:2;
}
.frp-tools-label i{font-size:15px}
.frp-tools-marquee{flex:1;overflow:hidden;display:flex;align-items:center;padding:11px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.frp-tools-track{display:flex;align-items:center;width:max-content;animation:frp-tools-scroll 125s linear infinite}
.frp-tools-marquee:hover .frp-tools-track{animation-play-state:paused}
@keyframes frp-tools-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.frp-tools-item{padding:0 26px;font-size:16px;font-weight:700;letter-spacing:.4px;color:var(--frp-text);white-space:nowrap}
.frp-tools-dot{width:5px;height:5px;border-radius:50%;background:var(--frp-cta-2);flex-shrink:0}
@media (max-width:900px){
  .frp-tools-label{padding:0 12px;font-size:13px}
  .frp-tools-label i{display:none}
  .frp-tools-item{font-size:14px;padding:0 18px}
  .frp-tools-track{animation-duration:95s}
}

/* ===================== nomes coloridos com efeito (barra FERRAMENTAS:) ===================== */
/* 5 cores se repetindo (35 ferramentas = 7 voltas, emenda do loop sem "pulo") */
.frp-tools-item{
  --c1:#d4151f;--c2:#ff9a3d;
  background:linear-gradient(90deg,var(--c1),var(--c2),var(--c1));background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:frp-tools-shine 5s linear infinite;
  filter:drop-shadow(0 0 6px var(--c1));
}
@keyframes frp-tools-shine{from{background-position:0% center}to{background-position:200% center}}
.frp-tools-item:nth-child(10n+1){--c1:#d4151f;--c2:#ff9a3d}   /* vermelho -> laranja */
.frp-tools-item:nth-child(10n+3){--c1:#ffd23d;--c2:#ff8a00}   /* amarelo -> âmbar   */
.frp-tools-item:nth-child(10n+5){--c1:#2ee6a6;--c2:#22b8ff}   /* verde -> azul      */
.frp-tools-item:nth-child(10n+7){--c1:#4da3ff;--c2:#b06bff}   /* azul -> roxo       */
.frp-tools-item:nth-child(10n+9){--c1:#ff5fb0;--c2:#d4151f}   /* rosa -> vermelho   */
.frp-tools-dot:nth-child(10n+2){background:#d4151f}
.frp-tools-dot:nth-child(10n+4){background:#ffd23d}
.frp-tools-dot:nth-child(10n+6){background:#2ee6a6}
.frp-tools-dot:nth-child(10n+8){background:#4da3ff}
.frp-tools-dot:nth-child(10n+10){background:#ff5fb0}

/* modo dia: cores mais escuras (legíveis no fundo branco) e sem brilho */
html.frp-day .frp-tools-item{filter:none}
html.frp-day .frp-tools-item:nth-child(10n+1){--c1:#d4151f;--c2:#f26a00}
html.frp-day .frp-tools-item:nth-child(10n+3){--c1:#c77d00;--c2:#e04f00}
html.frp-day .frp-tools-item:nth-child(10n+5){--c1:#00905f;--c2:#0077c8}
html.frp-day .frp-tools-item:nth-child(10n+7){--c1:#1f63d6;--c2:#7a2fd0}
html.frp-day .frp-tools-item:nth-child(10n+9){--c1:#d4217f;--c2:#d4151f}

/* respeita quem desativa animações no sistema */
@media (prefers-reduced-motion:reduce){.frp-tools-item{animation:none}}
@media (max-width:900px){.frp-tools-item{filter:none}}

/* card "FERRAMENTAS:" removido — só os nomes deslizando */
.frp-tools-label{display:none!important}

/* ===================== nomes em branco, separador vermelho (sem efeitos) ===================== */
.frp-tools-item{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  animation:none!important;filter:none!important;
  -webkit-text-fill-color:var(--frp-text)!important;color:var(--frp-text)!important;
}
.frp-tools-dot,.frp-tools-dot:nth-child(n){background:var(--frp-cta-2)!important;opacity:1}

/* barra "ONLINE 24 HORAS / PIX / ENTREGA / SUPORTE / SFB-TOOL" removida */
#frp-util-bar{display:none!important}

/* ===================== layout largo (como o site de exemplo): quase sem espaço nas laterais ===================== */
@media (min-width:992px){
  /* menu do topo: ocupa a tela toda, alinhado com o resto */
  .gsm-theme-header{max-width:none!important;margin:0!important;padding:0 24px!important}

  /* conteúdo da página (banner, produtos, listas) */
  #gsmtheme-content .container,
  #gsmtheme-content .container-xl,
  #gsmtheme-content .container-xxl,
  #gsmtheme-content .container-lg,
  #gsmtheme-content .pc-content.container{
    max-width:none!important;width:100%!important;
    padding-left:24px!important;padding-right:24px!important;
  }
  /* não mexe em janelas (modais) */
  #gsmtheme-content .modal .container{max-width:inherit!important;width:auto!important;padding-left:12px!important;padding-right:12px!important}

  /* rodapé acompanha a mesma largura */
  .top-footer-content,.footer-main,.footer-wrapper.container{max-width:none!important;padding-left:24px!important;padding-right:24px!important}
}

/* ===================== menu: sem linha embaixo; hover em "pílula" ===================== */
.nav-links > li > a{
  height:42px!important;margin:10px 0!important;padding:0 14px!important;
  border-bottom:none!important;border-radius:10px!important;
  transition:background .2s ease,box-shadow .2s ease,color .2s ease!important;
}
.nav-links > li > a:hover,
.nav-links > li.is-open > a{
  border-bottom:none!important;
  background:rgba(212,21,31,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(212,21,31,.45)!important;
  color:#fff!important;
}
.nav-links > li > a:hover i,
.nav-links > li > a:hover svg{color:var(--frp-cta-2)!important}
html.frp-day .nav-links > li > a:hover,
html.frp-day .nav-links > li.is-open > a{
  background:rgba(212,21,31,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(212,21,31,.4)!important;
  color:var(--frp-cta-2)!important;
}

/* ===================== menu: texto maior, fonte Rajdhani, ícones maiores ===================== */
.nav-links > li > a{
  font-family:'Rajdhani',sans-serif!important;
  font-size:15px!important;font-weight:700!important;letter-spacing:.4px!important;
  height:42px!important;margin:10px 0!important;padding:0 14px!important;gap:0!important;
}
.nav-links > li > a i{
  font-size:15px!important;margin-right:7px!important;
  width:17px;text-align:center;
  filter:drop-shadow(0 0 5px rgba(212,21,31,.55));
  transition:transform .2s ease,filter .2s ease;
}
.nav-links > li > a:hover i{transform:scale(1.18);filter:drop-shadow(0 0 8px rgba(212,21,31,.9))}
.nav-links > li > a svg.chevron{width:14px;height:14px;margin-left:4px}
html.frp-day .nav-links > li > a i{filter:none}
html.frp-day .nav-links > li > a:hover i{filter:none}
@media (max-width:991px){.nav-links > li > a{font-size:14.5px!important;padding:0 11px!important}.nav-links > li > a i{font-size:15px!important}}

/* ===================== menu da conta (Meu Painel, Histórico, Extrato, Faturas, Saldo, Sair) ===================== */
html body .customer-header-auth .dropdown-menu .dropdown-item{
  display:flex!important;align-items:center!important;gap:13px!important;
  font-family:'Rajdhani',sans-serif!important;font-size:16.5px!important;font-weight:700!important;letter-spacing:.4px!important;
  padding:11px 16px!important;margin:3px 8px!important;width:auto!important;border-radius:10px!important;
  transition:background .2s ease,box-shadow .2s ease!important;
}
html body .customer-header-auth .dropdown-menu .dropdown-item i,
html body .customer-header-auth .dropdown-menu .dropdown-item svg{
  width:23px!important;height:23px!important;font-size:21px!important;flex-shrink:0;margin:0!important;
  color:var(--frp-cta-2)!important;stroke:currentColor;
  filter:drop-shadow(0 0 5px rgba(212,21,31,.5));
  transition:transform .2s ease;
}
html body .customer-header-auth .dropdown-menu .dropdown-item:hover{
  background:rgba(212,21,31,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(212,21,31,.45)!important;
}
html body .customer-header-auth .dropdown-menu .dropdown-item:hover i,
html body .customer-header-auth .dropdown-menu .dropdown-item:hover svg{transform:scale(1.15)}
html.frp-day body .customer-header-auth .dropdown-menu .dropdown-item i,
html.frp-day body .customer-header-auth .dropdown-menu .dropdown-item svg{filter:none}

/* ===== correção: ícones sobrepondo o texto + fonte do menu da conta ===== */
html body .customer-header-auth .dropdown-menu .dropdown-item i,
html body .customer-header-auth .dropdown-menu .dropdown-item svg{
  position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none;display:inline-block!important;vertical-align:middle;
}
html body .customer-header-auth .dropdown-menu .dropdown-item:hover i,
html body .customer-header-auth .dropdown-menu .dropdown-item:hover svg{transform:scale(1.15)}
html body .customer-header-auth .dropdown-menu .dropdown-item,
html body .customer-header-auth .dropdown-menu .dropdown-item *:not(i):not(svg):not(path){
  font-family:'Rajdhani','DM Sans',sans-serif!important;
}
html body .customer-header-auth .dropdown-menu .dropdown-item{
  padding-left:16px!important;text-indent:0!important;line-height:1.2!important;
}

/* ===================== página inicial: cada produto vira um card (Recent Added / Best Selling) ===================== */
/* moldura grande da seção fica leve: só o título com uma linha */
#gsmtheme-content .my-4 > .container > .card.rounded-0{
  background:transparent!important;border:none!important;box-shadow:none!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{
  background:transparent!important;border-bottom:1px solid var(--frp-border-soft)!important;
  padding-left:4px!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body{padding-left:0!important;padding-right:0!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row{margin-left:-8px;margin-right:-8px}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"]{padding:8px!important}

/* o card do produto */
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{
  height:100%;align-items:stretch;gap:16px!important;padding:14px!important;
  background:var(--frp-card-2)!important;
  border:1px solid var(--frp-border-soft)!important;border-radius:14px!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  text-decoration:none!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex:hover{
  transform:translateY(-3px);border-color:var(--frp-cta-2)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 14px var(--frp-glow-strong);
}
/* imagem do produto */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{
  width:96px!important;height:96px!important;max-width:none!important;flex-shrink:0;object-fit:cover;align-self:center;
}
/* texto: título em cima, selos (preço / entrega) sempre embaixo, alinhados */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div{
  display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{margin-bottom:10px!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > div{margin-top:auto}

html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex:hover{
  box-shadow:0 8px 20px rgba(0,0,0,.12),0 0 12px var(--frp-glow-strong);
}

/* ===================== cards de produto: letra mais "gordinha" e maior (Poppins) ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{
  font-family:'Poppins','DM Sans',sans-serif!important;
  font-size:16.5px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0!important;
  color:var(--frp-text)!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex .badge{
  font-family:'Poppins','DM Sans',sans-serif!important;
  font-size:12.5px!important;font-weight:700!important;padding:6px 10px!important;border-radius:8px!important;
}
/* títulos das seções (Recent Added / Best Selling) */
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{
  font-family:'Poppins','DM Sans',sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:.5px!important;
}

/* ===================== correção: cards respiram dentro da caixa principal + não vazam no celular ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0{overflow:hidden}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body{
  padding:10px 16px 18px!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row{margin-left:0!important;margin-right:0!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{padding-left:16px!important;padding-right:16px!important}

#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{
  width:100%;box-sizing:border-box;min-width:0;overflow:hidden;
}
/* selos de preço/entrega quebram de linha em vez de vazar */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > div{
  display:flex;flex-wrap:wrap;gap:6px;
}

@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body{padding:8px 10px 14px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{padding-left:10px!important;padding-right:10px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"]{padding:5px 0!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{gap:12px!important;padding:10px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{width:72px!important;height:72px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{font-size:14.5px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex .badge{font-size:11.5px!important;padding:5px 8px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{font-size:16px!important}
}

/* ===================== caixa principal das seções: borda vermelha fininha e cantos arredondados ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0{
  border:1px solid var(--frp-cta-2)!important;
  border-radius:14px!important;
  overflow:hidden;
}

/* ===================== v40 — tela cheia (sem margens laterais) e sem caixa externa; cards dos produtos ficam como estavam ===================== */
#gsmtheme-content .my-4 > .container,
#gsmtheme-content .my-4 > .container-fluid{
  max-width:none!important;width:100%!important;
  padding-left:0!important;padding-right:0!important;
}
#gsmtheme-content #carouselExampleIndicators,
#gsmtheme-content #carouselExampleIndicators .carousel-inner,
#gsmtheme-content #carouselExampleIndicators .carousel-item,
#gsmtheme-content #carouselExampleIndicators img{border-radius:0!important}
/* some só a caixa externa; os cards de dentro não mudam */
#gsmtheme-content .my-4 > .container > .card.rounded-0{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{
  border-bottom:1px solid rgba(212,21,31,.35)!important;
}

/* ===================== v41 — sem borda no banner; sem "levantar" no card principal (só nos cards dos produtos) ===================== */
.carousel{border:0!important;border-radius:0!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0,
#gsmtheme-content .my-4 > .container > .card.rounded-0:hover{
  transform:none!important;box-shadow:none!important;
}

/* ===================== v42 — títulos das seções centralizados, maiores e com brilho ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{
  display:flex!important;justify-content:center!important;align-items:center!important;
  text-align:center!important;padding-top:20px!important;padding-bottom:16px!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{
  flex:1 1 100%!important;width:100%!important;margin:0!important;text-align:center!important;
  font-size:30px!important;line-height:1.2!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
div.card.rounded-0 .card-header h5.text-primary::after{
  left:0!important;right:0!important;width:100%;text-align:center;
  font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:2px;color:#fff;
  text-shadow:0 0 6px rgba(255,255,255,.35),0 0 14px var(--frp-cta-2),0 0 28px var(--frp-cta-2),0 0 46px rgba(212,21,31,.55);
  animation:frpTituloBrilho 2.8s ease-in-out infinite;
}
@keyframes frpTituloBrilho{
  0%,100%{text-shadow:0 0 6px rgba(255,255,255,.3),0 0 12px var(--frp-cta-2),0 0 24px rgba(212,21,31,.6)}
  50%{text-shadow:0 0 8px rgba(255,255,255,.55),0 0 20px var(--frp-cta-2),0 0 40px var(--frp-cta-2),0 0 62px rgba(212,21,31,.75)}
}
/* traço de destaque embaixo do título */
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{
  border-bottom:0!important;position:relative;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(220px,50%);height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--frp-cta-2),transparent);
  box-shadow:0 0 10px var(--frp-cta-2);
}
@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{font-size:22px!important}
}

/* ===================== v43 — títulos no modo claro: sem halo, texto vermelho forte com sombra leve ===================== */
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
html.frp-day div.card.rounded-0 .card-header h5.text-primary::after{
  color:var(--frp-cta-2)!important;
  text-shadow:0 2px 0 rgba(212,21,31,.18),0 4px 12px rgba(212,21,31,.25)!important;
  animation:none!important;
}
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header::after{
  box-shadow:0 0 6px rgba(212,21,31,.35);
}

/* ===================== v44 — celular: textos dos cards dos produtos com fonte normal (menos "gordinha") ===================== */
@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{
    font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;
    font-weight:600!important;font-size:14px!important;letter-spacing:0!important;line-height:1.3!important;
  }
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex .badge{
    font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;
    font-weight:600!important;font-size:11px!important;letter-spacing:0!important;
  }
}

/* ===================== v45 — card "Serviços Relacionados" (página do serviço) ===================== */
/* cabeçalho: sem moldura/linha, título em português, centralizado */
.card.rounded-0 > .card-header:has(#related-tab){
  border:0!important;background:transparent!important;padding:20px 16px 6px!important;
  display:flex!important;justify-content:center!important;position:relative;
}
.card-header:has(#related-tab) .nav-tabs,
.card-header:has(#related-tab) .nav{border:0!important;border-bottom:0!important;justify-content:center;width:100%;box-shadow:none!important}
.card-header:has(#related-tab) .nav-item{margin:0!important;border:0!important;width:100%;text-align:center}
#related-tab{
  font-size:0!important;line-height:0!important;margin:0!important;padding:0 0 10px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  display:block;width:100%;position:relative;
}
#related-tab::before{display:none!important}
#related-tab::after{
  content:"SERVIÇOS RELACIONADOS";position:static!important;display:block!important;
  width:auto!important;height:auto!important;border:0!important;background:none!important;
  font-family:'Poppins',sans-serif;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:1.5px;
  color:#fff;text-align:center;
  text-shadow:0 0 6px rgba(255,255,255,.3),0 0 14px var(--frp-cta-2),0 0 26px rgba(212,21,31,.55);
}
html.frp-day #related-tab::after{color:var(--frp-cta-2);text-shadow:0 2px 0 rgba(212,21,31,.18),0 4px 12px rgba(212,21,31,.25)}
/* traço vermelho curto embaixo do título (igual ao da home) */
.card-header:has(#related-tab)::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(180px,50%);height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--frp-cta-2),transparent);
  box-shadow:0 0 8px var(--frp-cta-2);
}
/* lista: tira as linhas brancas, cada serviço vira um cardzinho */
#related-services{padding:8px 0 14px;margin:0}
#related-services > .list-group-item{
  border:1px solid rgba(212,21,31,.35)!important;border-radius:12px!important;
  background:linear-gradient(160deg,var(--frp-card-1),var(--frp-card-2))!important;
  margin:0 0 10px!important;padding:10px!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#related-services > .list-group-item:last-child{margin-bottom:0!important}
#related-services > .list-group-item:hover{
  transform:translateY(-3px);border-color:var(--frp-cta-2)!important;box-shadow:0 8px 22px var(--frp-shadow-2);
}
#related-services a.d-flex{gap:12px!important;align-items:center}
#related-services a.d-flex > img{width:84px!important;height:84px!important;object-fit:cover;border-radius:10px!important;flex-shrink:0}
#related-services a.d-flex > div > p{
  font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:14.5px!important;line-height:1.3;margin-bottom:8px!important;
}

/* ===================== v46 — nome da logo com o mesmo efeito dos títulos (branco + brilho vermelho) ===================== */
a.nav-logo::after,
.frp-nome-mobile{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;color:#fff!important;filter:none!important;
  font-family:'Poppins',sans-serif!important;font-weight:800!important;letter-spacing:2px!important;
  text-shadow:0 0 6px rgba(255,255,255,.3),0 0 14px var(--frp-cta-2),0 0 26px rgba(212,21,31,.55);
  animation:frpTituloBrilho 2.8s ease-in-out infinite!important;
}
html.frp-day a.nav-logo::after,
html.frp-day .frp-nome-mobile{
  -webkit-text-fill-color:var(--frp-cta-2)!important;color:var(--frp-cta-2)!important;
  text-shadow:0 2px 0 rgba(212,21,31,.18),0 4px 12px rgba(212,21,31,.25)!important;
  animation:none!important;
}

/* ===================== v47 — traço vermelho brilhante embaixo do nome da logo ===================== */
a.nav-logo::after,
.frp-nome-mobile{
  background-image:linear-gradient(90deg,transparent,var(--frp-cta-2) 20%,var(--frp-cta-2) 80%,transparent)!important;
  background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% 2px!important;
  padding-bottom:5px!important;display:inline-block;
}
a.nav-logo{filter:none}
a.nav-logo::after{box-shadow:none}

/* ===================== v48 — correção: efeitos de tela cheia / títulos só na página inicial ===================== */
/* cabeçalho de página ("Remote Service List" etc.) volta ao normal */
#gsmtheme-content .my-4 > .container > .card.rounded-0.page-top-info{
  border:1px solid var(--frp-cta-2)!important;border-radius:14px!important;overflow:hidden!important;
  background:linear-gradient(160deg,var(--frp-card-1) 0%,var(--frp-card-2) 100%)!important;
  box-shadow:0 4px 20px var(--frp-shadow-1),0 0 14px var(--frp-glow-soft)!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0.page-top-info:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 10px 34px var(--frp-shadow-2),0 0 26px var(--frp-glow)!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0.page-top-info > .card-header{
  display:block!important;text-align:left!important;padding:16px!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0.page-top-info > .card-header::after{display:none!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0.page-top-info > .card-header h5{
  flex:none!important;width:auto!important;text-align:left!important;font-size:19px!important;letter-spacing:.5px!important;
}
/* margens laterais: só a página inicial vai de ponta a ponta; as outras páginas voltam ao normal */
@media (min-width:992px){
  #gsmtheme-content:not(:has(#carouselExampleIndicators)) .my-4 > .container{
    padding-left:24px!important;padding-right:24px!important;
  }
}
@media (max-width:991px){
  #gsmtheme-content:not(:has(#carouselExampleIndicators)) .my-4 > .container{
    padding-left:12px!important;padding-right:12px!important;
  }
}

/* ===================== v49 — "Serviços Relacionados": sem o traço embaixo do título ===================== */
.card-header:has(#related-tab)::after{display:none!important}
.card.rounded-0 > .card-header:has(#related-tab){padding-bottom:4px!important}
#related-tab{padding-bottom:6px!important}
html.frp-day #related-tab::after{text-shadow:none!important}

/* ===================== v50 — desempenho no celular (tema escuro): menos brilhos animados / sombras pesadas ===================== */
@media (max-width:991px){
  /* animações que repintam o texto a cada quadro */
  a.nav-logo::after,.frp-nome-mobile,
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
  div.card.rounded-0 .card-header h5.text-primary::after,
  #related-tab::after{
    animation:none!important;
    text-shadow:0 0 8px rgba(212,21,31,.6)!important;
  }
  [class*="frp-hero"],[class*="frp-promo"],#frp-util-bar,.frp-tools-item,
  .frp-modal-brand span,.frp-illus-brand span{animation:none!important}
  /* filtros e sombras caros */
  .frp-tools-item,.nav-links > li > a i,.frp-feat-card .frp-feat-icon,
  #frp-topbar-inner i,body .customer-header-auth .dropdown-menu .dropdown-item svg{filter:none!important}
  .card,.card.rounded-0,.card.product-section,.card.heighlight-card{
    box-shadow:0 2px 8px var(--frp-shadow-1)!important;transition:none!important;
  }
  .card:hover,.card.rounded-0:hover,.card.heighlight-card:hover{transform:none!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{
    box-shadow:none!important;transition:none!important;
  }
  *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  /* faixas deslizantes: rodam na placa de vídeo */
  .frp-tools-track,#frp-topbar-inner,.card-body .owl-stage{will-change:transform;backface-visibility:hidden}
}

/* ===================== v51 — textos "apagados" (cinza escuro) ficam legíveis no tema escuro ===================== */
html:not(.frp-day) .text-body-secondary,
html:not(.frp-day) .text-secondary,
html:not(.frp-day) .text-muted,
html:not(.frp-day) .text-black-50,
html:not(.frp-day) .text-dark,
html:not(.frp-day) .form-text,
html:not(.frp-day) small.text-body-secondary{
  color:#b8b8c4!important;opacity:1!important;
}
html:not(.frp-day) #gsmtheme-content .card-body p:not([style*="color"]),
html:not(.frp-day) #gsmtheme-content .card-body li:not([style*="color"]){
  color:var(--frp-text)!important;
}

/* ===================== v53 — descrição dos produtos: texto preto colado do editor fica claro no tema escuro ===================== */
html:not(.frp-day) #gsmtheme-content [style*="color: #000"],
html:not(.frp-day) #gsmtheme-content [style*="color:#000"],
html:not(.frp-day) #gsmtheme-content [style*="color: black"],
html:not(.frp-day) #gsmtheme-content [style*="color:black"],
html:not(.frp-day) #gsmtheme-content [style*="color: rgb(0, 0, 0)"],
html:not(.frp-day) #gsmtheme-content [style*="color:rgb(0,0,0)"],
html:not(.frp-day) #gsmtheme-content [style*="color: #111"],
html:not(.frp-day) #gsmtheme-content [style*="color: #222"],
html:not(.frp-day) #gsmtheme-content [style*="color: #333"],
html:not(.frp-day) #gsmtheme-content [style*="color: #212529"],
html:not(.frp-day) #gsmtheme-content [style*="color: rgb(33, 37, 41)"]{
  color:var(--frp-text)!important;
}

/* ===================== v54 — cards da home com o mesmo texto das páginas de lista (Remote, Arquivos...) ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{
  width:105px!important;height:70px!important;max-width:none!important;object-fit:cover;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p,
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex > div > p{
  font-family:"DM Sans",sans-serif!important;font-size:13px!important;font-weight:500!important;
  letter-spacing:0!important;line-height:1.4!important;margin-bottom:8px!important;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex .badge{
  font-family:"DM Sans",sans-serif!important;font-size:11px!important;font-weight:700!important;padding:3px 8px!important;
}
@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{gap:12px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{width:90px!important;height:60px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{font-family:"DM Sans",sans-serif!important;font-size:13px!important;font-weight:500!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex .badge{font-family:"DM Sans",sans-serif!important;font-size:11px!important}
}

/* ===================== v55 — espaçamento nome / preço / tempo igual em todos os cards (colado ao nome, sem vão) ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:stretch;
}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > div,
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p + div{margin-top:0!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > div > p{margin-bottom:10px!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex{align-items:center!important}

/* ===================== v56 — imagens dos cards da home inteiras (sem corte) ===================== */
#gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{
  width:96px!important;height:96px!important;object-fit:contain!important;background:rgba(0,0,0,.25);
}
@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 a.d-flex > img.rounded{width:76px!important;height:76px!important}
}

/* ===================== v61 — barra de ferramentas: brilho varrendo os nomes + linha vermelho/azul ===================== */
.frp-tools-item{
  background:linear-gradient(100deg,#ffffff 40%,#8fd8ff 50%,#ffffff 60%)!important;background-size:250% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  animation:frpVarre 3.5s linear infinite!important;filter:none!important;
}
@keyframes frpVarre{from{background-position:150% 0}to{background-position:-100% 0}}
#frp-tools-bar{position:relative}
#frp-tools-bar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,transparent,#d4151f,#2eaaff,#d4151f,transparent);
}
/* tema claro: letras escuras com reflexo azul */
html.frp-day .frp-tools-item{
  background:linear-gradient(100deg,#1a1d29 40%,#1f63d6 50%,#1a1d29 60%)!important;background-size:250% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
html.frp-day #frp-tools-bar::after{background:linear-gradient(90deg,transparent,#d4151f,#1f63d6,#d4151f,transparent)}
/* celular: sem animação nas letras (mais leve), só a linha */
@media (max-width:991px){
  .frp-tools-item{animation:none!important;background:none!important;-webkit-text-fill-color:var(--frp-text)!important;color:var(--frp-text)!important}
}

/* ===================== v62 — celular: sem o traço embaixo do nome da logo ===================== */
@media (max-width:991px){
  a.nav-logo::after,.frp-nome-mobile{
    background-image:none!important;padding-bottom:0!important;
  }
}

/* ===================== v63 — 3 botões flutuantes sempre visíveis + botão de tema no topo ===================== */
#frp-float-btns{gap:14px!important;bottom:24px;right:16px}
#frp-float-btns .frp-fab{
  position:relative;width:52px;height:52px;font-size:25px;border:0!important;overflow:visible;
  transition:transform .25s ease,box-shadow .25s ease!important;
  animation:frpFabFlutua 3.2s ease-in-out infinite;
}
#frp-float-btns .frp-fab:nth-child(2){animation-delay:.4s}
#frp-float-btns .frp-fab:nth-child(3){animation-delay:.8s}
@keyframes frpFabFlutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* anel que pulsa (só transform/opacity: leve) */
#frp-float-btns .frp-fab::before{
  content:"";position:absolute;inset:0;border-radius:50%;background:inherit;z-index:-1;
  animation:frpFabOnda 2.4s ease-out infinite;
}
#frp-float-btns .frp-fab:nth-child(2)::before{animation-delay:.4s}
#frp-float-btns .frp-fab:nth-child(3)::before{animation-delay:.8s}
@keyframes frpFabOnda{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.75);opacity:0}}
#frp-float-btns .frp-fab:hover{transform:scale(1.14) translateY(-2px)!important;animation-play-state:paused}
#frp-btn-youtube{background:linear-gradient(145deg,#d4151f,#d4151f)!important;box-shadow:0 6px 18px rgba(212,21,31,.45)!important}
#frp-btn-telegram{background:linear-gradient(145deg,#38b6f2,#1c8ed4)!important;box-shadow:0 6px 18px rgba(42,171,238,.5)!important}
#frp-btn-grupo{background:linear-gradient(145deg,#3ee27c,#1fae54)!important;box-shadow:0 6px 18px rgba(37,211,102,.5)!important}
#frp-btn-youtube:hover{box-shadow:0 8px 26px rgba(212,21,31,.75)!important}
#frp-btn-telegram:hover{box-shadow:0 8px 26px rgba(42,171,238,.8)!important}
#frp-btn-grupo:hover{box-shadow:0 8px 26px rgba(37,211,102,.8)!important}
#frp-fab-toggle,#frp-fab-group{display:none!important}

/* botão do tema ao lado do menu do cliente */
.frp-theme-btn#frp-btn-tema{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;margin:0 10px 0 4px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  font-size:18px;color:#ffb21f!important;
  background:linear-gradient(160deg,var(--frp-card-1),var(--frp-card-2))!important;
  border:1px solid var(--frp-cta-2)!important;box-shadow:0 0 10px var(--frp-glow-soft)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.frp-theme-btn#frp-btn-tema:hover{transform:rotate(18deg) scale(1.08);box-shadow:0 0 16px var(--frp-glow)!important}
html.frp-day .frp-theme-btn#frp-btn-tema{color:#1f63d6!important}
@media (max-width:991px){
  .frp-theme-btn#frp-btn-tema{width:38px;height:38px;font-size:16px;margin:0 6px 0 auto}
  #frp-float-btns{gap:12px!important;bottom:18px;right:12px}
  #frp-float-btns .frp-fab{width:48px;height:48px;font-size:23px;animation:none}
  #frp-float-btns .frp-fab::before{animation-duration:3s}
}

/* ===================== v64 — botão do tema depois do menu do cliente, menor ===================== */
.frp-theme-btn#frp-btn-tema{width:36px;height:36px;font-size:15px;margin:0 0 0 10px}
@media (max-width:991px){
  .frp-theme-btn#frp-btn-tema{width:32px;height:32px;font-size:14px;margin:0 8px 0 8px}
}

/* ===================== v65 — força o botão do tema a ficar no fim (direita) do topo ===================== */
.gsm-theme-header{display:flex;align-items:center}
@media (min-width:992px){
  .gsm-theme-header > #frp-btn-tema{order:99!important;margin-left:10px!important;margin-right:0!important}
  .gsm-theme-header > .nav-auth,.gsm-theme-header > .customer-header-auth{order:50}
}

/* ===================== v67 — ícones do menu de serviços centralizados (só nele; menu da conta fica como estava) ===================== */
.gsm-dropdown a{padding-left:46px!important;min-height:42px}
.gsm-dropdown a i{
  position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;
  width:22px!important;height:22px!important;margin:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;text-align:center;font-size:15px!important;line-height:1!important;
}
/* menu da conta: ícones alinhados com o texto (sem deslocar) */
html body .customer-header-auth .dropdown-menu .dropdown-item i,
html body .customer-header-auth .dropdown-menu .dropdown-item svg{transform:none!important;position:static!important}
html body .customer-header-auth .dropdown-menu .dropdown-item:hover i,
html body .customer-header-auth .dropdown-menu .dropdown-item:hover svg{transform:scale(1.15)!important}

/* v71 - banner fixo (sem slide), tamanho original */
.frp-slide-off{display:none !important}
#frp-banner-fixo img{display:block;margin:0 auto}

/* v72 - fontes menores: barra superior de ferramentas e títulos MAIS VENDIDOS / ADICIONADOS RECENTEMENTE */
.frp-tools-item{font-size:13px!important;padding:0 20px!important}
#gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{font-size:16px!important}
@media (max-width:768px){
  .frp-tools-item{font-size:11.5px!important;padding:0 14px!important}
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{font-size:13px!important}
}
@media (max-width:575px){
  #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5{font-size:13px!important}
}

/* v74 - menu do topo mais compacto no computador, para caber todos os itens (sem setinhas de rolagem) */
@media (min-width:992px) and (max-width:1700px){
  .nav-links > li > a{font-size:13.5px!important;padding:0 8px!important;letter-spacing:.2px!important}
  .nav-links > li > a i{font-size:13px!important;margin-right:5px!important;width:15px!important}
}
@media (min-width:992px) and (max-width:1250px){
  .nav-links > li > a{font-size:12.5px!important;padding:0 6px!important}
  .nav-links > li > a i{display:none!important}
}

/* v75 - notebooks 1366px: menu ainda mais compacto (testado: os 5 itens cabem sem setas) */
@media (min-width:992px) and (max-width:1400px){
  .nav-links > li > a{font-size:13px!important;padding:0 5px!important;letter-spacing:0!important}
  .nav-links > li > a i{font-size:12px!important;margin-right:4px!important;width:13px!important}
}

/* v76 - Flash Message (popup da home): sem caixa/borda, só imagem + botões; fundo do site quase invisível */
#homePageFlashMessage .modal-content{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#homePageFlashMessage .modal-body{background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible!important}
#homePageFlashMessage .modal-header{display:none!important}
#homePageFlashMessage .modal-footer{background:transparent!important;border:0!important;justify-content:center!important;padding:14px 0 0!important}
body:has(#homePageFlashMessage.show) .modal-backdrop{background:#000!important;opacity:.93!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}

/* v77 - popup da home no celular: largura quase total, sem sobras */
@media (max-width:575px){
  #homePageFlashMessage .modal-dialog{margin:0 auto!important;max-width:94vw!important}
  #homePageFlashMessage .modal-footer{padding:10px 0 0!important}
  #homePageFlashMessage .modal-footer .btn{padding:8px 26px!important}
}

/* v78 - efeitos do popup Kagekey (Flash Message) */
#homePageFlashMessage .kk-card{animation:none!important}
@keyframes kkGlow{0%,100%{box-shadow:0 0 22px rgba(255,180,40,.18)}50%{box-shadow:0 0 42px rgba(255,180,40,.42)}}
#homePageFlashMessage .kk-row{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;opacity:0;animation:kkUp .5s ease forwards}
#homePageFlashMessage .kk-tg{animation-delay:.10s}#homePageFlashMessage .kk-wa{animation-delay:.22s}#homePageFlashMessage .kk-dl{animation-delay:.34s}
@keyframes kkUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#homePageFlashMessage .kk-row:hover{transform:translateY(-3px) scale(1.015)}
#homePageFlashMessage .kk-tg:hover{border-color:#2aabee!important;background:rgba(42,171,238,.12)!important;box-shadow:0 8px 26px rgba(42,171,238,.35)}
#homePageFlashMessage .kk-wa:hover{border-color:#25d366!important;background:rgba(37,211,102,.12)!important;box-shadow:0 8px 26px rgba(37,211,102,.35)}
#homePageFlashMessage .kk-dl:hover{border-color:#ffc94d!important;background:rgba(255,201,77,.12)!important;box-shadow:0 8px 26px rgba(255,201,77,.35)}
#homePageFlashMessage .kk-ic{transition:transform .25s ease,box-shadow .25s ease}
#homePageFlashMessage .kk-row:hover .kk-ic{transform:scale(1.12) rotate(-6deg)}
#homePageFlashMessage .kk-tg .kk-ic{box-shadow:0 0 14px rgba(42,171,238,.35)}
#homePageFlashMessage .kk-wa .kk-ic{box-shadow:0 0 14px rgba(37,211,102,.35)}
#homePageFlashMessage .kk-dl .kk-ic{box-shadow:0 0 14px rgba(255,201,77,.35)}
#homePageFlashMessage .kk-arrow{transition:transform .22s ease}
#homePageFlashMessage .kk-row:hover .kk-arrow{transform:translateX(6px)}
#homePageFlashMessage .kk-row::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);transition:left .6s ease}
#homePageFlashMessage .kk-row:hover::after{left:120%}
#homePageFlashMessage .kk-cta{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;animation:none!important;box-shadow:none!important}
@keyframes kkPulse{0%,100%{box-shadow:0 0 18px rgba(255,201,77,.35)}50%{box-shadow:0 0 36px rgba(255,201,77,.75)}}
#homePageFlashMessage .kk-cta:hover{transform:translateY(-2px) scale(1.02)}
#homePageFlashMessage .kk-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:none!important;opacity:0}
@keyframes kkShine{0%{left:-60%}55%,100%{left:130%}}
#homePageFlashMessage .kk-x{transition:transform .25s ease,background .2s ease,border-color .2s ease}
#homePageFlashMessage .kk-x:hover{transform:rotate(90deg) scale(1.1);background:rgba(212,21,31,.85)!important;border-color:#fff!important}
@media (prefers-reduced-motion:reduce){#homePageFlashMessage .kk-card,#homePageFlashMessage .kk-cta,#homePageFlashMessage .kk-cta::after{animation:none!important}#homePageFlashMessage .kk-row{opacity:1;animation:none}}

/* v79 - esconde botões flutuantes (YouTube/Telegram/WhatsApp) enquanto o popup Kagekey está aberto */
body:has(#homePageFlashMessage.show) #frp-float-btns,
body.modal-open #frp-float-btns{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .25s ease,visibility .25s ease}

/* v81 - botão X refeito + remove o botão Close do rodapé */
#homePageFlashMessage .modal-footer{display:none!important}
#homePageFlashMessage .kk-x{
  top:14px!important;right:14px!important;width:36px!important;height:36px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:0!important;line-height:0!important;color:#ffc94d!important;cursor:pointer;
  background:rgba(255,201,77,.10)!important;border:1.5px solid rgba(255,201,77,.55)!important;border-radius:50%!important;
  backdrop-filter:blur(4px);
  transition:transform .25s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
#homePageFlashMessage .kk-x::before,#homePageFlashMessage .kk-x::after{
  content:"";position:absolute;width:15px;height:2px;border-radius:2px;background:currentColor;transition:background .2s ease}
#homePageFlashMessage .kk-x::before{transform:rotate(45deg)}
#homePageFlashMessage .kk-x::after{transform:rotate(-45deg)}
#homePageFlashMessage .kk-x:hover{transform:rotate(90deg) scale(1.08)!important;background:#ffc94d!important;color:#1b1100!important;border-color:#ffc94d!important;box-shadow:0 0 16px rgba(255,201,77,.55)}
#homePageFlashMessage .kk-x:active{transform:rotate(90deg) scale(.94)!important}

/* v82 - popup Kagekey: cores fixas (também no tema claro) */
html #homePageFlashMessage .kk-card{color:#fff!important;background:#0b0907!important}
html #homePageFlashMessage .kk-card div{color:#fff!important}
html #homePageFlashMessage .kk-card div:nth-of-type(2){color:#e6e2d6!important}
html #homePageFlashMessage .kk-card div span{color:#ffc94d!important}
html #homePageFlashMessage .kk-row,html #homePageFlashMessage .kk-row:hover,html #homePageFlashMessage .kk-row:visited{color:#fff!important;text-decoration:none!important}
html #homePageFlashMessage .kk-row .kk-ic+span>span:first-child{color:#fff!important}
html #homePageFlashMessage .kk-row .kk-ic+span>span:last-child{color:#a9a398!important}
html #homePageFlashMessage .kk-row .kk-arrow{color:#9a9a9a!important}
html #homePageFlashMessage .kk-row:hover .kk-arrow{color:#fff!important}
html #homePageFlashMessage .kk-cta,html #homePageFlashMessage .kk-cta:hover,html #homePageFlashMessage .kk-cta:visited{color:#1b1100!important;text-decoration:none!important}
html #homePageFlashMessage .kk-x{color:#ffc94d!important}
html #homePageFlashMessage .kk-x:hover{color:#1b1100!important}


/* v83 - cards das ferramentas (substitui o banner) */
#frp-tools-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.frp-tc{--c:#d4151f;--g:rgba(212,21,31,.35);position:relative;display:flex;align-items:center;gap:22px;padding:24px 28px;border-radius:18px;overflow:hidden;text-decoration:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#0b0708;
  border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 40px -12px var(--g);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.frp-tc-kk{--c:#ffc94d;--g:rgba(255,201,77,.32)}
.frp-tc::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,var(--g),transparent 55%);pointer-events:none}
.frp-tc:hover{transform:translateY(-4px);box-shadow:0 14px 44px -10px var(--g);border-color:var(--c)}
.frp-tc-logo{position:relative;width:88px;height:88px;object-fit:contain;flex:none;transition:transform .3s ease}
.frp-tc:hover .frp-tc-logo{transform:scale(1.07) rotate(-3deg)}
.frp-tc-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.frp-tc-nome{font-size:28px;font-weight:800;letter-spacing:1px;line-height:1.1;color:#fff!important}
.frp-tc-nome b{color:var(--c)}
.frp-tc-desc{font-size:13.5px;color:#cfc9c4!important;line-height:1.35;margin-bottom:8px}
.frp-tc-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.4px;background:var(--c);color:#150a00!important;transition:gap .2s ease}
.frp-tc:hover .frp-tc-btn{gap:13px}
.frp-tc-tag{position:absolute;top:14px;right:16px;z-index:1;font-size:10px;letter-spacing:2px;color:var(--c)!important;border:1px solid var(--c);padding:3px 9px;border-radius:20px}
/* tema claro */
html.frp-day .frp-tc{background:linear-gradient(135deg,#fff,#f4f1ee);box-shadow:0 8px 28px -12px rgba(0,0,0,.25);border-color:color-mix(in srgb,var(--c) 55%,#fff)}
html.frp-day .frp-tc::before{background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--c) 18%,transparent),transparent 55%)}
html.frp-day .frp-tc-nome{color:#15100c!important}
html.frp-day .frp-tc-desc{color:#5a524c!important}
html.frp-day .frp-tc-kk{--c:#c98700}
html.frp-day .frp-tc-kk .frp-tc-btn{color:#fff!important}
html.frp-day .frp-tc-sfb .frp-tc-btn{color:#fff!important}
/* celular */
@media (max-width:767px){
  #frp-tools-cards{grid-template-columns:1fr;gap:14px}
  .frp-tc{padding:18px 18px;gap:16px}
  .frp-tc-logo{width:68px;height:68px}
  .frp-tc-nome{font-size:23px}
  .frp-tc-desc{font-size:12.5px}
  .frp-tc-tag{top:10px;right:12px}
}

/* v84 - apaga também a barra de ferramentas do topo (e barras fixas) enquanto o popup Kagekey está aberto */
body:has(#homePageFlashMessage.show) #frp-tools-bar,
body:has(#homePageFlashMessage.show) #frp-util-bar,
body:has(#homePageFlashMessage.show) #frp-promo-banner,
body.modal-open #frp-tools-bar,
body.modal-open #frp-util-bar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .25s ease,visibility .25s ease}


/* v85 - cards das ferramentas com a tela do programa (opção B) */
#frp-tools-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.frp-tb{--c:#d4151f;--g:rgba(212,21,31,.38);--d:#7a0d18;position:relative;display:block;height:210px;border-radius:20px;overflow:hidden;text-decoration:none!important;
  background:linear-gradient(120deg,var(--d) -40%,#0a0506 55%);
  border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 50px -14px var(--g);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.frp-tb-kk{--c:#ffc94d;--g:rgba(255,201,77,.34);--d:#7a5200}
.frp-tb:hover{transform:translateY(-4px);box-shadow:0 16px 48px -10px var(--g);border-color:var(--c)}
.frp-tb-app{position:absolute;right:-5%;top:34px;width:48%;height:auto;border-radius:12px;opacity:.92;
  border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.7);
  transform:perspective(900px) rotateY(-12deg) rotateX(4deg);transition:transform .35s ease}
.frp-tb:hover .frp-tb-app{transform:perspective(900px) rotateY(-6deg) rotateX(2deg) scale(1.04)}
.frp-tb-txt{position:absolute;left:28px;top:22px;width:46%;display:flex;flex-direction:column;align-items:flex-start}
.frp-tb-top{display:flex;align-items:center;gap:14px}
.frp-tb-logo{width:62px;height:62px;object-fit:contain;flex:none}
.frp-tb-tag{display:block;font-size:11px;letter-spacing:2px;color:var(--c)!important}
.frp-tb-nome{display:block;font-size:30px;font-weight:800;line-height:1.05;color:#fff!important;letter-spacing:.5px}
.frp-tb-nome b{color:var(--c)}
.frp-tb-desc{display:block;font-size:12.5px;line-height:1.45;color:#d6cfcc!important;margin:12px 0 14px}
.frp-tb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:30px;font-size:13px;font-weight:700;background:var(--c);color:#150a00!important;transition:gap .2s ease}
.frp-tb:hover .frp-tb-btn{gap:13px}
/* tema claro */
html.frp-day .frp-tb{background:linear-gradient(120deg,color-mix(in srgb,var(--c) 22%,#fff) -40%,#faf7f4 60%);box-shadow:0 8px 28px -12px rgba(0,0,0,.28);border-color:color-mix(in srgb,var(--c) 55%,#fff)}
html.frp-day .frp-tb-kk{--c:#c98700}
html.frp-day .frp-tb-nome{color:#15100c!important}
html.frp-day .frp-tb-desc{color:#5a524c!important}
html.frp-day .frp-tb-btn{color:#fff!important}
html.frp-day .frp-tb-app{box-shadow:0 14px 34px rgba(0,0,0,.35);border-color:rgba(0,0,0,.15)}
@media (max-width:1100px){
  .frp-tb-nome{font-size:24px}.frp-tb-logo{width:50px;height:50px}.frp-tb-txt{left:20px;width:50%}
}
@media (max-width:767px){
  #frp-tools-cards{grid-template-columns:1fr;gap:14px}
  .frp-tb{height:auto}
  .frp-tb-app{display:none}
  .frp-tb-txt{position:relative;left:auto;top:auto;width:auto;padding:20px 20px 22px}
  .frp-tb-nome{font-size:26px}
  .frp-tb-desc{font-size:13px}
}


/* v86 - 3 cards de destaque (modelo 2) */
#frp-destaques{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:4px}
.frp-dst{--c:#d4151f;--g:rgba(212,21,31,.4);border-radius:22px;overflow:hidden;background:#0c0809;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 44px -18px var(--g);display:flex;flex-direction:column}
.frp-dst-b{--c:#ffc94d;--g:rgba(255,201,77,.35)}.frp-dst-d{--c:#2aabee;--g:rgba(42,171,238,.35)}
.frp-dst-ban{position:relative;min-height:150px;padding:22px;background:radial-gradient(circle at 85% 20%,var(--g),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--c) 26%,#0c0809),#0c0809 80%)}
.frp-dst-ban h3{font-size:24px;font-weight:800;line-height:1.1;max-width:62%;margin:0;color:#fff!important}
.frp-dst-ban p{font-size:12.5px;color:#d6cfcc!important;margin:6px 0 12px;max-width:66%}
.frp-dst-pill{display:inline-block;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;border:1.5px solid var(--c);color:var(--c)}
.frp-dst-big{position:absolute;right:20px;top:18px;font-size:70px;line-height:1;filter:drop-shadow(0 8px 18px var(--g))}
.frp-dst-r{display:flex;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.07);text-decoration:none!important;color:#fff!important;transition:background .2s ease,padding-left .2s ease}
.frp-dst-r:hover{background:color-mix(in srgb,var(--c) 12%,transparent);padding-left:26px}
.frp-dst-ic{flex:none;width:62px;height:62px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#3a3036,#1a1316);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.frp-dst-ic img{width:100%;height:100%;object-fit:cover;display:block}
.frp-dst-n{flex:1;min-width:0}
.frp-dst-n b{display:block;font-size:13.5px;font-weight:600;line-height:1.28;color:#fff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.frp-dst-n small{display:block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--c)!important}
.frp-dst-pr{font-weight:800;font-size:14.5px;color:#fff!important;white-space:nowrap}
.frp-dst-seta{font-size:12px;color:#777!important;transition:transform .2s ease,color .2s ease}
.frp-dst-r:hover .frp-dst-seta{transform:translateX(4px);color:var(--c)!important}
/* tema claro */
html.frp-day .frp-dst{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 8px 28px -14px rgba(0,0,0,.28)}
html.frp-day .frp-dst-b{--c:#c98700}
html.frp-day .frp-dst-ban{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--c) 25%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--c) 20%,#fff),#fff 85%)}
html.frp-day .frp-dst-ban h3{color:#15100c!important}
html.frp-day .frp-dst-ban p{color:#5a524c!important}
html.frp-day .frp-dst-r{border-top-color:rgba(0,0,0,.08);color:#15100c!important}
html.frp-day .frp-dst-n b,html.frp-day .frp-dst-pr{color:#15100c!important}
html.frp-day .frp-dst-ic{background:#f1ece8;border-color:rgba(0,0,0,.1)}
@media (max-width:991px){#frp-destaques{grid-template-columns:1fr}.frp-dst-ban{min-height:130px}}

/* v87 - capas dos 3 cards com a mesma altura */
@media (min-width:992px){
  .frp-dst-ban{height:176px;min-height:0;box-sizing:border-box}
  .frp-dst-ban h3{font-size:23px;max-width:68%}
  .frp-dst-ban p{max-width:70%}
}


/* v88 - faixa fina das ferramentas (substitui os 2 cards grandes) */
#frp-tools-cards{display:flex;align-items:center;height:84px;margin-top:6px;border-radius:16px;overflow:hidden;
  background:#0b0708;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 40px -18px rgba(212,21,31,.5)}
.frp-st{--c:#d4151f;flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;text-decoration:none!important;position:relative;transition:background .25s ease}
.frp-st-sfb{background:linear-gradient(90deg,rgba(212,21,31,.2),transparent 80%)}
.frp-st-kk{--c:#ffc94d;background:linear-gradient(270deg,rgba(255,201,77,.18),transparent 80%)}
.frp-st-sfb:hover{background:linear-gradient(90deg,rgba(212,21,31,.34),transparent 85%)}
.frp-st-kk:hover{background:linear-gradient(270deg,rgba(255,201,77,.3),transparent 85%)}
.frp-st-logo{width:50px;height:50px;object-fit:contain;flex:none;transition:transform .3s ease}
.frp-st:hover .frp-st-logo{transform:scale(1.1) rotate(-4deg)}
.frp-st-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.frp-st-nome{font-size:20px;font-weight:800;letter-spacing:1px;line-height:1.1;color:#fff!important}
.frp-st-sub{font-size:12px;color:#aaa!important;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.frp-st-btn{flex:none;padding:9px 20px;border-radius:30px;font-size:13px;font-weight:700;background:var(--c);color:#150a00!important;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.frp-st:hover .frp-st-btn{transform:translateY(-2px);box-shadow:0 6px 18px -4px var(--c)}
.frp-st-sep{flex:none;width:1px;height:44px;background:rgba(255,255,255,.18)}
/* tema claro */
html.frp-day #frp-tools-cards{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 8px 28px -14px rgba(0,0,0,.28)}
html.frp-day .frp-st-kk{--c:#c98700}
html.frp-day .frp-st-sfb{background:linear-gradient(90deg,rgba(212,21,31,.12),transparent 80%)}
html.frp-day .frp-st-kk{background:linear-gradient(270deg,rgba(201,135,0,.14),transparent 80%)}
html.frp-day .frp-st-nome{color:#15100c!important}
html.frp-day .frp-st-sub{color:#5a524c!important}
html.frp-day .frp-st-btn{color:#fff!important}
html.frp-day .frp-st-sep{background:rgba(0,0,0,.14)}
/* tablet/celular */
@media (max-width:991px){
  .frp-st-sub{display:none}
  .frp-st{padding:0 16px;gap:12px}
  .frp-st-nome{font-size:17px}
}
@media (max-width:640px){
  #frp-tools-cards{flex-direction:column;height:auto}
  .frp-st{width:100%;height:72px}
  .frp-st-sep{width:88%;height:1px}
}


/* v89 - botões COMPRAR com o mesmo tamanho */
.frp-st-btn{width:140px;text-align:center;padding:10px 0;letter-spacing:1px;box-sizing:border-box}
@media (max-width:640px){.frp-st-btn{width:130px}}


/* v90 - "Ver preço" quando o cliente não está logado */
.frp-dst-pr-sem{font-size:11.5px!important;font-weight:600!important;color:var(--c)!important;border:1px solid var(--c);border-radius:20px;padding:3px 10px}

/* v91 - capas dos 3 cards mais baixas (sem sobra de espaço) */
@media (min-width:992px){
  .frp-dst-ban{height:150px;padding:18px 22px}
  .frp-dst-ban p{margin:4px 0 9px}
  .frp-dst-pill{padding:5px 14px;font-size:11.5px}
  .frp-dst-big{font-size:58px;top:16px}
}
@media (min-width:992px) and (max-width:1199px){
  .frp-dst-ban{height:170px}
}
@media (max-width:991px){
  .frp-dst-ban{min-height:0;padding:18px 20px}
  .frp-dst-big{font-size:54px}
}

/* v92 - mostra o título completo do produto (até 3 linhas) */
.frp-dst-n b{-webkit-line-clamp:3!important}

/* v93 - estilo "card neon" em todo o site (cantos arredondados, vidro escuro e brilho por baixo) */
:root{--frp-neon:255,43,58}
/* produtos das listas da home (Adicionados recentemente / Mais vendidos) */
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex{
  position:relative;border-radius:18px!important;padding:14px!important;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),#0c0809!important;
  border:1px solid rgba(var(--frp-neon),.35)!important;
  box-shadow:0 14px 26px -16px rgba(var(--frp-neon),.7),0 0 0 1px rgba(255,255,255,.02) inset!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 0 0,rgba(var(--frp-neon),.16),transparent 55%)}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex::after{
  content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgb(var(--frp-neon)),transparent);
  box-shadow:0 0 14px 2px rgba(var(--frp-neon),.7);opacity:.85;transition:opacity .25s ease,left .25s ease,right .25s ease}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex:hover{
  transform:translateY(-4px);border-color:rgba(var(--frp-neon),.8)!important;
  box-shadow:0 18px 34px -14px rgba(var(--frp-neon),.95)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex:hover::after{opacity:1;left:4%;right:4%}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex img{border-radius:12px!important}
/* demais cartões do site (formulários, painéis, listas) */
#gsmtheme-content .card:not(.rounded-0){
  border-radius:20px!important;border:1px solid rgba(var(--frp-neon),.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),#0c0809!important;
  box-shadow:0 16px 30px -20px rgba(var(--frp-neon),.65)!important;overflow:hidden}
/* tema claro */
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex{
  background:linear-gradient(135deg,#fff,#f6f2ef)!important;border-color:rgba(var(--frp-neon),.3)!important;
  box-shadow:0 12px 22px -16px rgba(var(--frp-neon),.55)!important}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex::before{background:radial-gradient(circle at 0 0,rgba(var(--frp-neon),.08),transparent 55%)}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex::after{box-shadow:0 0 10px 1px rgba(var(--frp-neon),.45);opacity:.7}
html.frp-day #gsmtheme-content .card:not(.rounded-0){background:#fff!important;border-color:rgba(0,0,0,.1)!important;box-shadow:0 10px 24px -16px rgba(0,0,0,.3)!important}
@media (prefers-reduced-motion:reduce){#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex{transition:none!important}}

/* v94 - neon mais suave embaixo dos cards + hover igual ao dos cards dos banners */
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex{
  border-color:rgba(var(--frp-neon),.28)!important;
  box-shadow:0 12px 30px -20px rgba(var(--frp-neon),.45)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex::after{
  left:20%;right:20%;height:1px;opacity:.45;box-shadow:0 0 10px 1px rgba(var(--frp-neon),.35)}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex:hover{
  transform:translateY(-4px)!important;
  border-color:rgb(var(--frp-neon))!important;
  box-shadow:0 16px 48px -10px rgba(var(--frp-neon),.38)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex:hover::after{opacity:.8;left:10%;right:10%}
#gsmtheme-content .card:not(.rounded-0){box-shadow:0 14px 30px -22px rgba(var(--frp-neon),.4)!important}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex{box-shadow:0 10px 22px -18px rgba(var(--frp-neon),.4)!important}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex:hover{box-shadow:0 14px 36px -12px rgba(var(--frp-neon),.3)!important}

/* v95 - produtos da home no MESMO estilo das linhas dos 3 cards de destaque */
#gsmtheme-content .card.rounded-0 .row > .col-lg-4:nth-child(3n+1){--c:#d4151f;--cg:255,43,58}
#gsmtheme-content .card.rounded-0 .row > .col-lg-4:nth-child(3n+2){--c:#ffc94d;--cg:255,201,77}
#gsmtheme-content .card.rounded-0 .row > .col-lg-4:nth-child(3n+3){--c:#2aabee;--cg:42,171,238}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile{
  --frp-neon:var(--cg,255,43,58);
  align-items:center;gap:14px!important;padding:13px 20px!important;border-radius:18px!important;
  background:#0c0809!important;border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 12px 30px -22px rgba(var(--frp-neon),.4)!important;
  transition:background .2s ease,padding-left .2s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile::before,
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile::after{display:none!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile > img{
  flex:none;width:62px!important;height:62px!important;object-fit:cover;border-radius:14px!important;
  background:linear-gradient(135deg,#3a3036,#1a1316);border:1px solid rgba(255,255,255,.12)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile > div{flex:1;min-width:0;padding-right:22px;position:relative}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile > div::after{
  content:"\f054";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:12px;
  position:absolute;right:0;top:50%;transform:translateY(-50%);color:#777;transition:transform .2s ease,color .2s ease}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile p{
  font-size:13.5px!important;font-weight:600!important;line-height:1.28!important;color:#fff!important;margin:0 0 4px!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile .badge{
  background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;
  font-size:10.5px!important;font-weight:700!important;letter-spacing:.5px;color:var(--c)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile:hover{
  transform:none!important;padding-left:26px!important;
  background:linear-gradient(90deg,rgba(var(--frp-neon),.14),#0c0809 80%)!important;
  border-color:rgba(var(--frp-neon),.45)!important;box-shadow:0 12px 30px -16px rgba(var(--frp-neon),.4)!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile:hover > div::after{transform:translate(4px,-50%);color:var(--c)}
/* tema claro */
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile{background:#fff!important;border-color:rgba(0,0,0,.1)!important}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile p{color:#15100c!important}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile:hover{background:linear-gradient(90deg,rgba(var(--frp-neon),.12),#fff 80%)!important}
html.frp-day #gsmtheme-content .card.rounded-0 .row > .col-lg-4:nth-child(3n+2){--c:#c98700}


/* v96 - preço à direita e seta no fim (igual aos cards de destaque) */
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile > div{padding-right:0!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile > div::after{display:none!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile::after{
  display:block!important;content:"\f054";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:12px;
  position:static!important;flex:none;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;
  color:#777;opacity:1!important;transition:transform .2s ease,color .2s ease}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile:hover::after{transform:translateX(4px);color:var(--c)}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile .frp-tile-pr{
  flex:none;font-weight:800;font-size:14.5px;color:#fff;white-space:nowrap}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile p{font-size:13.5px!important}
#gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile .badge{display:block!important;margin-top:4px;text-transform:uppercase}
html.frp-day #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile .frp-tile-pr{color:#15100c}

/* v97 - cards menores, sem deslizar; no hover: borda colorida + fundo muda de cor */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile{padding:9px 16px!important;gap:12px!important;border-radius:16px!important;min-height:0!important;margin:0!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile > img{width:50px!important;height:50px!important;max-width:50px!important;border-radius:12px!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile p{font-size:13px!important;margin:0 0 2px!important;-webkit-line-clamp:2}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .badge{margin-top:2px!important;font-size:10px!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr{font-size:14px}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover,html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:focus{transform:none!important;padding:9px 16px!important;background:rgba(var(--frp-neon),.13)!important;border-color:var(--c)!important;box-shadow:0 0 0 1px var(--c),0 10px 28px -14px rgba(var(--frp-neon),.55)!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover::after{transform:none!important;color:var(--c)}
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover{background:rgba(var(--frp-neon),.1)!important}

/* v98 - listas /remote /imei /server /file no formato dos cards da home */
#gsmtheme-content #service-list > [class*="col-"]:nth-child(3n+1){--c:#d4151f;--cg:255,43,58}
#gsmtheme-content #service-list > [class*="col-"]:nth-child(3n+2){--c:#ffc94d;--cg:255,201,77}
#gsmtheme-content #service-list > [class*="col-"]:nth-child(3n+3){--c:#2aabee;--cg:42,171,238}
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt{
  --frp-neon:var(--cg,255,43,58);
  background:#0c0809!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;
  box-shadow:0 12px 30px -22px rgba(var(--frp-neon),.4)!important;transform:none!important;
  transition:background .2s ease,border-color .25s ease,box-shadow .25s ease!important}
html #gsmtheme-content #service-list > [class*="col-"]{margin-bottom:12px!important}
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt::before,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt::after{display:none!important}
html #gsmtheme-content #service-list a.card.frp-lt .card-body{padding:9px 16px!important;align-items:center!important;gap:12px}
html #gsmtheme-content #service-list a.card.frp-lt .card-body > .d-flex{flex:1;min-width:0;gap:12px!important}
html #gsmtheme-content #service-list a.card.frp-lt .card-body::after{
  content:"\f054";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:12px;
  flex:none;color:#777;transition:color .2s ease}
html #gsmtheme-content #service-list a.card.frp-lt img{
  flex:none;width:50px!important;height:50px!important;max-width:50px!important;object-fit:cover;border-radius:12px!important;
  background:linear-gradient(135deg,#3a3036,#1a1316);border:1px solid rgba(255,255,255,.12)!important}
html #gsmtheme-content #service-list a.card.frp-lt p{
  font-size:13px!important;font-weight:600!important;line-height:1.28!important;color:#fff!important;margin:0 0 2px!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html #gsmtheme-content #service-list a.card.frp-lt .badge{
  display:block!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;
  margin-top:2px;font-size:10px!important;font-weight:700!important;letter-spacing:.5px;text-transform:uppercase;
  color:var(--c)!important;text-align:left}
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover{
  background:rgba(var(--frp-neon),.13)!important;border-color:var(--c)!important;
  box-shadow:0 0 0 1px var(--c),0 10px 28px -14px rgba(var(--frp-neon),.55)!important}
html #gsmtheme-content #service-list a.card.frp-lt:hover .card-body::after{color:var(--c)}
/* tema claro */
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt{background:#fff!important;border-color:rgba(0,0,0,.1)!important}
html.frp-day #gsmtheme-content #service-list a.card.frp-lt p{color:#15100c!important}
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover{background:rgba(var(--frp-neon),.1)!important}
html.frp-day #gsmtheme-content #service-list > [class*="col-"]:nth-child(3n+2){--c:#c98700}

/* v99 - preço à direita (igual aos cards da home) */
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{flex:none;font-weight:800;font-size:14px;color:#fff;white-space:nowrap}
html.frp-day #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{color:#15100c}

/* v100 - cor FIXA para o tempo de entrega em todos os cards e páginas.
   Para trocar a cor, mude só o valor abaixo. */
:root{--frp-entrega:#d4151f}
html.frp-day{--frp-entrega:#d4151f}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .badge,
html #gsmtheme-content #service-list a.card.frp-lt .badge,
html .frp-dst .frp-dst-n small{color:var(--frp-entrega)!important}

/* v102 - ajustes da versão mobile (cards menores, preço sem cortar, botões flutuantes menores) */
@media (max-width:575px){
  /* 3 cards de destaque */
  .frp-dst-ban{padding:14px 16px!important;min-height:0!important}
  .frp-dst-ban h3{font-size:19px!important;max-width:70%!important}
  .frp-dst-ban p{font-size:11.5px!important;margin:4px 0 8px!important;max-width:72%!important}
  .frp-dst-pill{font-size:11px!important;padding:4px 12px!important}
  .frp-dst-big{font-size:44px!important;right:14px!important;top:12px!important}
  .frp-dst-r{gap:10px!important;padding:9px 12px!important}
  .frp-dst-ic{width:46px!important;height:46px!important;border-radius:11px!important}
  .frp-dst-n b{font-size:12.5px!important;-webkit-line-clamp:2!important}
  .frp-dst-n small{font-size:9.5px!important;margin-top:2px!important}
  .frp-dst-pr{font-size:12.5px!important}
  .frp-dst-seta{display:none!important}
  /* produtos da home */
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile{padding:8px 12px!important;gap:10px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile > img{width:44px!important;height:44px!important;max-width:44px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile p{font-size:12.5px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .badge{font-size:9.5px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr{font-size:12.5px}
  #gsmtheme-content .card.rounded-0 .col-lg-4 > a.d-flex.frp-tile::after{display:none!important}
  /* listas remote / imei / server / file */
  html #gsmtheme-content #service-list a.card.frp-lt .card-body{padding:8px 12px!important}
  html #gsmtheme-content #service-list a.card.frp-lt img{width:44px!important;height:44px!important;max-width:44px!important}
  html #gsmtheme-content #service-list a.card.frp-lt p{font-size:12.5px!important}
  html #gsmtheme-content #service-list a.card.frp-lt .badge{font-size:9.5px!important}
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{font-size:12.5px}
  html #gsmtheme-content #service-list a.card.frp-lt .card-body::after{display:none}
  html #gsmtheme-content #service-list > [class*="col-"]{margin-bottom:8px!important}
  /* botões flutuantes menores para cobrir menos o preço */
  #frp-float-btns{gap:8px!important;bottom:14px!important;right:8px!important}
  #frp-float-btns .frp-fab{width:38px!important;height:38px!important;font-size:18px!important}
}

/* v103 - faixa SFB TOOL / KAGEKEY menor no celular */
@media (max-width:640px){
  #frp-tools-cards{margin-top:4px;border-radius:14px}
  html #frp-tools-cards .frp-st{height:52px!important;padding:0 12px!important;gap:10px!important}
  html #frp-tools-cards .frp-st-logo{width:34px!important;height:34px!important}
  html #frp-tools-cards .frp-st-nome{font-size:14.5px!important;letter-spacing:.6px}
  html #frp-tools-cards .frp-st-btn{width:104px!important;padding:7px 0!important;font-size:11.5px!important;letter-spacing:.6px}
  html #frp-tools-cards .frp-st-sep{height:1px!important}
}

/* v104 - capas dos 3 cards de destaque: menores e todas com a mesma altura no celular */
@media (max-width:575px){
  html .frp-dst-ban{height:92px!important;min-height:92px!important;max-height:92px!important;padding:12px 14px!important;overflow:hidden;box-sizing:border-box}
  html .frp-dst-ban h3{font-size:17px!important;line-height:1.1!important;max-width:68%!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html .frp-dst-ban p{font-size:11px!important;margin:3px 0 0!important;max-width:68%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html .frp-dst-ban .frp-dst-pill{display:none!important}
  html .frp-dst-big{font-size:36px!important;top:50%!important;transform:translateY(-50%);right:14px!important}
}

/* v105 - celular: SFB TOOL e KAGEKEY como dois chips lado a lado (ideia A) */
@media (max-width:640px){
  html #frp-tools-cards{display:flex!important;flex-direction:row!important;gap:8px!important;height:auto!important;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;margin-top:4px}
  html #frp-tools-cards .frp-st-sep{display:none!important}
  html #frp-tools-cards .frp-st{flex:1 1 0!important;width:auto!important;height:auto!important;min-width:0;
    display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px!important;row-gap:0;align-items:center;
    padding:8px 10px!important;border-radius:14px;background:#0c0809!important;border:1px solid rgba(212,21,31,.45)}
  html #frp-tools-cards .frp-st-kk{border-color:rgba(255,201,77,.45)}
  html #frp-tools-cards .frp-st-logo{grid-row:1 / span 2;width:34px!important;height:34px!important}
  html #frp-tools-cards .frp-st-txt{grid-column:2;grid-row:1;align-self:end}
  html #frp-tools-cards .frp-st-nome{font-size:13px!important;letter-spacing:.3px;white-space:nowrap}
  html #frp-tools-cards .frp-st-btn{grid-column:2;grid-row:2;justify-self:start;align-self:start;width:auto!important;
    padding:0!important;background:transparent!important;border-radius:0;font-size:10.5px!important;letter-spacing:.5px;color:var(--c)!important;box-shadow:none!important;transform:none!important}
  html #frp-tools-cards .frp-st-btn::after{content:" ›"}
}
html.frp-day #frp-tools-cards .frp-st-btn{color:var(--c)}
@media (max-width:640px){
  html.frp-day #frp-tools-cards .frp-st{background:#fff!important}
  html.frp-day #frp-tools-cards .frp-st-btn{color:var(--c)!important}
}

/* v109 - cards de destaque, ideia 1: abas separadas + caixa com título e lista (celular), cores suaves */
#frp-dst-seg{display:none}
@media (max-width:575px){
  html #frp-destaques .frp-dst,html #frp-destaques .frp-dst-b,html #frp-destaques .frp-dst-d{--c:#d4151f;--g:rgba(212,21,31,.4)}
  html #frp-destaques{display:block!important}
  html #frp-dst-seg{display:flex;gap:6px;margin:0 0 10px;background:transparent;border:0;padding:0}
  html #frp-dst-seg button{flex:1;font-family:inherit;font-size:11.5px;font-weight:700;padding:8px 2px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#b5aca7;transition:none}
  html #frp-dst-seg button.on{background:rgba(212,21,31,.16);border-color:rgba(212,21,31,.5);color:#fff}
  html #frp-destaques .frp-dst{display:none!important;background:#0c0809!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden}
  html #frp-destaques .frp-dst.frp-dst-on{display:block!important}
  html #frp-destaques .frp-dst-ban{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px 14px!important;background:transparent!important;overflow:visible}
  html #frp-destaques .frp-dst-big,html #frp-destaques .frp-dst-ban .frp-dst-pill{display:none!important}
  html #frp-destaques .frp-dst-ban h3{max-width:100%!important;font-size:15px!important;font-weight:800;color:#fff!important;display:block;-webkit-line-clamp:unset;overflow:visible}
  html #frp-destaques .frp-dst-ban p{max-width:100%!important;font-size:10.5px!important;color:#8d8480!important;margin:2px 0 0!important;white-space:normal}
  html #frp-destaques .frp-dst-r{display:flex;align-items:center;gap:11px!important;padding:9px 14px!important;border-top:1px solid rgba(255,255,255,.07)!important;background:transparent;transition:none!important}
  html #frp-destaques .frp-dst-r:hover{background:rgba(212,21,31,.07)!important;padding-left:14px!important}
  html #frp-destaques .frp-dst-n small{color:#d4151f!important}
  html #frp-destaques .frp-dst-seta{display:none!important}
  html #frp-destaques .frp-dst-pr{flex:none;font-size:12.5px!important;font-weight:800;color:#fff!important}
  html.frp-day #frp-destaques .frp-dst{background:#fff!important;border-color:rgba(0,0,0,.1)!important}
  html.frp-day #frp-destaques .frp-dst-ban h3,html.frp-day #frp-destaques .frp-dst-pr{color:#15100c!important}
  html.frp-day #frp-destaques .frp-dst-ban p{color:#6b625c!important}
  html.frp-day #frp-destaques .frp-dst-r{border-top-color:rgba(0,0,0,.08)!important}
  html.frp-day #frp-dst-seg button{color:#5a524c;border-color:rgba(0,0,0,.18)}
  html.frp-day #frp-dst-seg button.on{color:#15100c;background:rgba(212,21,31,.1);border-color:rgba(212,21,31,.45)}
}

/* v110 - 3 cards de destaque no estilo dos produtos: borda fina + hover com contraste; título centralizado como "MAIS VENDIDOS" */
html #frp-destaques .frp-dst,html #frp-destaques .frp-dst-b,html #frp-destaques .frp-dst-d{--c:#d4151f;--cg:255,43,58;--g:rgba(212,21,31,.4);
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
html #frp-destaques .frp-dst-ban{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
  background:transparent!important;padding:0 0 12px!important;text-align:center;position:relative;overflow:visible!important}
html #frp-destaques .frp-dst-big,html #frp-destaques .frp-dst-ban .frp-dst-pill{display:none!important}
html #frp-destaques .frp-dst-ban h3{display:block!important;max-width:100%!important;margin:0!important;text-align:center;
  font-size:14px!important;font-weight:800!important;letter-spacing:2px;text-transform:uppercase;
  color:var(--frp-text-strong,#fff)!important;text-shadow:var(--frp-heading-glow,none)!important;-webkit-line-clamp:unset;overflow:visible}
html #frp-destaques .frp-dst-ban h3::after{content:"";display:block;width:120px;height:2px;margin:9px auto 0;border-radius:2px;
  background:linear-gradient(90deg,transparent,#d4151f,transparent);box-shadow:0 0 10px rgba(212,21,31,.6)}
html #frp-destaques .frp-dst-ban p{max-width:100%!important;text-align:center;font-size:11px!important;margin:8px 0 0!important}
html #frp-destaques .frp-dst-r{background:#0c0809!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px;
  margin-bottom:8px;padding:10px 16px!important;box-shadow:none!important;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
html #frp-destaques .frp-dst-r:hover,html #frp-destaques .frp-dst-r:focus,html #frp-destaques .frp-dst-r:active{
  padding-left:16px!important;background:rgba(var(--cg),.13)!important;border-color:var(--c)!important;
  box-shadow:0 0 0 1px var(--c),0 10px 28px -14px rgba(var(--cg),.55)!important}
html #frp-destaques .frp-dst-r:hover .frp-dst-seta{transform:none;color:var(--c)!important}
html.frp-day #frp-destaques .frp-dst-r{background:#fff!important;border-color:rgba(0,0,0,.1)!important}
html.frp-day #frp-destaques .frp-dst-r:hover{background:rgba(var(--cg),.1)!important}
html.frp-day #frp-destaques .frp-dst-ban h3{color:#15100c!important}

/* v111 - sem subtítulo nos cards de destaque */
html #frp-destaques .frp-dst-ban p{display:none!important}
html #frp-destaques .frp-dst-ban{padding-bottom:14px!important}

/* v112 - celular: título FIXO "Ferramentas Exclusivas"; abas só com borda (cor só no toque/hover) */
#frp-dst-titulo{display:none}
@media (max-width:575px){
  html #frp-dst-titulo{display:block;text-align:center;margin:0 0 12px}
  html #frp-dst-titulo h3{margin:0;font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    color:var(--frp-text-strong,#fff);text-shadow:var(--frp-heading-glow,none)}
  html #frp-dst-titulo h3::after{content:"";display:block;width:120px;height:2px;margin:9px auto 0;border-radius:2px;
    background:linear-gradient(90deg,transparent,#d4151f,transparent);box-shadow:0 0 10px rgba(212,21,31,.6)}
  html #frp-destaques .frp-dst-ban{display:none!important}
  html #frp-dst-seg button,html #frp-dst-seg button.on{background:transparent;border:1px solid rgba(255,255,255,.14);color:#b5aca7;box-shadow:none}
  html #frp-dst-seg button.on{color:#fff}
  html #frp-dst-seg button:hover,html #frp-dst-seg button:focus,html #frp-dst-seg button:active{
    background:rgba(212,21,31,.14);border-color:#d4151f;color:#fff;box-shadow:0 0 0 1px #d4151f;outline:none}
  html.frp-day #frp-dst-seg button,html.frp-day #frp-dst-seg button.on{background:transparent;border-color:rgba(0,0,0,.18);color:#5a524c}
  html.frp-day #frp-dst-seg button.on{color:#15100c}
  html.frp-day #frp-dst-seg button:hover,html.frp-day #frp-dst-seg button:focus,html.frp-day #frp-dst-seg button:active{background:rgba(212,21,31,.1);border-color:#d4151f;box-shadow:0 0 0 1px #d4151f;color:#15100c}
}

/* v113 - títulos das seções (SOMOS REVENDEDOR OFICIAL, MAIS VENDIDOS, ADICIONADOS RECENTEMENTE...) iguais ao "FERRAMENTAS EXCLUSIVAS" */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary{
  font-size:14px!important;line-height:1.4!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header{padding-top:4px!important;padding-bottom:14px!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
html div.card.rounded-0 .card-header h5.text-primary::after{
  font-family:inherit;font-size:14px!important;font-weight:800!important;letter-spacing:2px!important;
  color:var(--frp-text-strong,#fff)!important;text-shadow:var(--frp-heading-glow,none)!important;animation:none!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header::after{
  width:120px;height:2px;background:linear-gradient(90deg,transparent,#d4151f,transparent);box-shadow:0 0 10px rgba(212,21,31,.6)}
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
html.frp-day div.card.rounded-0 .card-header h5.text-primary::after{color:#15100c!important;text-shadow:none!important}
@media (max-width:991px){
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after,
  html div.card.rounded-0 .card-header h5.text-primary::after{text-shadow:var(--frp-heading-glow,none)!important}
  html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-header h5.text-primary::after{text-shadow:none!important}
}

/* v114 - listas remote/imei/server/file: barra lateral + borda degradê + coluna de preço (T1) */
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt{
  --bgc:#0e0809;--tint:#1a1012;--line:#2e2023;--prc:#d4151f;--txt:#fff;--mut:#9b928d;
  padding:1.5px!important;border:0!important;border-radius:17px!important;overflow:hidden;
  background:linear-gradient(135deg,rgba(212,21,31,.75),rgba(212,21,31,.25) 45%,rgba(212,21,31,.5))!important;
  box-shadow:none!important;transform:none;
  transition:transform .2s ease,box-shadow .25s ease!important}
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt{
  --bgc:#fff;--tint:#fbf2f0;--line:#eadfd9;--prc:#d4151f;--txt:#15100c;--mut:#7a716b}
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt::before,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt::after{display:none!important}
html #gsmtheme-content #service-list a.card.frp-lt .card-body{
  position:relative;display:flex!important;align-items:stretch!important;gap:0!important;padding:0!important;
  border-radius:15.5px;background:var(--bgc)!important;overflow:hidden}
html #gsmtheme-content #service-list a.card.frp-lt .card-body::before{
  content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d4151f,#d4151f)}
html #gsmtheme-content #service-list a.card.frp-lt .card-body::after{display:none!important}
html #gsmtheme-content #service-list a.card.frp-lt .card-body > .d-flex{
  flex:1;min-width:0;padding:12px 14px 12px 18px!important;align-items:center!important;gap:12px!important}
html #gsmtheme-content #service-list a.card.frp-lt img{
  width:48px!important;height:48px!important;max-width:48px!important;border-radius:12px!important;object-fit:cover}
html #gsmtheme-content #service-list a.card.frp-lt p{color:var(--txt)!important;font-weight:650!important;font-size:13.5px!important;line-height:1.28!important;margin:0!important}
html #gsmtheme-content #service-list a.card.frp-lt .badge{color:#2a9d5c!important;font-size:10.5px!important;letter-spacing:.4px;margin-top:4px}
html #gsmtheme-content #service-list a.card.frp-lt .badge::before{content:"\25CF\00a0";font-size:8px;vertical-align:1px}
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{
  width:104px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--tint);border-left:1px solid var(--line);color:var(--prc);
  font-size:18px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;transition:background .2s ease,color .2s ease}
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before{
  content:"PRE\00C7 O";font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--mut);transition:color .2s ease}
/* hover / selecionado: sobe, sombra e a coluna do preço fica vermelha (a borda não muda) */
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:focus,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:active{
  transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(212,21,31,.55)!important;background:linear-gradient(135deg,rgba(212,21,31,.75),rgba(212,21,31,.25) 45%,rgba(212,21,31,.5))!important;border:0!important}
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr{background:#d4151f;color:#fff;border-left-color:#d4151f}
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr::before{color:rgba(255,255,255,.85)}
@media (max-width:575px){
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{width:84px;font-size:15px}
  html #gsmtheme-content #service-list a.card.frp-lt .card-body > .d-flex{padding:10px 10px 10px 16px!important;gap:10px!important}
  html #gsmtheme-content #service-list a.card.frp-lt img{width:42px!important;height:42px!important;max-width:42px!important}
  html #gsmtheme-content #service-list a.card.frp-lt p{font-size:12.5px!important}
}

/* v115 - preço em cápsula flutuante (T3) no lugar da coluna */
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{
  width:auto;align-self:center;margin:0 12px 0 0;padding:7px 14px;border-radius:12px;
  background:var(--tint);border:1px solid var(--line);font-size:16px;line-height:1.2}
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before{font-size:8.5px;letter-spacing:1.1px}
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr{background:#d4151f;color:#fff;border-color:#d4151f}
@media (max-width:575px){
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{width:auto;margin-right:8px;padding:6px 10px;font-size:14px}
}

/* v116 - tema claro: a borda degradê estava sendo coberta por regra antiga (fundo branco) */
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt,
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover,
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:focus,
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:active{
  background:linear-gradient(135deg,rgba(212,21,31,.85),rgba(212,21,31,.35) 50%,rgba(212,21,31,.7))!important;
  border:0!important}
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt{box-shadow:0 8px 20px -14px rgba(40,20,10,.35)!important}
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover,
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:focus,
html.frp-day #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:active{box-shadow:0 14px 28px -16px rgba(212,21,31,.55)!important}
html.frp-day #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{color:#d4151f}
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr{color:#fff}

/* cor do preço precisa de !important (o tema força a cor do texto dentro dos cards) */
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{color:var(--prc)!important}
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before{color:var(--mut)!important}
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr{color:#fff!important}
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr::before{color:rgba(255,255,255,.85)!important}

/* v117 - balão do preço com cor FIXA (não muda no hover). Fundo vermelho, texto branco. */
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr,
html.frp-day #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr{
  background:#d4151f!important;border-color:#d4151f!important;color:#fff!important}
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:hover .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:focus .frp-lt-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt:active .frp-lt-pr::before{color:rgba(255,255,255,.85)!important}

/* v118 - balão do preço com tamanho FIXO (igual em todos os cards, sem cortar o valor) */
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{
  box-sizing:border-box;width:124px!important;min-width:124px;max-width:124px;flex:none;padding:7px 8px!important;
  text-align:center;white-space:nowrap;overflow:visible;font-size:16px}
@media (max-width:575px){
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{width:100px!important;min-width:100px;max-width:100px;padding:6px 6px!important;font-size:13.5px}
}

/* v119 - TELA INICIAL: produtos (Mais vendidos / Adicionados recentemente) e linhas dos cards de destaque no estilo
   barra lateral + borda degradê + balão de preço fixo */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile,
html #frp-destaques .frp-dst-r{
  --bgc:#0e0809;--txt:#fff;--mut:#9b928d;
  position:relative;overflow:hidden;box-sizing:border-box;
  padding:10px 12px 10px 18px!important;gap:12px!important;border-radius:17px!important;margin-bottom:0;
  border:1.5px solid transparent!important;
  background:linear-gradient(var(--bgc),var(--bgc)) padding-box,
             linear-gradient(135deg,rgba(212,21,31,.75),rgba(212,21,31,.25) 45%,rgba(212,21,31,.55)) border-box!important;
  box-shadow:none!important;transform:none;
  transition:transform .2s ease,box-shadow .25s ease!important}
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile,
html.frp-day #frp-destaques .frp-dst-r{
  --bgc:#fff;--txt:#15100c;--mut:#7a716b;
  background:linear-gradient(var(--bgc),var(--bgc)) padding-box,
             linear-gradient(135deg,rgba(212,21,31,.85),rgba(212,21,31,.35) 50%,rgba(212,21,31,.7)) border-box!important;
  box-shadow:0 8px 20px -14px rgba(40,20,10,.35)!important}
/* barra lateral */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile::before,
html #frp-destaques .frp-dst-r::before{
  content:""!important;display:block!important;position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#d4151f,#d4151f)}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile::after,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile > div::after,
html #frp-destaques .frp-dst-seta{display:none!important}
/* imagem e textos */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile > img{
  width:48px!important;height:48px!important;max-width:48px!important;border-radius:12px!important}
html #frp-destaques .frp-dst-r .frp-dst-ic{width:48px!important;height:48px!important;border-radius:12px!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile p,
html #frp-destaques .frp-dst-r .frp-dst-n b{color:var(--txt)!important;font-weight:650!important;font-size:13.5px!important;line-height:1.28!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .badge,
html #frp-destaques .frp-dst-r .frp-dst-n small{color:#2a9d5c!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.4px;text-transform:uppercase;margin-top:4px}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .badge::before,
html #frp-destaques .frp-dst-r .frp-dst-n small::before{content:"\25CF\00a0";font-size:8px;vertical-align:1px}
/* balão do preço: fixo, vermelho */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
html #frp-destaques .frp-dst-r .frp-dst-pr{
  box-sizing:border-box;width:124px;min-width:124px;max-width:124px;flex:none;align-self:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:7px 8px!important;border-radius:12px;background:#d4151f!important;border:1px solid #d4151f!important;
  color:#fff!important;font-size:16px!important;font-weight:800;line-height:1.2;letter-spacing:-.3px;white-space:nowrap;text-align:center;box-shadow:none!important}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr::before,
html #frp-destaques .frp-dst-r .frp-dst-pr::before{
  content:"PRE\00C7 O";font-size:8.5px;font-weight:700;letter-spacing:1.1px;color:rgba(255,255,255,.85)}
/* hover / selecionado: só o card sobe com sombra (borda e balão não mudam) */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:focus,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:active,
html #frp-destaques .frp-dst-r:hover,html #frp-destaques .frp-dst-r:focus,html #frp-destaques .frp-dst-r:active{
  transform:translateY(-2px)!important;padding:10px 12px 10px 18px!important;
  background:linear-gradient(var(--bgc),var(--bgc)) padding-box,
             linear-gradient(135deg,rgba(212,21,31,.75),rgba(212,21,31,.25) 45%,rgba(212,21,31,.55)) border-box!important;
  border-color:transparent!important;box-shadow:0 14px 28px -16px rgba(212,21,31,.55)!important}
html.frp-day #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover,
html.frp-day #frp-destaques .frp-dst-r:hover{
  background:linear-gradient(var(--bgc),var(--bgc)) padding-box,
             linear-gradient(135deg,rgba(212,21,31,.85),rgba(212,21,31,.35) 50%,rgba(212,21,31,.7)) border-box!important}
@media (max-width:575px){
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile,
  html #frp-destaques .frp-dst-r{padding:9px 10px 9px 16px!important;gap:10px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile > img,
  html #frp-destaques .frp-dst-r .frp-dst-ic{width:42px!important;height:42px!important;max-width:42px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
  html #frp-destaques .frp-dst-r .frp-dst-pr{width:100px;min-width:100px;max-width:100px;padding:6px 6px!important;font-size:13.5px!important}
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile p,
  html #frp-destaques .frp-dst-r .frp-dst-n b{font-size:12.5px!important}
}
html #frp-destaques .frp-dst-r{margin-bottom:8px!important}

/* v120 - altura fixa nos cards da home (todos do mesmo tamanho, mesmo com nome de 1 ou 2 linhas) */
html #frp-destaques .frp-dst-r,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile{
  min-height:94px;align-items:center!important}
html #frp-destaques .frp-dst-r .frp-dst-n b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:575px){
  html #frp-destaques .frp-dst-r,
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile{min-height:86px}
}

/* v121 - efeito de subir o card ao passar o mouse / tocar: listas (remote, imei, server, file) e tela inicial */
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile,
html #frp-destaques .frp-dst-r{
  transition:transform .22s ease,box-shadow .25s ease!important;will-change:transform}
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:hover,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:focus,
html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:active,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:hover,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:focus,
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:active,
html #frp-destaques .frp-dst-r:hover,html #frp-destaques .frp-dst-r:focus,html #frp-destaques .frp-dst-r:active{
  transform:translateY(-4px)!important}
@media (hover:none){
  html #gsmtheme-content #service-list > [class*="col-"] > a.card.frp-lt:active,
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile:active,
  html #frp-destaques .frp-dst-r:active{transform:translateY(-2px)!important}
}
@media (prefers-reduced-motion:reduce){
  html #gsmtheme-content #service-list a.card.frp-lt,html #gsmtheme-content a.d-flex.frp-tile,html #frp-destaques .frp-dst-r{transition:none!important;transform:none!important}
}

/* v122 - balão do preço MENOR (100px) em tudo: tela inicial, cards de destaque e listas */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
html #frp-destaques .frp-dst-r .frp-dst-pr,
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{
  width:100px!important;min-width:100px!important;max-width:100px!important;
  padding:5px 6px!important;border-radius:10px!important;font-size:14px!important;line-height:1.2}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr::before,
html #frp-destaques .frp-dst-r .frp-dst-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before{font-size:8px!important;letter-spacing:1px}
@media (max-width:575px){
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
  html #frp-destaques .frp-dst-r .frp-dst-pr,
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{font-size:13.5px!important}
}

/* v123 - barra lateral nos 2 cards das ferramentas (SFB TOOL / KAGEKEY), igual a dos cards dos produtos */
html #frp-tools-cards .frp-st::before{
  content:""!important;display:block!important;position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#d4151f,#d4151f);box-shadow:0 0 14px -2px rgba(212,21,31,.7)}
html #frp-tools-cards .frp-st-kk::before{
  background:linear-gradient(180deg,#ffd77a,#e0a000);box-shadow:0 0 14px -2px rgba(255,201,77,.65)}
html.frp-day #frp-tools-cards .frp-st::before{background:linear-gradient(180deg,#d4151f,#d4151f);box-shadow:none}
html.frp-day #frp-tools-cards .frp-st-kk::before{background:linear-gradient(180deg,#e8a800,#c98700)}
@media (max-width:640px){
  html #frp-tools-cards .frp-st{overflow:hidden}
}

/* v124 - barra lateral do KAGEKEY na ponta direita */
html #frp-tools-cards .frp-st-kk::before{left:auto;right:0}

/* v125 - topo no layout AF: faixa de avisos vermelha + menu com sublinhado brilhante */
html #frp-tools-bar{
  background:linear-gradient(90deg,#d4151f,#2b0a10)!important;border-bottom:0!important}
html #frp-tools-bar .frp-tools-label{
  background:rgba(0,0,0,.3)!important;box-shadow:none!important;color:#fff!important}
html #frp-tools-bar .frp-tools-item{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;color:#fff!important;animation:none!important;font-weight:800}
html #frp-tools-bar .frp-tools-dot{
  width:7px;height:7px;background:#ffc94d!important;box-shadow:0 0 8px #ffc94d,0 0 14px rgba(255,201,77,.6)}
html #frp-tools-bar::after,html.frp-day #frp-tools-bar::after{
  height:1px;background:linear-gradient(90deg,transparent,#ffc94d,transparent)!important;opacity:.7}
html.frp-day #frp-tools-bar{background:linear-gradient(90deg,#d4151f,#d4151f)!important}
/* menu: sublinhado vermelho brilhante (hover, aberto ou ativo) */
html .nav-links > li > a:hover,
html .nav-links > li.is-open > a,
html .nav-links > li.active > a,
html .nav-links > li > a.active,
html .nav-links > li > a[aria-current]{
  background:transparent!important;border-radius:0!important;
  box-shadow:inset 0 -3px 0 #d4151f,0 10px 14px -10px #d4151f!important;color:#d4151f!important}
html.frp-day .nav-links > li > a:hover,
html.frp-day .nav-links > li.is-open > a,
html.frp-day .nav-links > li.active > a,
html.frp-day .nav-links > li > a.active,
html.frp-day .nav-links > li > a[aria-current]{
  box-shadow:inset 0 -3px 0 #d4151f,0 10px 14px -10px rgba(212,21,31,.6)!important;color:#d4151f!important}

/* v126 - cabeçalho: links diretos + barra de pesquisa */
html .nav-links > li.frp-hide{display:none!important}
html #frp-search{position:relative;flex:0 1 200px;min-width:180px;max-width:300px;margin:0 12px;align-self:center}
@media (min-width:1700px){html #frp-search{flex-basis:260px}}
@media (min-width:1850px){html #frp-search{flex-basis:300px}}
html #frp-search > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--frp-accent-2,#d4151f);pointer-events:none}
html #frp-search input{
  width:100%;height:40px;border-radius:22px;padding:0 14px 0 38px;font-size:13.5px;font-weight:600;outline:0;
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
html #frp-search input::placeholder{color:rgba(255,255,255,.55)}
html #frp-search input:focus{border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.22),0 8px 20px -10px #d4151f;background:rgba(255,255,255,.1)!important}
html.frp-day #frp-search input{background:#fff!important;border-color:rgba(0,0,0,.18)!important;color:#15100c!important}
html.frp-day #frp-search input::placeholder{color:#7a716b}
html.frp-day #frp-search input:focus{border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.16)}
html #frp-search-res{
  position:absolute;left:0;right:0;top:46px;z-index:10001;max-height:70vh;overflow:auto;min-width:340px;
  background:#120b0e;border:1px solid rgba(212,21,31,.45);border-radius:14px;padding:6px;box-shadow:0 22px 50px -12px rgba(0,0,0,.8)}
html #frp-search-res[hidden]{display:none}
html #frp-search-res .frp-sr-it{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none!important;color:#fff!important}
html #frp-search-res .frp-sr-it:hover{background:rgba(212,21,31,.16)}
html #frp-search-res img{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}
html #frp-search-res .frp-sr-t{flex:1;min-width:0;font-size:12.5px;font-weight:650;line-height:1.25;color:#fff!important}
html #frp-search-res .frp-sr-p{flex:none;font-size:12px;font-weight:800;color:#fff!important;background:#d4151f;border-radius:8px;padding:4px 8px}
html #frp-search-res .frp-sr-vazio{padding:12px;font-size:12.5px;color:#cfc6c2}
html.frp-day #frp-search-res{background:#fff;border-color:rgba(212,21,31,.4)}
html.frp-day #frp-search-res .frp-sr-it,html.frp-day #frp-search-res .frp-sr-t{color:#15100c!important}
html.frp-day #frp-search-res .frp-sr-it:hover{background:rgba(212,21,31,.08)}
html.frp-day #frp-search-res .frp-sr-vazio{color:#5a524c}
@media (max-width:991px){
  html .gsm-theme-header{position:relative;padding-bottom:60px!important}
  html #frp-search{position:absolute;left:14px;right:14px;bottom:10px;flex:none;width:auto;max-width:none;min-width:0;margin:0}
  html #frp-search-res{min-width:0}
}

/* espaçamento do menu mais compacto e logo um pouco mais enxuta (cabe tudo + busca) */
html .nav-links > li > a{padding:0 8px!important;font-size:13.5px}
html .nav-links > li > a i{margin-right:6px!important}
@media (min-width:992px){html a.nav-logo::after{letter-spacing:1px!important;font-size:16px!important}}
/* telas médias: busca vira lupa que abre ao clicar */
@media (min-width:992px) and (max-width:1499px){
  html #frp-search{flex:0 0 44px;min-width:44px;max-width:44px;width:44px;height:40px;margin:0 8px}
  html #frp-search input{position:absolute;right:0;top:0;width:44px;padding:0;cursor:pointer;color:transparent!important;transition:width .25s ease,border-color .2s ease,box-shadow .2s ease}
  html #frp-search input::placeholder,html.frp-day #frp-search input::placeholder{color:transparent!important;opacity:0!important}
  html #frp-search > i{left:15px;z-index:2}
  html #frp-search input:focus{width:340px;padding:0 14px 0 40px;cursor:text;color:#fff!important;background:#1a0f13!important;z-index:5}
  html #frp-search input:focus::placeholder{color:rgba(255,255,255,.55)!important;opacity:1!important}
  html.frp-day #frp-search input:focus::placeholder{color:#7a716b!important;opacity:1!important}
  html.frp-day #frp-search input:focus{background:#fff!important;color:#15100c!important}
  html #frp-search-res{left:auto;right:0;width:380px;min-width:0}
}

/* nomes mais à esquerda: aproxima o menu da logo e libera espaço */
@media (min-width:992px){
  html .gsm-theme-header .nav-container{margin-left:-14px}
  html .nav-links > li:first-child:has(> a[href="/"]:empty){display:none!important}
}
html .nav-container.frp-sem-seta .nav-arrow{display:none!important}

/* v128 - barra de pesquisa maior */
@media (min-width:1500px){
  html #frp-search{flex:0 1 265px;min-width:240px;max-width:460px;margin:0 10px}
  html #frp-search input{height:44px;font-size:14.5px}
  html #frp-search > i{font-size:15px;left:16px}
  html #frp-search-res{top:50px;min-width:380px}
  html .nav-links > li > a{padding:0 7px!important;font-size:13px}
  html .nav-links > li > a i{margin-right:5px!important}
}
@media (min-width:1700px){html #frp-search{flex-basis:360px}}
@media (min-width:1850px){html #frp-search{flex-basis:440px}}

/* v129 - busca com borda vermelha (padrão do site) + menu do cliente arredondado e moderno */
html #frp-search input{
  border:1.5px solid rgba(212,21,31,.6)!important;border-radius:14px!important;background:#0f0a0c!important}
html #frp-search input:focus{border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.22),0 10px 24px -12px #d4151f;background:#150d10!important}
html.frp-day #frp-search input{border:1.5px solid rgba(212,21,31,.65)!important;background:#fff!important}
html.frp-day #frp-search input:focus{border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.16)}
html #frp-search-res{border-radius:16px;border:1.5px solid rgba(212,21,31,.6)}
html.frp-day #frp-search-res{border-color:rgba(212,21,31,.6)}

/* botão do cliente */
html .customer-header-auth > .btn{
  height:44px!important;border-radius:14px!important;border:1.5px solid rgba(212,21,31,.55)!important;
  background:linear-gradient(135deg,#1c1013,#120b0e)!important;position:relative;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html .customer-header-auth > .btn::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d4151f,#d4151f)}
html .customer-header-auth > .btn:hover,html .customer-header-auth.show > .btn,html .customer-header-auth > .btn.show{
  border-color:#d4151f!important;transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(212,21,31,.7)}
html .customer-header-auth > .btn > .rounded-circle{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;border:0!important;margin-left:14px!important}
html .customer-header-auth > .btn .vr-lg{display:none!important}
html .customer-header-auth > .btn > div:nth-child(4){
  color:#3ddc84!important;background:rgba(61,220,132,.13);border-radius:10px;padding:5px 10px!important;margin-right:6px;font-weight:700;font-size:13px}
html .customer-header-auth > .btn .customer-name{color:#fff!important}
html.frp-day .customer-header-auth > .btn{background:#fff!important;border-color:rgba(212,21,31,.6)!important}
html.frp-day .customer-header-auth > .btn .customer-name{color:#15100c!important}
html.frp-day .customer-header-auth > .btn span.text-white{color:#7a716b!important}
html.frp-day .customer-header-auth > .btn > div:nth-child(4){color:#1e8e4e!important;background:rgba(30,142,78,.12)}
html.frp-day .customer-header-auth > .btn svg path[stroke="currentColor"]{stroke:#15100c}

/* menu que abre */
html .customer-auth-menu{
  min-width:270px;margin-top:12px!important;padding:10px!important;border-radius:18px!important;
  border:1.5px solid transparent!important;
  background:linear-gradient(#120b0e,#120b0e) padding-box,linear-gradient(135deg,#d4151f,#5a0810 55%,#d4151f) border-box!important;
  box-shadow:0 26px 50px -14px rgba(0,0,0,.85),0 0 32px -10px rgba(212,21,31,.55)!important}
html .customer-auth-menu > li{border:0!important;margin:0!important;padding:0!important}
html .customer-auth-menu > li + li{margin-top:3px!important}
html .customer-auth-menu .dropdown-item{
  position:relative;display:flex!important;align-items:center;gap:12px;padding:10px 14px!important;border-radius:12px!important;
  font-size:14px;font-weight:650!important;color:#fff!important;background:transparent!important;transition:background .2s ease,transform .2s ease}
html .customer-auth-menu .dropdown-item i{
  width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(212,21,31,.14);font-size:15px;flex:none}
html .customer-auth-menu .dropdown-item::before{
  content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#d4151f,#d4151f);opacity:0;transition:opacity .2s ease}
html .customer-auth-menu .dropdown-item:hover{background:rgba(212,21,31,.14)!important;transform:translateX(2px)}
html .customer-auth-menu .dropdown-item:hover::before{opacity:1}
/* Adicionar Saldo em destaque */
html .customer-auth-menu > li.dashed-bottom{border-bottom:0!important;margin:8px 0 8px!important;padding:0!important}
html .customer-auth-menu > li.dashed-bottom .dropdown-item{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;box-shadow:0 10px 20px -12px #d4151f}
html .customer-auth-menu > li.dashed-bottom .dropdown-item i{background:#fff}
html .customer-auth-menu > li.dashed-bottom .dropdown-item:hover{filter:brightness(1.08)}
/* Sair */
html .customer-auth-menu .dropdown-item.bg-light-danger{
  background:rgba(212,21,31,.1)!important;color:#d4151f!important}
html .customer-auth-menu .dropdown-item.bg-light-danger:hover{background:rgba(212,21,31,.22)!important}
/* tema claro */
html.frp-day .customer-auth-menu{
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#d4151f,#f5b4b9 55%,#d4151f) border-box!important;
  box-shadow:0 22px 44px -16px rgba(40,20,10,.4)!important}
html.frp-day .customer-auth-menu .dropdown-item{color:#15100c!important}
html.frp-day .customer-auth-menu .dropdown-item i{background:rgba(212,21,31,.1)}
html.frp-day .customer-auth-menu .dropdown-item:hover{background:rgba(212,21,31,.08)!important}
html.frp-day .customer-auth-menu > li.dashed-bottom .dropdown-item{color:#fff!important}
html.frp-day .customer-auth-menu .dropdown-item.bg-light-danger{background:rgba(212,21,31,.08)!important;color:#d4151f!important}

/* v130 - tudo bem redondo (pílula) + botão do cliente compacto: só avatar e saldo */
html #frp-search input{border-radius:24px!important}
html #frp-search-res{border-radius:20px}
html .customer-header-auth > .btn{height:44px!important;border-radius:24px!important;padding:0 4px 0 0!important}
html .customer-header-auth > .btn::before{display:none!important}
html .customer-header-auth > .btn > .rounded-circle{margin-left:6px!important;width:34px!important;height:34px!important}
html .customer-header-auth > .btn > div:nth-child(2){display:none!important}
html .customer-header-auth > .btn > div:nth-child(4){margin:0 4px 0 10px;border-radius:20px;padding:6px 12px!important}
html .customer-header-auth > .btn > div:nth-child(5){padding-right:12px!important}
html .customer-auth-menu{border-radius:22px!important}
html .customer-auth-menu .dropdown-item{border-radius:16px!important}
@media (min-width:1500px){html #frp-search{flex-basis:365px}}
@media (min-width:1700px){html #frp-search{flex-basis:440px}}
@media (min-width:1850px){html #frp-search{flex-basis:500px;max-width:520px}}
html body .customer-header-auth > .btn.rounded-2{border-radius:24px!important}

/* v132 - menu do cliente com a mesma largura do botão (220px), ícones e nomes mais à esquerda; Adicionar Saldo padrão */
html .customer-header-auth > .btn{width:220px!important;justify-content:space-between}
html .customer-header-auth > .btn > div:nth-child(4){margin:0 0 0 8px}
html .customer-auth-menu{width:220px!important;min-width:220px!important;max-width:220px;padding:8px!important;box-sizing:border-box}
html body .customer-header-auth .dropdown-menu.customer-auth-menu > li{padding:0!important;margin:0!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu > li + li{margin-top:2px!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item{
  margin:0!important;padding:8px 10px 8px 6px!important;gap:9px!important;
  font-size:14px!important;letter-spacing:.2px!important;font-weight:700!important;white-space:nowrap}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{
  margin:0!important;width:28px!important;height:28px!important;border-radius:9px;font-size:14px}
/* Adicionar Saldo: padrão, sem destaque */
html .customer-auth-menu > li.dashed-bottom{border:0!important}
html .customer-auth-menu > li.dashed-bottom .dropdown-item{background:transparent!important;box-shadow:none!important;filter:none}
html .customer-auth-menu > li.dashed-bottom .dropdown-item i{background:rgba(212,21,31,.14)}
html .customer-auth-menu > li.dashed-bottom .dropdown-item:hover{background:rgba(212,21,31,.14)!important;filter:none}
html.frp-day .customer-auth-menu > li.dashed-bottom .dropdown-item{color:#15100c!important}
html.frp-day .customer-auth-menu > li.dashed-bottom .dropdown-item i{background:rgba(212,21,31,.1)}
html.frp-day .customer-auth-menu > li.dashed-bottom .dropdown-item:hover{background:rgba(212,21,31,.08)!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu li + li .dropdown-item.bg-light-danger{margin-top:3px!important}
@media (min-width:1500px){html #frp-search{flex-basis:322px}}
@media (min-width:1700px){html #frp-search{flex-basis:397px}}
@media (min-width:1850px){html #frp-search{flex-basis:457px}}

/* ---------- v133: menu do cliente mais moderno (ícones + efeitos) ---------- */
@keyframes frpMenuIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes frpItemIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
html .customer-auth-menu.show{animation:frpMenuIn .22s cubic-bezier(.2,.8,.2,1) both;
  box-shadow:0 30px 60px -16px rgba(0,0,0,.85),0 0 40px -10px rgba(212,21,31,.6)!important}
html .customer-auth-menu.show > li{animation:frpItemIn .28s cubic-bezier(.2,.8,.2,1) both}
html .customer-auth-menu.show > li:nth-child(2){animation-delay:.04s}
html .customer-auth-menu.show > li:nth-child(3){animation-delay:.08s}
html .customer-auth-menu.show > li:nth-child(4){animation-delay:.12s}
html .customer-auth-menu.show > li:nth-child(5){animation-delay:.16s}
html .customer-auth-menu.show > li:nth-child(6){animation-delay:.2s}

html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item{
  overflow:hidden;transition:background .22s ease,transform .22s ease,box-shadow .22s ease,color .22s ease!important}
/* ícone em "tile" com brilho */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{
  background:linear-gradient(145deg,rgba(255,91,102,.28),rgba(212,21,31,.1))!important;
  box-shadow:inset 0 0 0 1px rgba(255,91,102,.3),0 6px 12px -8px rgba(212,21,31,.9);
  transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .22s ease,box-shadow .22s ease}
/* seta que aparece no hover */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item::after{
  content:"\F285";font-family:"bootstrap-icons";font-size:12px;margin-left:auto;color:#d4151f;
  opacity:0;transform:translateX(-6px);transition:opacity .22s ease,transform .22s ease}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{
  background:linear-gradient(90deg,rgba(212,21,31,.24),rgba(212,21,31,.04))!important;
  box-shadow:inset 0 0 0 1px rgba(255,91,102,.22);transform:translateX(3px)}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover::after{opacity:1;transform:none}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover i{
  --frp-accent-3:#fff;background:linear-gradient(145deg,#d4151f,#d4151f)!important;
  box-shadow:0 8px 16px -6px rgba(212,21,31,.95);transform:scale(1.1) rotate(-6deg)}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:active{transform:translateX(3px) scale(.98)}
/* Sair */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger{
  background:linear-gradient(90deg,rgba(212,21,31,.16),rgba(212,21,31,.06))!important;
  box-shadow:inset 0 0 0 1px rgba(255,91,102,.25)}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important;
  box-shadow:0 12px 22px -12px #d4151f}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover::after{color:#fff}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover i{
  background:rgba(255,255,255,.2)!important;box-shadow:none;transform:scale(1.1) translateX(2px)}
/* tema claro */
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{
  background:linear-gradient(145deg,rgba(212,21,31,.16),rgba(212,21,31,.05))!important;
  box-shadow:inset 0 0 0 1px rgba(212,21,31,.2),0 6px 12px -8px rgba(212,21,31,.6)}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{
  background:linear-gradient(90deg,rgba(212,21,31,.14),rgba(212,21,31,.02))!important;box-shadow:inset 0 0 0 1px rgba(212,21,31,.18)}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){html .customer-auth-menu.show,html .customer-auth-menu.show > li{animation:none}}

/* ---------- v134: resultados da busca com a mesma largura da barra ---------- */
@media (min-width:1500px){
  html body #frp-search-res{left:0!important;right:0!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box;padding:8px;border-radius:22px}
  html #frp-search-res .frp-sr-it{padding:8px 8px;gap:9px;border-radius:14px}
  html #frp-search-res .frp-sr-t{font-size:12px}
  html #frp-search-res .frp-sr-p{font-size:11.5px;padding:4px 9px;border-radius:999px}
  html #frp-search-res img{width:32px;height:32px;border-radius:10px}
}
@media (min-width:992px) and (max-width:1499px){
  html body #frp-search-res{width:340px!important;box-sizing:border-box;padding:8px;border-radius:22px}
}

/* ---------- v135: menu do cliente LIMPO (ícones soltos, sem caixa/borda) ---------- */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item,
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item{
  background:transparent!important;box-shadow:none!important;border:0!important;gap:12px!important;padding:10px 12px!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item::after{display:none!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i,
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i,
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover i,
html body .customer-header-auth .dropdown-menu.customer-auth-menu li.dashed-bottom .dropdown-item i,
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger i,
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover i{
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  width:22px!important;height:22px!important;font-size:19px!important;transform:none!important;--frp-accent-3:#d4151f}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{--frp-accent-3:#d4151f}
/* hover discreto */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover,
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{
  background:rgba(212,21,31,.10)!important;transform:none!important;box-shadow:none!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{background:rgba(212,21,31,.07)!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover i{transform:scale(1.12)!important}
/* Sair: só texto/ícone vermelhos, sem caixa */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger,
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger{
  background:transparent!important;color:#d4151f!important;box-shadow:none!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger{color:#d4151f!important}
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover,
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover{
  background:rgba(212,21,31,.12)!important;color:#d4151f!important}
/* barrinha lateral do hover removida */
html body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item::before{display:none!important}

/* ---------- v136: menu abre ABAIXO do botão (animação sem transform) + tema claro mais vivo ---------- */
@keyframes frpMenuIn{from{opacity:0;translate:0 -8px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes frpItemIn{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
html .customer-auth-menu.show{animation:frpMenuIn .22s cubic-bezier(.2,.8,.2,1) backwards!important}
html .customer-auth-menu.show > li{animation:frpItemIn .28s cubic-bezier(.2,.8,.2,1) backwards!important}

/* tema claro */
html.frp-day .customer-auth-menu{
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#d4151f,#d4151f 50%,#d4151f) border-box!important;
  border:2px solid transparent!important;
  box-shadow:0 24px 48px -14px rgba(212,21,31,.38),0 0 0 4px rgba(212,21,31,.07)!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item{
  color:#1a1210!important;font-weight:750!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{
  --frp-accent-3:#d4151f;filter:drop-shadow(0 3px 4px rgba(212,21,31,.35))}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{
  background:linear-gradient(90deg,rgba(212,21,31,.18),rgba(212,21,31,.03))!important;color:#d4151f!important;
  box-shadow:inset 3px 0 0 #d4151f!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover i{transform:scale(1.18)!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger{color:#d4151f!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(212,21,31,.8)!important}
html.frp-day body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover i{--frp-accent-3:#fff;filter:none}

/* ---------- v137: mesmo efeito do tema claro, no tema escuro ---------- */
html:not(.frp-day) .customer-auth-menu{
  background:linear-gradient(#120b0e,#120b0e) padding-box,linear-gradient(135deg,#d4151f,#d4151f 50%,#d4151f) border-box!important;
  border:2px solid transparent!important;
  box-shadow:0 24px 48px -14px rgba(0,0,0,.85),0 0 34px -8px rgba(212,21,31,.5),0 0 0 4px rgba(212,21,31,.08)!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item{
  color:#fff!important;font-weight:750!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item i{
  --frp-accent-3:#d4151f;filter:drop-shadow(0 3px 5px rgba(212,21,31,.55))}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover{
  background:linear-gradient(90deg,rgba(212,21,31,.26),rgba(212,21,31,.04))!important;color:#d4151f!important;
  box-shadow:inset 3px 0 0 #d4151f!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item:hover i{transform:scale(1.18)!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger{color:#d4151f!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(212,21,31,.9)!important}
html:not(.frp-day) body .customer-header-auth .dropdown-menu.customer-auth-menu .dropdown-item.bg-light-danger:hover i{--frp-accent-3:#fff;filter:none}

/* ---------- v138: barra de busca e card do cliente idênticos (altura, borda, fundo, efeitos) ---------- */
@media (min-width:1500px){
  html body #frp-search input,
  html body .customer-header-auth > .btn.rounded-2{
    height:44px!important;box-sizing:border-box!important;border:1.5px solid rgba(212,21,31,.6)!important;border-radius:24px!important;
    background:#0f0a0c!important;box-shadow:0 0 0 0 rgba(212,21,31,0),0 8px 20px -14px rgba(212,21,31,.5)!important;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
  html body #frp-search input:hover,
  html body .customer-header-auth > .btn.rounded-2:hover,
  html body .customer-header-auth.show > .btn.rounded-2{
    border-color:#d4151f!important;transform:translateY(-1px);
    box-shadow:0 0 0 3px rgba(212,21,31,.18),0 12px 24px -12px rgba(212,21,31,.8)!important}
  html body #frp-search input:focus{
    border-color:#d4151f!important;background:#0f0a0c!important;
    box-shadow:0 0 0 3px rgba(212,21,31,.28),0 12px 24px -12px rgba(212,21,31,.9)!important}
  html.frp-day body #frp-search input,
  html.frp-day body .customer-header-auth > .btn.rounded-2{
    background:#fff!important;border-color:rgba(212,21,31,.65)!important;
    box-shadow:0 8px 20px -14px rgba(212,21,31,.5)!important}
  html.frp-day body #frp-search input:hover,
  html.frp-day body .customer-header-auth > .btn.rounded-2:hover,
  html.frp-day body .customer-header-auth.show > .btn.rounded-2,
  html.frp-day body #frp-search input:focus{
    border-color:#d4151f!important;background:#fff!important;
    box-shadow:0 0 0 3px rgba(212,21,31,.16),0 12px 24px -12px rgba(212,21,31,.6)!important}
}

/* ---------- v139: card do cliente reorganizado (avatar | SALDO + valor | seta) ---------- */
html body .customer-header-auth > .btn.rounded-2{justify-content:flex-start!important;gap:0!important;padding:0 6px 0 0!important}
html body .customer-header-auth > .btn > .rounded-circle{width:34px!important;height:34px!important;margin-left:6px!important;flex:none}
html body .customer-header-auth > .btn > div:nth-child(4){
  flex:1;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;
  background:none!important;border-radius:0!important;padding:0!important;margin:0 0 0 12px!important;
  font-size:15px!important;font-weight:800!important;line-height:1.1;letter-spacing:.3px;color:#37e07f!important;box-shadow:none!important}
html body .customer-header-auth > .btn > div:nth-child(4)::before{
  content:"SALDO";font-size:9.5px;font-weight:700;letter-spacing:1.4px;line-height:1;margin-bottom:3px;color:rgba(255,255,255,.55)}
html.frp-day body .customer-header-auth > .btn > div:nth-child(4){color:#16803f!important;background:none!important}
html.frp-day body .customer-header-auth > .btn > div:nth-child(4)::before{color:#7a716b}
html body .customer-header-auth > .btn > div:nth-child(5){
  flex:none;width:30px;height:30px;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(212,21,31,.14);transition:background .2s ease,transform .2s ease}
html body .customer-header-auth > .btn:hover > div:nth-child(5),
html body .customer-header-auth.show > .btn > div:nth-child(5){background:rgba(212,21,31,.28)}
html.frp-day body .customer-header-auth > .btn > div:nth-child(5){background:rgba(212,21,31,.1)}
html body .customer-header-auth > .btn > div:nth-child(4){text-align:left!important;align-items:flex-start!important}

/* ---------- v140: resultados da busca com rolagem interna ---------- */
html body #frp-search-res{max-height:min(420px,68vh)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#d4151f transparent;scroll-behavior:smooth}
html body #frp-search-res::-webkit-scrollbar{width:8px}
html body #frp-search-res::-webkit-scrollbar-track{background:transparent;margin:14px 0}
html body #frp-search-res::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4151f,#d4151f);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
html body #frp-search-res::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d4151f,#d4151f);background-clip:padding-box;border:2px solid transparent}
html.frp-day body #frp-search-res{scrollbar-color:#d4151f transparent}

/* ---------- v141: efeitos do menu principal (pílulas) ---------- */
html body .nav-links > li > a{
  border-radius:999px!important;height:38px!important;margin:12px 1px!important;position:relative;
  transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important}
/* hover: pílula suave */
html body .nav-links > li > a:hover,
html body .nav-links > li.is-open > a{
  background:rgba(212,21,31,.13)!important;box-shadow:none!important;color:#d4151f!important;transform:translateY(-1px);border-radius:999px!important}
html.frp-day body .nav-links > li > a:hover,
html.frp-day body .nav-links > li.is-open > a{
  background:rgba(212,21,31,.09)!important;color:#d4151f!important;box-shadow:none!important;border-radius:999px!important}
html body .nav-links > li > a:hover i{transform:scale(1.15) rotate(-6deg)}
/* ativo: pílula vermelha cheia */
html body .nav-links > li.active > a,
html body .nav-links > li > a.active,
html body .nav-links > li > a[aria-current],
html.frp-day body .nav-links > li.active > a,
html.frp-day body .nav-links > li > a.active,
html.frp-day body .nav-links > li > a[aria-current]{
  background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important;border-radius:999px!important;
  box-shadow:0 10px 20px -10px rgba(212,21,31,.9),inset 0 1px 0 rgba(255,255,255,.25)!important;transform:none}
html body .nav-links > li.active > a i,
html body .nav-links > li > a.active i,
html body .nav-links > li > a[aria-current] i{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))!important}
html body .nav-links > li.active > a:hover{filter:brightness(1.08)}

/* ---------- v143: sem marcação na página atual (só efeito ao passar o mouse) ---------- */
html body .nav-links > li.active > a:not(:hover),
html body .nav-links > li > a.active:not(:hover),
html body .nav-links > li > a[aria-current]:not(:hover),
html.frp-day body .nav-links > li.active > a:not(:hover),
html.frp-day body .nav-links > li > a.active:not(:hover),
html.frp-day body .nav-links > li > a[aria-current]:not(:hover){
  background:transparent!important;box-shadow:none!important;filter:none!important;transform:none}
html body .nav-links > li.active > a:not(:hover),html body .nav-links > li > a.active:not(:hover),html body .nav-links > li > a[aria-current]:not(:hover){color:var(--frp-text-dim2)!important}
html body .nav-links > li.active > a:not(:hover) i,
html body .nav-links > li > a.active:not(:hover) i,
html body .nav-links > li > a[aria-current]:not(:hover) i{color:var(--frp-text-dim2)!important;filter:drop-shadow(0 0 5px rgba(212,21,31,.55))!important}
html.frp-day body .nav-links > li.active > a:not(:hover) i{filter:none!important}

/* ---------- v145: menu principal — barra embaixo (estilo da barra dos cards) + elevação; cores originais ---------- */
html body .nav-links > li > a,
html body .nav-links > li > a:hover,
html body .nav-links > li.is-open > a{border-radius:10px!important}
html body .nav-links > li > a{
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,color .22s ease!important}
html body .nav-links > li > a::before{
  content:"";display:block!important;position:absolute;left:8px;right:8px;bottom:0;height:4px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#d4151f,#d4151f);box-shadow:0 0 10px rgba(212,21,31,.6);
  transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
html body .nav-links > li > a:hover::before,
html body .nav-links > li.is-open > a::before{transform:scaleX(1);opacity:1}
/* elevação: só sobe e ganha sombra; texto mantém a cor normal */
html body .nav-links > li > a:hover,
html body .nav-links > li.is-open > a,
html.frp-day body .nav-links > li > a:hover,
html.frp-day body .nav-links > li.is-open > a{
  transform:translateY(-3px)!important;background:transparent!important;color:var(--frp-text-dim2)!important;
  box-shadow:0 14px 20px -14px rgba(212,21,31,.8)!important}
html.frp-day body .nav-links > li > a:hover,
html.frp-day body .nav-links > li.is-open > a{color:#29313f!important;box-shadow:0 14px 20px -14px rgba(212,21,31,.6)!important}
html body .nav-links > li > a:active{transform:translateY(-1px)!important}
/* cores originais: texto normal e ícones vermelhos em todos os itens (inclusive o da página atual) */
html body .nav-links > li > a i,
html body .nav-links > li.active > a i,
html body .nav-links > li > a:hover i,
html body .nav-links > li.active > a:hover i{color:var(--frp-accent-2)!important;transform:none}
html body .nav-links > li > a:hover i{transform:scale(1.12)}
html.frp-day body .nav-links > li.active > a:not(:hover){color:#29313f!important}

/* ---------- v146: barra de pesquisa um pouco menor (mais folga no cabeçalho) ---------- */
@media (min-width:1500px){html #frp-search{flex-basis:290px!important;min-width:230px}}
@media (min-width:1700px){html #frp-search{flex-basis:360px!important}}
@media (min-width:1850px){html #frp-search{flex-basis:420px!important}}

/* ---------- v147: barra de rolagem da busca recuada, dentro do card ---------- */
html body #frp-search-res{border-radius:22px!important;padding:10px 4px 10px 10px!important}
html body #frp-search-res::-webkit-scrollbar{width:14px}
html body #frp-search-res::-webkit-scrollbar-track{background:transparent;margin:22px 0}
html body #frp-search-res::-webkit-scrollbar-thumb,
html body #frp-search-res::-webkit-scrollbar-thumb:hover{
  border-style:solid;border-color:transparent;border-width:0 6px 0 3px;background-clip:padding-box;border-radius:10px}

/* ---------- v148: sem setinhas nas pontas da barra de rolagem ---------- */
html body #frp-search-res::-webkit-scrollbar-button{display:none!important;width:0;height:0}

/* ---------- v149: força remover setinhas (Chrome ignora ::-webkit-scrollbar quando scrollbar-width/color estão definidos) ---------- */
html body #frp-search-res,html.frp-day body #frp-search-res{scrollbar-width:auto!important;scrollbar-color:auto!important}
html body #frp-search-res::-webkit-scrollbar-button,
html body #frp-search-res::-webkit-scrollbar-button:single-button,
html body #frp-search-res::-webkit-scrollbar-button:vertical:start:decrement,
html body #frp-search-res::-webkit-scrollbar-button:vertical:end:increment,
html body #frp-search-res::-webkit-scrollbar-button:vertical:start:increment,
html body #frp-search-res::-webkit-scrollbar-button:vertical:end:decrement{
  display:none!important;width:0!important;height:0!important;background:transparent!important;background-image:none!important;border:0!important}
html body #frp-search-res::-webkit-scrollbar-corner{background:transparent!important}

/* ---------- v150: mobile — menos espaço entre a busca e os cards SFB TOOL / KAGEKEY ---------- */
@media (max-width:991px){
  html .gsm-theme-header{padding-bottom:54px!important}
  html #frp-search{bottom:7px!important}
  html #gsmtheme-content .my-4:has(.frp-tools-cards){margin-top:10px!important}
  html #gsmtheme-content .frp-tools-cards{margin-top:0!important}
}

/* ---------- v151: botões Créditos / Aluguéis / Licenças com borda vermelha ---------- */
html body #frp-dst-seg button,
html body #frp-dst-seg button.on{
  border:1.5px solid rgba(212,21,31,.6)!important;border-radius:24px!important;
  box-shadow:0 8px 18px -14px rgba(212,21,31,.6)!important;transition:border-color .2s ease,box-shadow .2s ease!important}
html body #frp-dst-seg button:hover,html body #frp-dst-seg button:focus,html body #frp-dst-seg button:active{
  border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.18),0 10px 20px -12px rgba(212,21,31,.8)!important}
html.frp-day body #frp-dst-seg button,
html.frp-day body #frp-dst-seg button.on{border:1.5px solid rgba(212,21,31,.65)!important;box-shadow:0 8px 18px -14px rgba(212,21,31,.5)!important}
html.frp-day body #frp-dst-seg button:hover,html.frp-day body #frp-dst-seg button:focus,html.frp-day body #frp-dst-seg button:active{
  border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.16),0 10px 20px -12px rgba(212,21,31,.6)!important}

/* ---------- v152: mobile — espaço entre busca e cards ainda menor (tira o padding do header do tema) ---------- */
@media (max-width:991px){
  html body header.gsm-header{padding-bottom:0!important}
  html body #gsmtheme-content .my-4:has(.frp-st){margin-top:12px!important}
  html body #gsmtheme-content .my-4 .container > div:has(> a.frp-st){margin-top:0!important}
}

/* ---------- v153: mobile — barra de pesquisa na mesma largura dos cards ---------- */
@media (max-width:991px){
  html body #frp-search{left:3px!important;right:3px!important}
}

/* ---------- v154: mobile — logo/título alinhados com os cards; botão do tema e sanduíche organizados ---------- */
@media (max-width:991px){
  html body .gsm-theme-header{padding-left:3px!important;padding-right:3px!important;align-items:center!important}
  html body .gsm-theme-header .nav-logo{flex:1 1 auto!important;min-width:0;margin-right:8px!important}
  html body .gsm-theme-header #frp-btn-tema,
  html body .gsm-theme-header .navbar-toggler{
    flex:none!important;width:40px!important;height:40px!important;min-width:40px;padding:0!important;box-sizing:border-box;
    display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;
    border:1.5px solid rgba(212,21,31,.6)!important;background:transparent!important;margin:0!important;
    box-shadow:0 8px 18px -14px rgba(212,21,31,.7)}
  html body .gsm-theme-header #frp-btn-tema{margin-right:8px!important}
  html body .gsm-theme-header .navbar-toggler:active,html body .gsm-theme-header #frp-btn-tema:active{
    border-color:#d4151f!important;box-shadow:0 0 0 3px rgba(212,21,31,.18)}
  html body .gsm-theme-header .navbar-toggler > *{margin:0!important}
  html.frp-day body .gsm-theme-header #frp-btn-tema,
  html.frp-day body .gsm-theme-header .navbar-toggler{border-color:rgba(212,21,31,.65)!important;background:#fff!important}
}

/* ---------- v157: resultados da busca — título nunca passa por baixo do preço ---------- */
html body #frp-search-res .frp-sr-it{align-items:center;min-width:0}
html body #frp-search-res .frp-sr-t{flex:1 1 0!important;min-width:0!important;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
html body #frp-search-res .frp-sr-p{flex:none!important;white-space:nowrap;margin-left:4px;font-size:11px!important;padding:4px 8px!important}
html body #frp-search-res img{flex:none!important}

/* ---------- v159: fatura (retorno do checkout) — menu do topo visível ---------- */
html body .frp-inv-bar{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;opacity:1!important}
html body .frp-inv-bar > *{border:0!important;opacity:1!important}
html body .frp-inv-nav,
html body .frp-inv-bar a,html body .frp-inv-bar button{
  display:inline-flex!important;align-items:center;gap:6px;opacity:1!important;visibility:visible!important;
  color:#fff!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;
  padding:9px 16px!important;border-radius:999px!important;border:1.5px solid rgba(212,21,31,.6)!important;
  background:#0f0a0c!important;box-shadow:0 8px 18px -14px rgba(212,21,31,.6);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
html body .frp-inv-nav:hover{border-color:#d4151f!important;transform:translateY(-1px);
  box-shadow:0 0 0 3px rgba(212,21,31,.18),0 12px 22px -12px rgba(212,21,31,.8)!important}
html body .frp-inv-print{background:linear-gradient(135deg,#d4151f,#d4151f)!important;border-color:#d4151f!important}
html body .frp-inv-nav i,html body .frp-inv-nav svg{color:inherit!important;opacity:1!important}
html.frp-day body .frp-inv-nav,html.frp-day body .frp-inv-bar a,html.frp-day body .frp-inv-bar button{
  background:#fff!important;color:#15100c!important;border-color:rgba(212,21,31,.65)!important}
html.frp-day body .frp-inv-print{background:linear-gradient(135deg,#d4151f,#d4151f)!important;color:#fff!important}

/* v160 - balão do preço 84px, sem a legenda "PREÇO" (só o valor) — tela inicial, destaques e listas */
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
html #frp-destaques .frp-dst-r .frp-dst-pr,
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{
  width:84px!important;min-width:84px!important;max-width:84px!important;
  padding:8px 4px!important;border-radius:10px!important;font-size:13px!important;font-weight:800;line-height:1.1;letter-spacing:-.2px}
html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr::before,
html #frp-destaques .frp-dst-r .frp-dst-pr::before,
html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr::before{content:none!important;display:none!important}
@media (max-width:575px){
  html #gsmtheme-content .my-4 > .container > .card.rounded-0 > .card-body > .row > [class*="col-"] > a.d-flex.frp-tile .frp-tile-pr,
  html #frp-destaques .frp-dst-r .frp-dst-pr,
  html #gsmtheme-content #service-list a.card.frp-lt .frp-lt-pr{width:80px!important;min-width:80px!important;max-width:80px!important;font-size:12.5px!important;padding:7px 3px!important}
}

/* v162 - ícone do usuário (círculo vermelho do saldo) volta a aparecer: traço branco */
html body .customer-header-auth > .btn > .rounded-circle svg,
html body .customer-header-auth > .btn > .rounded-circle svg path,
html body .customer-header-auth > .btn > .rounded-circle svg circle,
html body .customer-header-auth > .btn > .rounded-circle svg g{stroke:#fff!important;color:#fff!important}
html body .customer-header-auth > .btn > .rounded-circle i{color:#fff!important}

/* ===================== v163 - Histórico de pedidos (/my/order-history) ===================== */
/* topo: título + busca */
html body .card:has(#order-history-table){border-radius:20px!important;overflow:hidden}
html body .card:has(#order-history-table) .service-card-header{padding:18px 22px!important}
html body .card:has(#order-history-table) .service-card-header h5{font-size:15px;letter-spacing:.06em;font-weight:800}
html body .card:has(#order-history-table) .service-card-header .d-flex.gap-2{width:100%;max-width:300px}
html body #order-search{
  width:100%;height:42px;border-radius:999px!important;padding:8px 16px 8px 42px!important;font-size:14px;
  border:1.5px solid var(--frp-border)!important;background-color:var(--frp-input-bg)!important;color:var(--frp-text)!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d4151f' stroke-width='2.4' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>")!important;
  background-repeat:no-repeat!important;background-position:15px center!important;transition:border-color .2s ease,box-shadow .2s ease}
html body #order-search:focus{outline:0;border-color:#d4151f!important;box-shadow:0 0 0 4px rgba(212,21,31,.18)!important}
/* v164 - Histórico de pedidos: topo alinhado (título à esquerda, busca à direita) — vence a regra de títulos centralizados da home */
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header{
  display:block!important;text-align:left!important;padding:6px 4px 16px!important;
  border-bottom:1px solid var(--frp-border-soft)!important}
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header::after{display:none!important}
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header h5{
  flex:none!important;width:auto!important;text-align:left!important;margin:0!important;
  font-size:18px!important;letter-spacing:.06em!important;line-height:1.25!important}
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header .d-sm-flex{width:100%;gap:16px}
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header .breadcrumb{justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap}
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header .d-flex.gap-2{flex:0 0 300px;width:300px;max-width:100%}
@media (max-width:575px){
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header h5{font-size:15px!important}
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header .d-flex.gap-2{flex:1 1 auto;width:100%;margin-top:10px}
}

/* v165 - Histórico de pedidos: topo alinhado com o começo/fim dos cards de status */
#gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header{padding-left:39px!important;padding-right:39px!important}
@media (max-width:768px){
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header{padding-left:26px!important;padding-right:26px!important}
}

/* ===================== v167 - janela de detalhes do pedido (#historyHtml) ===================== */
html body #historyHtml{
  background:#d4151f!important;border:0!important;border-radius:22px!important;overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.6),0 0 0 1.5px rgba(212,21,31,.7),0 0 50px -18px rgba(212,21,31,.7)!important;
  animation:frpModalIn .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes frpModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
/* cabeçalho */
html body #historyHtml > .border-bottom{border:0!important}
html body #historyHtml .bg-primary{background:#d4151f!important;background-image:none!important}
html body #historyHtml #modalLabel{color:#fff!important;font-size:16px!important;font-weight:800!important;letter-spacing:.06em;text-shadow:none!important}
html body #historyHtml #modalLabel span{font-weight:800}
html body #historyHtml .btn-close{
  width:34px;height:34px;border-radius:50%;background-color:rgba(255,255,255,.18);opacity:1;background-size:12px;transition:background-color .2s ease,transform .2s ease}
html body #historyHtml .btn-close:hover{background-color:rgba(255,255,255,.32);transform:rotate(90deg)}
/* corpo */
html body #historyHtml .modal-body{padding:22px 24px 24px!important}
html body #historyHtml h1{font-size:16px!important;font-weight:800!important;line-height:1.4;color:var(--frp-text)!important;margin-bottom:18px!important}
html body #historyHtml .border.rounded{
  background:var(--frp-surface,#fbf3f2)!important;border:1px solid var(--frp-border-soft,rgba(212,21,31,.2))!important;border-radius:16px!important}
/* valor + status */
html body #historyHtml .modal-body > .d-flex.border{position:relative;padding-left:4px;border-left:4px solid var(--st,#d4151f)!important}
html body #historyHtml .modal-body > .d-flex.border:has(.badge.bg-success){--st:#0aa85c}
html body #historyHtml .modal-body > .d-flex.border:has(.badge.bg-danger){--st:#d4151f}
html body #historyHtml .fs-3{font-size:26px!important;font-weight:800!important;letter-spacing:-.3px;color:var(--frp-text)!important}
html body #historyHtml .badge{
  border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:700;
  --frp-success:#0aa85c;--frp-accent-2:#d4151f;box-shadow:0 10px 18px -12px var(--st,#d4151f)}
/* títulos pequenos das caixas */
html body #historyHtml h2{display:flex;align-items:center;gap:8px;color:var(--frp-text-muted,#8f8680)!important;letter-spacing:.12em!important}
html body #historyHtml h2::before{content:"";width:14px;height:3px;border-radius:2px;background:#d4151f}
html body #historyHtml .text-muted{color:var(--frp-text-muted,#8f8680)!important;font-size:12.5px}
html body #historyHtml dt.text-muted{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
/* linha do tempo */
html body #historyHtml li.border-bottom{border-color:var(--frp-border-soft,rgba(212,21,31,.2))!important}
html body #historyHtml li .text-success{color:#0aa85c!important}
/* resposta */
html body #historyHtml #replyText{
  margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--frp-modal-bg,#fff);
  border:1px dashed var(--frp-border,rgba(212,21,31,.35));border-left:3px solid #d4151f;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;line-height:1.6!important;color:var(--frp-text)!important;word-break:break-word}
html body #historyHtml #copyReply{
  border-radius:999px;padding:6px 14px;font-weight:700;border:1.5px solid #d4151f!important;color:#d4151f!important;background:transparent!important;
  transition:background .2s ease,color .2s ease,transform .15s ease}
html body #historyHtml #copyReply:hover{background:#d4151f!important;color:#fff!important}
html body #historyHtml #copyReply:active{transform:scale(.96)}
@media (max-width:767px){
  html body #historyHtml{border-radius:0!important}
  html body #historyHtml .modal-body{padding:18px 16px 22px!important}
}

/* v169 - janela do pedido: limpa (sem brilhos/sombras sobrepostos, sem blocos de cor dentro das caixas) */
html body #historyHtml{
  box-shadow:0 24px 60px -24px rgba(0,0,0,.75)!important;border:0!important;animation:none!important}
html body #historyHtml .bg-primary,html body #historyHtml > .border-bottom{background:#d4151f!important;background-image:none!important;box-shadow:none!important}
html body #historyHtml .modal-body .p-3,
html body #historyHtml .modal-body .p-3 *{background:transparent!important;box-shadow:none}
html body #historyHtml .modal-body .border.rounded,
html body #historyHtml .modal-body > .d-flex.border{background:var(--frp-surface,#fbf3f2)!important;box-shadow:none!important}
html body #historyHtml .badge{box-shadow:none!important}
html body #historyHtml #copyReply,html body #historyHtml #copyReply *{box-shadow:none!important}
html body #historyHtml #copyReply{background:transparent!important}
html body #historyHtml #copyReply:hover{background:#d4151f!important}
html body #historyHtml #replyText{background:transparent!important}


/* ===================== v175 - Histórico de pedidos: tabela refeita do zero =====================
   Sem bordas nas células (nada para sobrepor): cada pedido é um bloco preenchido, com cantos
   arredondados, uma barrinha de status por dentro e um destaque suave ao passar o mouse. */
html body .table-responsive:has(#order-history-table){padding:4px 16px 14px;overflow-x:auto}
html body #order-history-table.dataTable{
  width:100%!important;margin:0!important;background:transparent!important;
  border-collapse:separate!important;border-spacing:0 8px!important}
/* cabeçalho */
html body #order-history-table.dataTable thead tr:empty{display:none}
html body #order-history-table.dataTable thead th{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 12px!important;
  font-size:10.5px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  --frp-text:var(--frp-text-muted,#8f8680)}
html body #order-history-table.dataTable thead th::before,
html body #order-history-table.dataTable thead th::after{opacity:.35}
/* linhas */
html body #order-history-table.dataTable tbody tr{
  --card:var(--frp-surface,#170f0f);--st:#d4151f;
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
  transition:transform .2s ease,filter .2s ease}
html.frp-day body #order-history-table.dataTable tbody tr{--card:rgba(212,21,31,.05)}
html body #order-history-table.dataTable tbody tr:has(.badge.bg-success){--st:#0aa85c}
html body #order-history-table.dataTable tbody tr:has(.badge.bg-danger){--st:#d4151f}
html body #order-history-table.dataTable tbody tr:has(.badge:not(.bg-success):not(.bg-danger)){--st:#e0a000}
html body #order-history-table.dataTable tbody tr:hover{
  --card:rgba(212,21,31,.14);transform:translateY(-2px);filter:drop-shadow(0 10px 14px rgba(0,0,0,.28))}
html.frp-day body #order-history-table.dataTable tbody tr:hover{--card:rgba(212,21,31,.10);filter:drop-shadow(0 10px 14px rgba(212,21,31,.25))}
/* células: todas iguais, sem borda nem sombra */
html body #order-history-table.dataTable tbody tr > td{
  background:var(--card)!important;border:0!important;box-shadow:none!important;outline:0!important;
  padding:14px 12px!important;font-size:13.5px;vertical-align:middle;background-image:none!important}
html body #order-history-table.dataTable tbody tr > td:first-child{
  border-radius:14px 0 0 14px!important;padding-left:30px!important;
  background-image:linear-gradient(var(--st),var(--st))!important;
  background-repeat:no-repeat!important;background-size:4px 52%!important;background-position:12px center!important}
html body #order-history-table.dataTable tbody tr > td:last-child{border-radius:0 14px 14px 0!important;padding-right:18px!important}
/* selo de status */
html body #order-history-table .badge{
  max-width:116px;min-width:0;display:inline-flex!important;align-items:center;justify-content:center;gap:5px;
  border-radius:999px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700;
  --frp-success:#0aa85c;--frp-accent-2:#d4151f;box-shadow:none!important}
/* colunas */
html body #order-history-table tbody td:nth-child(2){--frp-text:#d4151f;font-weight:800;font-variant-numeric:tabular-nums}
html body #order-history-table tbody td:nth-child(3){font-size:11px;letter-spacing:.08em;--frp-text:var(--frp-text-muted,#8f8680);font-weight:700}
html body #order-history-table tbody td:nth-child(5){font-weight:800;white-space:nowrap}
html body #order-history-table tbody td:nth-child(6){font-weight:600}
html body #order-history-table tbody td:nth-child(7),html body #order-history-table tbody td:nth-child(8){--frp-text:var(--frp-text-muted,#8f8680);font-size:12.5px}
html body #order-history-table tbody td:nth-child(8){white-space:nowrap}
/* celular: cada pedido vira um card */
@media (max-width:768px){
  html body .card:has(#order-history-table) .service-card-header .d-flex.gap-2{max-width:none;margin-top:10px}
  html body .table-responsive:has(#order-history-table){padding:4px 10px 10px;overflow:visible}
  html body #order-history-table.dataTable,html body #order-history-table.dataTable tbody{display:block;width:100%!important}
  html body #order-history-table.dataTable thead{display:none}
  html body #order-history-table.dataTable tbody tr{
    display:grid;grid-template-columns:repeat(6,1fr);gap:4px 10px;align-items:center;
    margin:0 0 10px;padding:12px 14px 12px 28px;border-radius:14px;background-color:var(--card)!important;
    background-image:linear-gradient(var(--st),var(--st))!important;background-repeat:no-repeat!important;
    background-size:4px 56%!important;background-position:12px center!important}
  html body #order-history-table.dataTable tbody tr > td,
  html body #order-history-table.dataTable tbody tr > td:first-child,
  html body #order-history-table.dataTable tbody tr > td:last-child{
    display:block;padding:0!important;border-radius:0!important;background:none!important;background-image:none!important;text-align:left!important}
  html body #order-history-table.dataTable tbody tr > td:nth-child(1){grid-column:1/5;grid-row:1}
  html body #order-history-table.dataTable tbody tr > td:nth-child(2){grid-column:5/7;grid-row:1;text-align:right!important}
  html body #order-history-table.dataTable tbody tr > td:nth-child(6){grid-column:1/7;grid-row:2;margin:6px 0 2px;font-size:13.5px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(3){grid-column:1/3;grid-row:3}
  html body #order-history-table.dataTable tbody tr > td:nth-child(4){grid-column:3/4;grid-row:3;font-size:12.5px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(4)::before{content:"Qtd ";opacity:.6}
  html body #order-history-table.dataTable tbody tr > td:nth-child(5){grid-column:4/7;grid-row:3;text-align:right!important}
  html body #order-history-table.dataTable tbody tr > td:nth-child(7){grid-column:1/4;grid-row:4;font-size:11.5px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(8){grid-column:4/7;grid-row:4;text-align:right!important;font-size:11.5px}
}

/* v176 - histórico: sem as barrinhas de status nos cards */
html body #order-history-table.dataTable tbody tr > td:first-child{background-image:none!important;padding-left:18px!important}
@media (max-width:768px){
  html body #order-history-table.dataTable tbody tr{background-image:none!important;padding-left:14px!important}
}

/* v177 - histórico no celular: topo, selo e textos dos cards alinhados */
@media (max-width:768px){
  /* topo */
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header{padding-left:20px!important;padding-right:20px!important}
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header h5{
    font-size:14px!important;letter-spacing:.04em!important;line-height:1.3!important}
  #gsmtheme-content .card.rounded-0:has(#order-history-table) > .card-header .breadcrumb{font-size:12.5px;margin-top:6px!important}
  /* cards: tudo começa na mesma linha */
  html body #order-history-table.dataTable tbody tr{padding:14px 16px!important;gap:6px 10px;background-image:none!important}
  html body #order-history-table.dataTable tbody tr > td,
  html body #order-history-table.dataTable tbody tr > td:first-child,
  html body #order-history-table.dataTable tbody tr > td:last-child,
  html body #order-history-table.dataTable tbody tr:hover > td:first-child{padding:0!important;background-image:none!important}
  html body #order-history-table .badge{font-size:12px!important;padding:5px 12px!important;max-width:none;gap:5px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(2){font-size:14px}
  /* nome completo do serviço (vem do atributo title), quebrando em linhas */
  html body #order-history-table.dataTable tbody tr > td:nth-child(6){margin:8px 0 4px;font-size:14px;line-height:1.35}
  html body #order-history-table.dataTable tbody tr > td:nth-child(6) > span{display:block;font-size:0!important;line-height:0}
  html body #order-history-table.dataTable tbody tr > td:nth-child(6) > span::after{
    content:attr(title);display:block;font-size:14px;line-height:1.35;font-weight:700;white-space:normal;overflow-wrap:anywhere}
  html body #order-history-table.dataTable tbody tr > td:nth-child(3){font-size:10.5px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(5){font-size:14px}
  html body #order-history-table.dataTable tbody tr > td:nth-child(7),
  html body #order-history-table.dataTable tbody tr > td:nth-child(8){font-size:11.5px;overflow-wrap:anywhere}
  html body #order-history-table.dataTable tbody tr > td:nth-child(7) > span{display:block;font-size:0!important}
  html body #order-history-table.dataTable tbody tr > td:nth-child(7) > span::after{content:attr(title);font-size:11.5px;white-space:normal;overflow-wrap:anywhere}
  html body #order-history-table .badge{max-width:104px!important}
  html body #order-history-table.dataTable tbody tr > td:nth-child(7){grid-column:1/5}
  html body #order-history-table.dataTable tbody tr > td:nth-child(8){grid-column:5/7;font-size:11px;white-space:nowrap}
}

/* v178 - imagens: não arrastar, não selecionar, sem menu de segurar no celular (exceto QR Code/Pix) */
html body img:not([src*="qr" i]):not([src*="pix" i]):not([class*="qr" i]):not([id*="qr" i]):not([class*="pix" i]){
  -webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}