/* ===== Compartilhamento ===== */
.share {
  max-width: 920px;
  margin: 32px auto 12px;
  padding: 24px 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(214, 51, 108, 0.08);
  border: 1px solid rgba(214, 51, 108, 0.12);
  text-align: center;
}

.share h2 {
  font-size: 1.6rem;
  color: #d6336c; /* rosa principal */
  letter-spacing: 0.2px;
  margin-bottom: 4px;
}

.share-sub {
  color: #666;
  margin-bottom: 18px;
  font-size: 0.98rem;
}

.share-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
  justify-content: center;
}

.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
  letter-spacing: .3px;
  text-transform: none; /* “formatação das letras” mais legível */
}

.share-btn .icon { line-height: 0; display: inline-flex; }
.share-btn .label { font-size: 0.98rem; }

.share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}

.share-btn:focus-visible {
  outline: 3px solid rgba(66, 153, 225, 0.6);
  outline-offset: 2px;
}

/* Cores de cada rede */
.share-btn.whats { background: #e5f8ec; color: #128c7e; border-color: #bdeed2; }
.share-btn.whats:hover { background: #d9f4e4; }

.share-btn.face { background: #eaf2ff; color: #1877f2; border-color: #cfe2ff; }
.share-btn.face:hover { background: #e0ecff; }

.share-btn.pin { background: #ffe9ec; color: #e60023; border-color: #ffd0d6; }
.share-btn.pin:hover { background: #ffdee3; }

.share-btn.copy { background: #fff7fb; color: #b02556; border-color: #ffd3ea; }
.share-btn.copy:hover { background: #ffeff7; }

.share-note {
  margin-top: 12px;
  font-size: 0.95rem;
  color: #2f855a;
}

/* Responsivo */
@media (max-width: 900px) {
  .share-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}
@media (max-width: 480px) {
  .share-grid { grid-template-columns: 1fr; }
}

/* ===== FAQ (acordeão sem JS) ===== */
.faq {
  max-width: 920px;
  margin: 26px auto;
  padding: 10px 20px 6px;
}

.faq h2 {
  text-align: center;
  color: #d6336c;
  font-size: 1.6rem;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}

.faq-item {
  border: 1px solid rgba(214, 51, 108, 0.18);
  background: #fff;
  border-radius: 14px;
  margin: 12px 0;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(214, 51, 108, 0.06);
}

.faq-item > summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #3b3b3b;
  letter-spacing: .2px; /* leve formatação das letras */
}

.faq-item > summary::-webkit-details-marker { display: none; }

.faq-item .chev {
  width: 18px; height: 18px;
  border-right: 2px solid #d6336c;
  border-bottom: 2px solid #d6336c;
  transform: rotate(-45deg);
  transition: transform .15s ease;
}

.faq-item[open] .chev {
  transform: rotate(135deg);
}

.faq-item .q {
  font-size: 1.02rem;
}

.faq-item .a {
  padding: 0 18px 16px 18px;
  color: #4a4a4a;
  line-height: 1.75;
  font-size: 0.98rem;
  border-top: 1px dashed rgba(214, 51, 108, 0.25);
  background: linear-gradient(180deg, rgba(252,176,179,0.06), rgba(195,245,245,0.04));
}

.faq-item a {
  color: rgba(237, 84, 76, 0.996);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dashed rgba(237, 84, 76, 0.5);
}
.faq-item a:hover { opacity: .9; }

/* Acessibilidade ao focar */
.faq-item > summary:focus-visible {
  outline: 3px solid rgba(66, 153, 225, 0.6);
  outline-offset: 2px;
}

/* Micro-anim */
.faq-item { transition: box-shadow .12s ease, border-color .12s ease; }
.faq-item:hover { box-shadow: 0 6px 14px rgba(214, 51, 108, 0.08); }