/* O mesmo material de vidro, ajustado às superfícies claras e azuis. */
:root {
  --glass-light: rgba(255, 255, 255, .64);
  --glass-edge: rgba(255, 255, 255, .88);
  --glass-shadow: 0 12px 30px rgba(6, 43, 96, .055), inset 0 1px 0 rgba(255, 255, 255, .7);
}

.reflection-note,
.author-story,
.delivery,
.testimonial,
.video-story,
.offer-qualification,
.faq-list details {
  background: var(--glass-light);
  border: 1px solid var(--glass-edge);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
  box-shadow: var(--glass-shadow);
}

/* Um pouco mais de cobertura sobre as fotos mantém os textos legíveis. */
.reflection-note,
.author-story {
  background: rgba(255, 255, 255, .8);
  border-color: rgba(255, 255, 255, .7);
  box-shadow: 0 14px 35px rgba(6, 43, 96, .08), inset 0 1px 0 rgba(255, 255, 255, .75);
}
.reflection-note p,
.author-story span,
.author-story p { color: #29415e; }
.author-story b { color: #873c0c; }

.delivery-bonus {
  background: rgba(255, 246, 235, .68);
  border-color: rgba(223, 157, 98, .34);
}
.bonus-label {
  background: rgba(255, 255, 255, .36);
  border-color: rgba(223, 157, 98, .4);
}

.method-grid article {
  background: rgba(255, 255, 255, .085);
  border-color: rgba(255, 255, 255, .2);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
  box-shadow: 0 12px 28px rgba(0, 12, 29, .12), inset 0 1px 0 rgba(255, 255, 255, .045);
}

.price-card {
  background: radial-gradient(ellipse at 0 55%,#123c64 0,transparent 48%),var(--deep);
  border: 1px solid rgba(255, 255, 255, .24);
  border-top: 4px solid var(--orange);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  box-shadow: 0 22px 50px rgba(6, 43, 96, .14), inset 0 1px 0 rgba(255, 255, 255, .08);
}
.price-top > span:last-child {
  background: rgba(255, 255, 255, .055);
  border-color: rgba(255, 255, 255, .25);
}

.faq-list summary:hover { background: rgba(255, 255, 255, .3); }
.faq-list details[open] {
  background: rgba(255, 255, 255, .78);
  border-color: rgba(98, 131, 165, .42);
}
.mobile-offer {
  background: rgba(255, 255, 255, .9);
  border-top-color: rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  box-shadow: 0 -5px 25px rgba(6, 43, 96, .07);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .reflection-note, .author-story, .delivery, .testimonial,
  .video-story, .offer-qualification, .faq-list details, .mobile-offer {
    background: #f7fafc;
    border-color: #dce4ec;
  }
  .delivery-bonus { background: #fffbf6; }
  .method-grid article { background: #17324f; }
  .price-card { background: var(--deep); }
}
@media (prefers-reduced-transparency: reduce) {
  .reflection-note, .author-story, .delivery, .testimonial,
  .video-story, .offer-qualification, .faq-list details, .mobile-offer {
    background: #f7fafc;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: #dce4ec;
  }
  .delivery-bonus { background: #fffbf6; }
  .method-grid article { background: #17324f; }
  .price-card { background: var(--deep); }
}