/* Peça comercial Signo.com.br — fim dos artigos de signo. Escopo .sgad (kit zip 28).
   Versionamento por NOME DE ARQUIVO. */
/* =============================================================================
   Peça Signo.com.br · fim de texto de signo — O Segredo
   Barra compacta (~90px). Roxo #2c1550 (theme-color do Signo) + botão dourado.
   3 variantes no mesmo componente: A (botão), B (data+cidade), C (especialistas).
   Sem box-shadow. Só .sgad e filhos — não mexe em tokens do tema.
   ============================================================================= */
.sgad{
  --hff:'Outfit',system-ui,sans-serif;--bff:'Figtree',system-ui,sans-serif;
  --bg:oklch(0.985 0.003 80);--surface:#fff;--line:oklch(0.90 0.005 80);--line-strong:oklch(0.84 0.008 80);
  --ink:oklch(0.20 0.010 60);--ink-2:oklch(0.34 0.010 60);--muted:oklch(0.52 0.010 60);--soft:oklch(0.68 0.010 60);
  --sg-1:#2c1550;--sg-3:oklch(0.15 0.08 296);--sg-4:oklch(0.11 0.05 292);
  --sg-lilac:oklch(0.80 0.09 300);
  --gold:oklch(0.84 0.11 85);--gold-2:oklch(0.76 0.12 80);--gold-ink:oklch(0.30 0.08 70);
}
.sgad,.sgad *,.sgad *::before,.sgad *::after{box-sizing:border-box;}
.sgad h3{font-family:var(--hff);margin:0;}
.sgad a{text-decoration:none;color:inherit;}
.sgad button,.sgad input{font-family:var(--bff);}

/* =============================================================
   PEÇA SIGNO.COM.BR — compacta  (.sgad)   ~120px de altura
   ============================================================= */
.sgad{position:relative;overflow:hidden;border-radius:10px;color:#fff;isolation:isolate;
  display:flex;align-items:center;gap:18px;padding:16px 20px;
  background:
    radial-gradient(90% 140% at 88% 0%, oklch(0.34 0.14 305 / .8), transparent 55%),
    linear-gradient(150deg,var(--sg-1) 0%,var(--sg-3) 60%,var(--sg-4) 100%);}
.sgad::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 8% 30%,rgba(255,255,255,.9),transparent),
    radial-gradient(1px 1px at 30% 75%,rgba(255,255,255,.6),transparent),
    radial-gradient(1.2px 1.2px at 52% 20%,rgba(255,255,255,.65),transparent),
    radial-gradient(1px 1px at 70% 62%,rgba(255,255,255,.5),transparent),
    radial-gradient(1.3px 1.3px at 92% 40%,rgba(232,197,106,.75),transparent),
    radial-gradient(1px 1px at 42% 48%,rgba(232,197,106,.55),transparent);}
.sgad::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(255,255,255,.08);}
.sgad>*{position:relative;z-index:1;}

/* marca */
.sgad__mark{width:50px;height:50px;border-radius:50%;flex-shrink:0;position:relative;
  background:radial-gradient(circle at 50% 40%,rgba(232,197,106,.2),transparent 68%);border:1px solid rgba(232,197,106,.5);}
.sgad__mark::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(232,197,106,.16);}
.sgad__mark svg{position:absolute;inset:0;width:100%;height:100%;padding:11px;color:var(--gold);}

