/* Seções Objetivos, Produção rápida, Contato, Trabalhe conosco e depoimentos. */
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.followup{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.goal{padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#11101b,#171326);transition:.25s}
.goal:hover{transform:translateY(-4px);border-color:#9b5cff;box-shadow:0 15px 50px rgba(155,92,255,.13)}
.goal b{font-size:11px;letter-spacing:2px;color:#b68aff}
.goal h3{font-family:'Space Grotesk',sans-serif;font-size:24px;margin:18px 0 10px}
.goal p{color:var(--muted);line-height:1.7;margin:0}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px}
.testimonial{margin:0;padding:28px;border:1px solid #3a2f52;background:linear-gradient(145deg,#161226,#0c0a14);display:flex;flex-direction:column;gap:18px}
.testimonial .stars{color:#d67aff;letter-spacing:3px}
.testimonial blockquote{margin:0;font-size:17px;line-height:1.7;color:#e7e1f5}
.testimonial figcaption b{display:block;font-family:'Space Grotesk',sans-serif}
.testimonial figcaption span{font-size:12px;color:#9e8bb8}
.contact-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.contact-link{min-width:200px;padding:18px 22px;border:1px solid var(--line);background:#11101b;text-align:left;transition:.25s}
.contact-link:hover{border-color:#9b5cff;transform:translateY(-3px)}
.contact-link b{display:block;font-size:10px;letter-spacing:2px;color:#b68aff;text-transform:uppercase;margin-bottom:6px}
.foot-links{display:flex;gap:22px}
@media(max-width:900px){.goals,.testimonials{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.goals,.testimonials,.followup{grid-template-columns:1fr}.contact-link{width:100%}}
@media(min-width:901px){.links{gap:22px}}

/* Vitrine da tela inicial */
.showcase{padding-top:90px}
.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.showcase-card{border:1px solid var(--line);background:#0b0b16;display:flex;flex-direction:column;overflow:hidden;transition:.25s}
.showcase-card:hover{transform:translateY(-4px);border-color:#4d6bff}
.showcase-media{position:relative;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#3d6bff55,transparent 60%),radial-gradient(circle at 80% 90%,#a64dff55,transparent 55%),#0a0b1c}
.showcase-media:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8fa8ff30 1.2px,transparent 1.4px);background-size:12px 12px}
.showcase-fallback{position:relative;font-size:54px;filter:drop-shadow(0 0 20px #3d6bff88)}
.showcase-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase-media.has-photo .showcase-fallback{display:none}
.showcase-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#030308e6)}
.showcase-tag{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:end;gap:10px}
.showcase-tag b{font-family:'Space Grotesk',sans-serif;font-size:20px}
.showcase-tag span{font-size:10px;letter-spacing:2px;padding:5px 8px;border:1px solid #4d6bff;color:#c9d3ff;background:#03030899}
.showcase-chat{padding:18px 16px 20px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:88%;padding:10px 13px;border-radius:14px;opacity:0;animation:bubbleIn .5s ease forwards}
.bubble small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.75;margin-bottom:3px}
.bubble p{margin:0;font-size:14px;line-height:1.45}
.bubble.left{align-self:flex-start;background:#161a3a;border:1px solid #2a3170;border-bottom-left-radius:3px}
.bubble.right{align-self:flex-end;background:linear-gradient(135deg,#3d6bff,#8a4dff);color:#fff;border-bottom-right-radius:3px}
@keyframes bubbleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.bubble{animation:none;opacity:1}}
@media(max-width:1000px){.showcase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.showcase-grid{grid-template-columns:1fr}}
[hidden]{display:none!important}
