/* RED BLACK V12.2 — evolução incremental da V12.1.
   Estilo de painel inspirado na organização do editor da Dona Sete, preservando cores RED BLACK. */
:root{--rb122-gold:#e7c38a;--rb122-halo:rgba(220,47,55,.18)}
body{font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{background:rgba(7,7,12,.96)!important;backdrop-filter:blur(17px);border-bottom:1px solid rgba(233,190,114,.25)!important;box-shadow:0 8px 26px #0007}
.site-header .desktop-nav{gap:clamp(8px,1.4vw,24px)}
.site-header a,.desktop-nav a,.footer a{letter-spacing:.055em!important}
.section-head h2,.section h2,.contact-head h2{letter-spacing:-.018em!important;line-height:1.13!important;overflow-wrap:anywhere}
.product-card h3,.service-card h3,.rb11-audience h3,.spotlight-card h3{letter-spacing:.005em!important;line-height:1.24!important}
.product-card p,.service-card p,.rb11-audience p,.spotlight-card p,.about-copy p{line-height:1.68!important;letter-spacing:.01em}
.product-card,.spotlight-card,.service-card,.rb11-audience{border-radius:20px!important;overflow:hidden;box-shadow:0 15px 40px #0005;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
.product-card:hover,.spotlight-card:hover,.service-card:hover,.rb11-audience:hover{transform:translateY(-5px);box-shadow:0 22px 55px #0009,0 0 25px var(--rb122-halo)}
.product-card .product-media{position:relative;min-height:185px;overflow:hidden}
.rb122-motion-card{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.94;transition:transform .55s ease,opacity .35s}
.product-card:hover .rb122-motion-card,.spotlight-card:hover .rb122-spotlight-motion{transform:scale(1.035)}
.product-media .poster-background{z-index:1}
.product-media .product-glyph{opacity:.22;position:relative;z-index:2}
.product-media .product-badge,.product-media .product-view{z-index:3;position:relative}
.rb122-service-motion{display:block!important;order:-1;width:100%;height:150px;object-fit:cover;border-radius:14px;margin:0 0 12px!important;border:1px solid #eac17c30;opacity:.96}
.rb11-service-card{display:flex;flex-direction:column;gap:7px}
.rb11-service-card .service-label{color:#e8b975!important}
.rb122-spotlight-motion{width:100%;height:142px;object-fit:cover;display:block;border-radius:12px;margin-bottom:12px;transition:transform .45s ease}
.spotlight-card{padding-top:18px!important}
.spotlight-card span,.spotlight-card strong,.spotlight-card h3,.spotlight-card p{position:relative;z-index:1}
.rb12-area-card{border-radius:18px!important;box-shadow:inset 0 0 0 1px #e8bb6655,0 12px 36px #0008;overflow:hidden}
.rb12-area-card::before{background-position:center!important;filter:saturate(1.16)}
.shop-grid,.services-grid,.spotlight-grid{gap:clamp(14px,1.8vw,26px)!important}
.shop-group-title h3,.shop-group-title .overline,.section-head em{color:var(--gold,#d6b371)}
.shop-group-title{margin-top:20px}
/* Painel Mestre: mesmo propósito de editor organizado da Dona Sete, sem tocar no login nem nas APIs */
.admin-shell{--panel:#160f1c;--panel2:#21152b;--line:#48334e;color:#f9eff9;background:#0c0811!important}
.admin-sidebar{background:linear-gradient(160deg,#1c0f25,#0c0910 65%,#210b17)!important;border-right:1px solid #c99d5f55!important;box-shadow:8px 0 35px #0004}
.admin-sidebar .admin-logo{border-bottom:1px solid #e7bf7e55;color:#f9edf4;font-size:24px;letter-spacing:.02em}
.admin-sidebar .admin-logo span{color:#e7c38a!important}
.admin-sidebar .admin-logo small{color:#d2b8d5;letter-spacing:.2em;font-size:10px}
.admin-menu{padding:12px!important;gap:5px!important}
.admin-menu button{border:1px solid transparent!important;border-radius:12px!important;padding:12px 14px!important;color:#d7cbde!important;font-size:12px!important;font-weight:650!important;text-align:left!important;letter-spacing:.01em!important;transition:.2s ease}
.admin-menu button span{color:#e7c38a;margin-right:11px}
.admin-menu button:hover{background:#27162f!important;border-color:#d3b17155!important}
.admin-menu button.active{background:linear-gradient(105deg,#712331,#26152b)!important;border-color:#e7bd7777!important;color:white!important;box-shadow:0 5px 20px #0005}
.admin-main{background:radial-gradient(ellipse at 80% 0%,#461b3425,transparent 50%),#0e0a14!important}
.admin-topline{background:rgba(22,14,30,.97)!important;border-bottom:1px solid #e7bc7950!important;backdrop-filter:blur(12px)}
.admin-over,.admin-card-title,.admin-card h3{color:#e7c38a!important}
.admin-card,.cms-item,.media-quick-card,.admin-tip,.admin-stat{background:linear-gradient(150deg,#21152b,#170f1f)!important;border:1px solid #e2be7e32!important;border-radius:20px!important;box-shadow:0 14px 28px #0003}
.admin-card{padding:clamp(16px,2.1vw,28px)!important}
.admin-card p{line-height:1.62}
.admin-field,.admin-card label{letter-spacing:.025em;line-height:1.5}
.admin-field input,.admin-field textarea,.admin-field select,.cms-item input,.cms-item textarea{background:#0d0b15!important;border-color:#6b526b!important;border-radius:12px!important;color:white!important;min-height:42px}
.admin-field input:focus,.admin-field textarea:focus{border-color:#e7bc73!important;outline:1px solid #e7bc73aa!important}
.cms-item{overflow:hidden}
.cms-item .cms-item-buttons{gap:7px}
.admin-shell .btn-red,.admin-shell .mini-btn{border-radius:11px!important}
.admin-shell .btn-red{background:linear-gradient(120deg,#b52f40,#6f1a2b)!important;border:1px solid #e6a96880!important}
.admin-shell .mini-btn:hover{background:#5a2638!important;border-color:#d6af7a!important}
.rb122-layout-grid{display:grid;gap:10px;margin:18px 0}
.rb122-layout-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(60px,80px) auto;align-items:center;gap:12px;padding:13px;border-radius:14px;background:#0c0a14;border:1px solid #e7c38a30}
.rb122-layout-row>span{color:#e7c38a;font-size:12px}
.rb122-layout-row>div{display:flex;gap:6px;flex-wrap:wrap}
.rb122-brief-form{display:grid;gap:14px;margin-top:20px}
.rb122-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rb122-brief-form label{display:grid;gap:7px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#f5e4d8}
.rb122-brief-form :is(input,select,textarea){width:100%;min-width:0;padding:12px 13px;color:#f9f3f1;background:#19131a;border:1px solid #796066;border-radius:10px;font:500 14px system-ui,Arial,sans-serif;letter-spacing:0}
.rb122-brief-form :is(input,select,textarea):focus{outline:1px solid #e7c38a;border-color:#e7c38a}
.rb122-form-options{grid-column:1/-1;border:1px solid #62434b;padding:12px;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px}
.rb122-form-options legend{font:700 12px system-ui;color:#e5c082;padding:0 8px}
.rb122-form-options label{display:flex;align-items:center;gap:7px;min-width:fit-content;letter-spacing:0}
.rb122-form-options input,.rb122-consent input{width:17px;height:17px;accent-color:#cb313f}
.rb122-consent{display:flex!important;align-items:flex-start;gap:10px!important;letter-spacing:0!important;font-weight:500!important;line-height:1.55}
.rb122-consent input{flex-shrink:0;margin-top:3px}
.rb122-form-summary{color:#e7c38a!important;line-height:1.6}
.rb122-form-note{font-size:12px!important;color:#c8b6b9!important}
#site-modal{max-width:min(95vw,650px)!important;max-height:90dvh;overflow-y:auto}
[data-rb122-active="0"]{display:none!important}
@media(max-width:780px){.rb122-form-grid{grid-template-columns:1fr}.rb122-layout-row{grid-template-columns:1fr}.rb122-service-motion{height:130px}.rb122-spotlight-motion{height:130px}.site-header{border-bottom-color:#d7ac7650!important}.shop-grid,.services-grid{gap:14px!important}}
@media(prefers-reduced-motion:reduce){.product-card,.service-card,.spotlight-card,.rb11-audience,.rb122-motion-card{transition:none!important;animation:none!important}}
.rb122-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}
.rb122-shortcuts button{border:1px solid #be955d60;background:linear-gradient(145deg,#27172f,#151019);color:#f6e9e9;border-radius:15px;min-height:95px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer;text-align:center}
.rb122-shortcuts button span{font-size:25px;color:#e7c38a}
.rb122-shortcuts button:hover{border-color:#e7c38a;box-shadow:0 0 26px #c4324930}
@media(max-width:900px){.rb122-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* RED BLACK V12.2 — AJUSTE PONTUAL DE LEGIBILIDADE
   Sem mudanças na estrutura, navegação, cards, serviços, APIs ou dados.
   Fontes do sistema, sem CDN e sem distribuição de arquivos de fonte. */
:root{
  --body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --cond:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --muted:#c3bec6;
}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,.rb-client-body,.admin-shell{
  font-family:var(--body)!important;
  font-size:16px;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body :is(button,input,select,textarea){font-family:var(--body)}
/* Mantém a hierarquia dos títulos, retirando compressão exagerada. */
:where(h1,h2,h3,h4,h5,h6){font-family:var(--body);font-weight:800;letter-spacing:-.02em;line-height:1.17;overflow-wrap:break-word}
.hero h1{font-family:var(--body)!important;font-size:clamp(50px,6.4vw,98px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:850!important;max-width:850px}
.hero h1 em{letter-spacing:inherit!important}
.section-head h2,.about-copy h2,.contact-head h2,.section h2{
  font-family:var(--body)!important;
  font-size:clamp(34px,4.5vw,64px)!important;
  line-height:1.16!important;
  letter-spacing:-.024em!important;
  font-weight:800!important;
}
/* Cards: títulos maiores, descrições respirando e preços fáceis de ler. */
.service-card h3,.product-card h3,.spotlight-card h3,.rb11-audience h3,
.rb12-area-card strong,.rb11-service-card h3,.shop-group-title h3{
  font-family:var(--body)!important;
  letter-spacing:-.012em!important;
  line-height:1.3!important;
  overflow-wrap:break-word;
}
.service-card p,.product-card p,.spotlight-card p,.rb11-audience p,
.rb12-area-card p,.rb11-service-card p,.about-copy p,.section-head p,
.section-meta p,.admin-card p{
  font-size:max(14px, .95em);
  line-height:1.7!important;
  letter-spacing:0!important;
}
.service-label,.overline,.eyebrow,.rb11-from,.rb12-detail-price,.rb12-detail-list{
  letter-spacing:.02em!important;
  line-height:1.5!important;
}
.topbar{font-size:11px;letter-spacing:.08em;line-height:1.4}
.brand-mark,.brand-words strong,.brand-words small{font-family:var(--body)!important}
.brand-words strong{font-size:22px!important;font-weight:850;letter-spacing:-.04em!important;line-height:1.08!important}
.brand-words small{font-size:10px!important;letter-spacing:.12em!important;line-height:1.35!important}
.desktop-nav a{font-family:var(--body)!important;font-size:12px!important;letter-spacing:.01em!important;font-weight:700!important;line-height:1.4!important}
.mobile-nav a,.mobile-nav button{font-family:var(--body)!important;font-size:17px!important;line-height:1.5!important;letter-spacing:0!important}
.btn,.btn-small,.rb-client-link,.rb12-audience-action,.rb122-shortcuts button{
  font-family:var(--body)!important;
  letter-spacing:.015em!important;
  font-weight:750!important;
  line-height:1.4!important;
}
.btn{font-size:14px!important}
.btn-small{font-size:12px!important}
.rb-access-actions .rb-client-link{font-size:12px!important;letter-spacing:0!important}
/* Formulários e editor: labels e campos com legibilidade de interface. */
.admin-menu button{font-family:var(--body)!important;font-size:14px!important;line-height:1.46!important;letter-spacing:0!important}
.admin-shell :is(input,select,textarea),
.rb-client-body :is(input,select,textarea),
.rb122-brief-form :is(input,select,textarea){font-family:var(--body)!important;font-size:15px!important;line-height:1.5!important}
.admin-field,.admin-card label,.rb122-brief-form label{
  font-family:var(--body)!important;
  font-size:13px!important;
  line-height:1.52!important;
  letter-spacing:0!important;
}
.admin-shell :is(.admin-over,.admin-card-title,.admin-card h3),
.rb-client-body :is(h1,h2,h3){font-family:var(--body)!important;letter-spacing:-.016em!important;line-height:1.28!important}
.rb-client-body{font-size:16px;line-height:1.62}
.rb-client-logo strong{font-size:23px;letter-spacing:-.03em!important}
.rb-client-logo small{font-size:10px;letter-spacing:.08em!important}
.rb-client-body .rb-welcome h1{font-size:clamp(35px,5vw,66px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.rb-client-body .rb-account-switch button{font-size:15px!important}
/* Microtexto: melhora leitura sem alterar conteúdo. */
.rb122-form-note,.rb122-form-summary,.admin-tip,.rb-client-body small{
  line-height:1.55!important;
}
@media (max-width:1200px) and (min-width:861px){
  .site-header{gap:14px!important;padding-inline:2.5%!important}
  .site-header .desktop-nav{gap:clamp(5px,.7vw,11px)!important}
  .desktop-nav a{font-size:11px!important}
  .rb-access-actions .rb-client-link{font-size:11px!important}
}
@media (max-width:860px){
  .hero h1{font-size:clamp(42px,8.3vw,70px)!important;line-height:1.11!important}
  .section-head h2,.section h2,.about-copy h2,.contact-head h2{font-size:clamp(31px,7.5vw,53px)!important}
  .brand-words strong{font-size:19px!important}
  .topbar{font-size:10px}
}
@media(max-width:430px){
  .hero h1{font-size:clamp(37px,10vw,48px)!important}
  .brand-words strong{font-size:16px!important}
  .brand-words small{font-size:8px!important}
  .rb-access-actions .rb-client-link{font-size:10px!important;padding-inline:7px!important}
  .section-head h2,.section h2,.about-copy h2,.contact-head h2{font-size:clamp(30px,8vw,39px)!important}
  .admin-menu button{font-size:13px!important}
}