/* =========================================================================
   refine.css — camada de refinamento visual sobre styles.css (Astro)
   Eleva o acabamento mantendo a identidade da marca (leãozinho / ocre-azul-blush).
   ========================================================================= */

/* --- Hero: fundo em camadas, mais profundidade --- */
.hero{
  background:
    radial-gradient(1100px 480px at 88% -12%, rgba(221,157,59,.16), transparent 60%),
    radial-gradient(820px 460px at -8% 116%, rgba(232,184,173,.20), transparent 55%),
    linear-gradient(180deg, var(--ivory), var(--cream));
}
.hero-photo{box-shadow:var(--shadow-lg), 0 0 0 10px rgba(255,255,255,.55)}

/* --- Botão primário com leve gradiente + brilho no hover --- */
.btn-primary{background:linear-gradient(135deg, var(--ochre), var(--ochre-deep))}
.btn-primary:hover{background:linear-gradient(135deg, var(--ochre-deep), #b8791f)}
.cta-actions .btn-primary,
.cta-actions .btn-primary:hover{background:#fff}

/* --- Título de seção com barrinha decorativa --- */
.section-head h2{position:relative}
.section-head h2::after{
  content:"";display:block;width:56px;height:4px;border-radius:4px;margin:.75rem auto 0;
  background:linear-gradient(90deg, var(--ochre), var(--blush));
}

/* --- Pílula de avaliação (hero / seções) --- */
.rating-pill{
  display:inline-flex;align-items:center;gap:.5em;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-pill);padding:.45em .9em;box-shadow:var(--shadow-sm);
  font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink);margin-bottom:1.1rem;
}
.rating-pill .stars-inline{display:inline-flex;color:var(--ochre)}
.rating-pill .stars-inline .ic{width:1em;height:1em}
.rating-pill b{color:var(--ochre-deep)}

/* --- Cartões de condição clicáveis (grid da home linkando para as LPs) --- */
a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column}
a.card .cond-more{
  display:inline-flex;align-items:center;gap:.35em;margin-top:auto;padding-top:.7rem;
  color:var(--blue-deep);font-family:var(--font-display);font-weight:600;font-size:.9rem;
}
a.card .cond-more .ic{width:1.05em;height:1.05em;transition:transform .2s}
a.card:hover .cond-more{color:var(--ochre-deep)}
a.card:hover .cond-more .ic{transform:translateX(4px)}

/* --- Refinos finos --- */
.card{border-color:rgba(60,55,45,.10)}
.trustbar{box-shadow:inset 0 -1px 0 var(--line)}
.faq-item{transition:box-shadow .2s, border-color .2s}
.faq-item[open]{border-color:rgba(221,157,59,.45);box-shadow:var(--shadow)}
.hero-trust li{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.35em .8em}

@media (prefers-reduced-motion:reduce){
  a.card:hover .cond-more .ic{transform:none}
}