/* Design system Mayara Paccola · v1 · camada aplicada sobre as páginas do ecossistema.
   Fonte da verdade: wedona.com.br/mayara-design. Regras: cantos vivos (4px), nada de sombra em linho ou marsala,
   bloco se separa por degrau de tom + filete dourado, dourado claro #E3C78F sempre em negrito sobre escuro,
   rótulo em caixa alta sans, botão cápsula caixa alta, selo e monograma assinam. */
:root{--dourado-claro:#E3C78F;--vazio-2:#F4F0E8;--fio:#F4F0E8;--linho-3:#EDE7DC;--marsala-2:#8A3A49;--marsala-3:#8A3A49}

/* ---------- cantos e sombras ---------- */
.card,.pcard,.proc,.pil,.degrau,.no,details,.authority-card,.oferta-card,.step,.apply,.quatro-card,.testimonial-card,.module-card,
.board-wrap,.banner .foto,.oque-photo,.como-photo,.may-photo,.criadora .foto,.res,.bio-photo,.player-slot,.difficult-box,.timeline-card,
.bonus-card,.hero-photo img,.authority-photo,.img-wrap,.difficult-box,.testimonial-card img{border-radius:4px!important;box-shadow:none!important}
.offer-card{border-radius:8px!important;box-shadow:none!important}
.card:hover,.pcard:hover,.testimonial-card:hover,.module-card:hover,details[open],.aba.ativa,nav.solid,header.loja,
.btn:hover,.btn-cta:hover,.loja-cta:hover,.pcard .comprar:hover,.banner .btn:hover,.degrau:hover,.proc:hover{box-shadow:none!important}
header.loja{border-bottom:1px solid var(--linho-3)}
.avatar,.timeline-num,.check-item .icon,.guarantee-badge,.como-list .n,.oferta-card .inc li::before,.oferta-inc li::before{box-shadow:none!important}

/* ---------- degrau de tom + filete dourado no topo ---------- */
.pcard,.pil,.proc,.degrau,details,.authority-card,.card,.testimonial-card,.module-card,.timeline-card,.bonus-card{
  background:var(--vazio-2)!important;border:0!important;border-top:1px solid var(--dourado)!important}
.proc.destaque,.degrau.premium,.difficult-box,.oferta-card,.card.escuro{background:var(--marsala)!important;border-top:1px solid var(--dourado-claro)!important}
.step,.apply,.quatro-card{background:rgba(34,30,28,.22)!important;border:0!important;border-top:1px solid var(--dourado-claro)!important}
.no{border-top:1px solid var(--dourado)!important}
.no.nota{border:1.6px dashed var(--dourado)!important;background:none!important}

/* ---------- rótulo: caixa alta sans, dourado, negrito ---------- */
.hero .kicker,.banner .kicker,.topo .kicker{font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif!important;font-style:normal!important;
  font-weight:700!important;font-size:12px!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:var(--dourado-claro)!important;display:block;margin-bottom:14px}
.section-label,#authority .label,.kicker{background:transparent!important;color:var(--dourado)!important;padding:0!important;
  letter-spacing:.28em!important;font-size:11.5px!important;font-weight:700!important;text-transform:uppercase!important;border-radius:0!important}
.dark .kicker,.hero .kicker,.reframe .kicker,.metodo .kicker,.conduz .kicker,.criadora .kicker,.frase .kicker{color:var(--dourado-claro)!important}
.eyebrow,.pcard .cat,.no .tag,.degrau .col h3,.pilar .tag,.timeline-card .days,.offer-card .offer-label,.authority-nome .autora,.may-block .role,
.hero .stats span,.benef span{font-weight:700!important;letter-spacing:.26em!important}
.may-block .role,.authority-nome .autora,.hero .stats span,.oferta-card .scar,.hero-note{color:var(--dourado-claro)!important;font-weight:700!important}

/* ---------- números e anéis: Cormorant redonda, nunca itálica ---------- */
.pil .n,.card .n,.pilar .idx,.degrau .cab .num,.proc .n,.step .n,.como-list .n,.selo4d,.timeline-num{font-style:normal!important;font-weight:400!important}
.selo4d{border:1px solid var(--dourado-claro)!important}

/* ---------- botões: cápsula, caixa alta, tracking ---------- */
.btn,.btn-cta,.loja-cta,.nav-cta,.pcard .comprar,.banner .btn,.nav-in a,.aba,.card.forte,.guarantee-badge{
  border-radius:999px!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:600!important;
  font-size:13.5px!important;font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif!important;transition:transform .2s cubic-bezier(.32,.72,0,1)}
.btn:hover,.btn-cta:hover,.loja-cta:hover,.nav-cta:hover,.pcard .comprar:hover,.banner .btn:hover{transform:translateY(-2px);background:var(--marsala)!important}
.banner .btn,.nav-cta,.nav-in a,.btn.ouro{background:var(--dourado)!important;color:var(--vazio)!important}
.banner .btn:hover,.nav-cta:hover,.btn.ouro:hover{background:var(--dourado)!important}
.guarantee-badge{font-family:'Cormorant Garamond',Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;font-size:1.05rem!important}

/* ---------- marca: monograma no alto, selo no pé ---------- */
.ds-marca{position:absolute;top:22px;left:24px;z-index:5;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--vazio)}
.ds-marca svg{width:34px;height:34px}
.ds-marca span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:14px;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.ds-marca.escura{color:var(--marsala)}
.hero,.topo,#hero{position:relative}
.ds-selo{display:flex;justify-content:center;margin:0 auto 22px}
.ds-selo svg{width:72px;height:72px}
.ds-mono-in{display:inline-block;width:1.6em;height:1.6em;vertical-align:middle;margin-right:.45em}
.logo .mono{background:transparent!important;color:var(--marsala)!important;width:auto!important;height:auto!important;display:inline-flex!important}
.logo .mono svg{width:34px;height:34px}
footer .fname{margin-top:0}

/* ---------- linho no lugar de branco ---------- */
.card .txt b,.card b{color:inherit}

/* ---------- botão dentro de bloco marsala = dourado ---------- */
.hero .btn,.hero .btn-cta,.reframe .btn,.metodo .btn,.conduz .btn,.oferta-card .btn,.dark .btn,.criadora .btn,.frase .btn,.difficult-box .btn-cta,
.difficult-box .btn,.topo .btn,.proc.destaque .btn,.degrau.premium .btn,.oferta-card .btn-cta,#offer .dark .btn-cta,.card.escuro .btn{
  background:var(--dourado)!important;color:var(--vazio)!important}
.hero .btn:hover,.reframe .btn:hover,.metodo .btn:hover,.conduz .btn:hover,.oferta-card .btn:hover,.dark .btn:hover,.criadora .btn:hover,.frase .btn:hover{background:var(--dourado)!important}