/* texto */
.sgad__c{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.sgad__k{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-lilac);display:inline-flex;align-items:center;gap:8px;}
.sgad__k b{color:var(--gold);font-weight:700;}
.sgad__k i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4);}
.sgad__c h3{font-size:17.5px;font-weight:700;color:#fff;letter-spacing:-.015em;line-height:1.25;}
.sgad__c h3 em{font-style:normal;color:var(--gold);}
.sgad__c p{font-size:13px;color:rgba(255,255,255,.72);margin:0;line-height:1.4;}

/* botão */
.sgad__go{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:6px;cursor:pointer;
  background:linear-gradient(180deg,var(--gold),var(--gold-2));color:var(--gold-ink);font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;transition:filter .15s;}
.sgad__go:hover{filter:brightness(1.06);}
.sgad__go svg{width:15px;height:15px;}

/* variante B — cidade inline */
.sgad--form{flex-wrap:wrap;}
.sgad--form .sgad__c{flex-basis:calc(100% - 68px);}
.sgad__f{display:flex;gap:8px;width:100%;margin-top:2px;}
.sgad__f input{flex:1;min-width:0;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(0,0,0,.28);padding:0 13px;font-size:14px;color:#fff;outline:0;color-scheme:dark;}
.sgad__f input::placeholder{color:rgba(255,255,255,.42);}
.sgad__f input:focus{border-color:var(--gold);}
.sgad__f input[type="date"]{flex:0 0 150px;}

/* variante C — especialistas */
.sgad__faces{display:flex;flex-shrink:0;}
.sgad__faces span{width:44px;height:44px;border-radius:50%;border:2px solid var(--sg-3);overflow:hidden;background:oklch(0.40 0.12 300);margin-left:-12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--hff);font-size:14px;font-weight:800;color:#fff;position:relative;}
.sgad__faces span:first-child{margin-left:0;}
.sgad__faces img{width:100%;height:100%;object-fit:cover;display:block;}
.sgad__faces .on{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:oklch(0.75 0.18 150);border:2px solid var(--sg-3);}

@media(max-width:640px){
  .sgad{flex-wrap:wrap;gap:12px 14px;padding:16px;}
  .sgad__c{flex-basis:calc(100% - 64px);}
  .sgad__go{width:100%;}
  .sgad__f{flex-wrap:wrap;}
  .sgad__f input,.sgad__f input[type="date"]{flex:1 1 100%;}
  .sgad__faces{order:-1;}
}

/* =============================================================================
   BLINDAGEM (16/09): a peça vai dentro de the_content e a tipografia do artigo
   (h3/p/a do corpo do texto) ganhava dos seletores do kit — título e texto
   saíam escuros sobre o roxo, botão com sublinhado. Especificidade dobrada
   (.sgad.sgad) + !important nas propriedades que o artigo costuma impor.
   ============================================================================= */
.sgad.sgad{margin:28px 0 8px!important;padding:16px 20px!important;font-family:var(--bff)!important;color:#fff!important;text-align:left!important;}
.sgad.sgad .sgad__c h3,.sgad.sgad h3{font-family:var(--hff)!important;font-size:17.5px!important;font-weight:700!important;color:#fff!important;
  letter-spacing:-.015em!important;line-height:1.25!important;margin:0!important;padding:0!important;text-transform:none!important;border:0!important;background:none!important;}
.sgad.sgad h3::before,.sgad.sgad h3::after,.sgad.sgad p::before,.sgad.sgad p::after{content:none!important;display:none!important;}
.sgad.sgad .sgad__c h3 em,.sgad.sgad h3 em{font-style:normal!important;color:var(--gold)!important;background:none!important;}
.sgad.sgad .sgad__c p,.sgad.sgad p{font-family:var(--bff)!important;font-size:13px!important;font-weight:400!important;color:rgba(255,255,255,.72)!important;
  margin:0!important;padding:0!important;line-height:1.4!important;text-indent:0!important;}
.sgad.sgad p::first-letter{font-size:inherit!important;float:none!important;margin:0!important;padding:0!important;color:inherit!important;}
.sgad.sgad .sgad__k{font-family:var(--bff)!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sg-lilac)!important;margin:0!important;}
.sgad.sgad .sgad__k b{color:var(--gold)!important;font-weight:700!important;}
.sgad.sgad a,.sgad.sgad a:hover,.sgad.sgad a:visited{text-decoration:none!important;border:0!important;box-shadow:none!important;background-image:none!important;}
.sgad.sgad a.sgad__go,.sgad.sgad button.sgad__go{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:44px!important;padding:0 20px!important;
  border:0!important;border-radius:6px!important;background-image:linear-gradient(180deg,var(--gold),var(--gold-2))!important;background-color:transparent!important;
  color:var(--gold-ink)!important;font-family:var(--bff)!important;font-size:14px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.01em!important;
  text-decoration:none!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important;margin:0!important;}
.sgad.sgad a.sgad__go:hover,.sgad.sgad button.sgad__go:hover{filter:brightness(1.06)!important;color:var(--gold-ink)!important;}
.sgad.sgad .sgad__go svg{width:15px!important;height:15px!important;display:inline-block!important;fill:none!important;stroke:currentColor!important;}
.sgad.sgad .sgad__mark svg{fill:none!important;stroke:currentColor!important;color:var(--gold)!important;}
.sgad.sgad .sgad__f input{color:#fff!important;font-family:var(--bff)!important;margin:0!important;}