:root{
  --navy:#082d4d;
  --navy-2:#0a3c63;
  --teal:#0d8f89;
  --teal-2:#0a716d;
  --gold:#e8ad23;
  --paper:#f7fafb;
  --ink:#102a3e;
  --muted:#607487;
  --line:rgba(8,45,77,.10);
  --shadow:0 24px 70px rgba(8,45,77,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 5% 8%,rgba(13,143,137,.10),transparent 28%),
    radial-gradient(circle at 95% 18%,rgba(232,173,35,.12),transparent 26%),
    linear-gradient(180deg,#f9fbfc 0%,#eef5f7 48%,#f8f6ef 100%);
  padding:28px 14px 40px;
  overflow-x:hidden;
}
a{color:inherit}
button{font:inherit}
.ambient{position:fixed;border-radius:999px;filter:blur(2px);opacity:.35;pointer-events:none;z-index:-1}
.ambient-a{width:360px;height:360px;background:rgba(13,143,137,.18);left:-190px;top:120px}
.ambient-b{width:300px;height:300px;background:rgba(232,173,35,.15);right:-160px;top:370px}
.ambient-c{width:260px;height:260px;background:rgba(8,45,77,.10);left:50%;bottom:-160px;transform:translateX(-50%)}
.page-shell{width:min(100%,620px);margin:0 auto;display:grid;gap:16px}
.profile-card,.links-panel,.footer-card{border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}
.profile-card{position:relative;min-height:410px;border-radius:30px;overflow:hidden;background:var(--navy)}
.hero-photo{position:absolute;inset:0;background:url('/assets/images/comunidade-geracoes.webp') center 42%/cover no-repeat;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,32,53,.02) 0%,rgba(5,32,53,.15) 48%,rgba(5,32,53,.91) 100%)}
.profile-content{position:relative;z-index:2;min-height:410px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.brand-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.logo-wrap{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:11px 15px;box-shadow:0 10px 28px rgba(4,28,47,.16)}
.logo-wrap img{display:block;width:135px;height:auto}
.share-button{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(8,45,77,.76);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(2,23,39,.22);transition:.2s}
.share-button:hover{transform:translateY(-2px);background:rgba(13,143,137,.9)}
.share-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.identity{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.22)}
.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;margin:0 0 10px;color:#ffe3a0}
.identity h1{font-size:clamp(34px,8vw,52px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:520px}
.identity h1 span{color:#61d1c8}
.purpose{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0 0;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;color:rgba(255,255,255,.82)}
.purpose i{width:4px;height:4px;border-radius:50%;background:var(--gold);display:inline-block}
.links-panel{border-radius:30px;padding:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}
.section-intro{display:flex;align-items:center;gap:9px;padding:4px 6px 14px;color:#486173;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.section-intro p{margin:0}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#16a36a;box-shadow:0 0 0 0 rgba(22,163,106,.35);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(22,163,106,0)}100%{box-shadow:0 0 0 0 rgba(22,163,106,0)}}
.links-list{display:grid;gap:10px}
.link-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:10px 14px 10px 10px;border-radius:18px;text-decoration:none;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(8,45,77,.06);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.link-card:hover,.link-card:focus-visible{transform:translateY(-2px);box-shadow:0 13px 30px rgba(8,45,77,.12);border-color:rgba(8,45,77,.2);outline:none}
.link-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,#082d4d)}
.icon-box{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--accent,#082d4d);box-shadow:0 8px 20px rgba(8,45,77,.18)}
.icon-box svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.link-card.facebook .icon-box svg,.link-card.linkedin .icon-box svg,.link-card.youtube .icon-box svg{fill:currentColor;stroke:none}
.link-copy{display:flex;flex-direction:column;min-width:0;gap:3px}
.link-copy strong{font-size:16px;line-height:1.05;color:#0b2f4f}
.link-copy small{font-size:12px;color:#63798b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arrow{font-size:29px;line-height:1;color:#72879a;margin-left:2px}
.badge{position:absolute;right:36px;top:9px;background:rgba(22,163,106,.10);color:#0c7c50;border:1px solid rgba(22,163,106,.18);padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em}
.site{--accent:#0a3c63}
.whatsapp{--accent:#18a85f}
.whatsapp.featured{background:linear-gradient(135deg,#fff 0%,#f4fff8 100%);border-color:rgba(24,168,95,.18)}
.instagram{--accent:#d62976}.instagram .icon-box{background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 49%,#6228d7 100%)}
.facebook{--accent:#1877f2}
.linkedin{--accent:#0a66c2}
.youtube{--accent:#ff0033}
.email{--accent:#d69a16}
.project-card{position:relative;min-height:310px;margin-top:16px;border-radius:24px;overflow:hidden;background:#082d4d;box-shadow:0 16px 36px rgba(8,45,77,.16)}
.project-image{position:absolute;inset:0;background:url('/assets/images/viver-infancia.webp') center 38%/cover no-repeat;transition:transform .5s ease}
.project-card:hover .project-image{transform:scale(1.025)}
.project-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,36,59,.95) 0%,rgba(5,36,59,.8) 48%,rgba(5,36,59,.25) 100%)}
.project-content{position:relative;z-index:2;min-height:310px;padding:28px 25px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;max-width:480px}
.project-kicker{font-size:10px;letter-spacing:.15em;font-weight:900;color:#ffd979;margin-bottom:8px}
.project-content h2{font-size:34px;line-height:1;margin:0 0 10px;letter-spacing:-.035em}.project-content h2 b{color:#65d4ca}
.project-content p{font-size:14px;line-height:1.5;margin:0 0 18px;color:rgba(255,255,255,.82);max-width:340px}
.project-actions{display:flex;gap:9px;flex-wrap:wrap}
.project-actions a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:900;background:#fff;color:var(--navy)}
.project-actions a+ a{background:var(--gold)}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.quick-actions a,.quick-actions button{border:1px solid var(--line);background:#f7fafb;color:#24455d;min-height:50px;border-radius:14px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer;transition:.18s}
.quick-actions a:hover,.quick-actions button:hover{background:#eef5f6;transform:translateY(-1px)}
.quick-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-card{border-radius:30px;padding:22px;background:#082d4d;color:#fff;text-align:center}
.footer-brand{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.footer-brand img{width:72px;background:#fff;border-radius:13px;padding:6px}.footer-brand div{display:flex;flex-direction:column;gap:3px}.footer-brand strong{font-size:12px}.footer-brand span{font-size:9px;color:rgba(255,255,255,.64)}
.footer-card>p{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:18px 0 13px;color:#dff8f5}
.mini-socials{display:flex;justify-content:center;gap:9px;margin:12px 0 16px}.mini-socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:900;font-size:12px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.mini-socials .ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.mini-socials .fb{background:#1877f2}.mini-socials .in{background:#0a66c2}.mini-socials .yt{background:#ff0033}.mini-socials .wa{background:#18a85f}
.footer-card>small{font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.06em}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#082d4d;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;box-shadow:0 14px 34px rgba(8,45,77,.25);opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:520px){
  body{padding:10px 9px 24px}
  .page-shell{gap:10px}.profile-card,.links-panel,.footer-card{border-radius:24px}
  .profile-card,.profile-content{min-height:390px}.profile-content{padding:16px}.logo-wrap{padding:9px 12px;border-radius:18px}.logo-wrap img{width:112px}.share-button{width:42px;height:42px}
  .identity h1{font-size:38px}.links-panel{padding:12px}.link-card{grid-template-columns:46px minmax(0,1fr) auto;min-height:68px;border-radius:16px;gap:11px}.icon-box{width:46px;height:46px;border-radius:14px}.link-copy strong{font-size:15px}.link-copy small{font-size:11px}.badge{display:none}
  .project-card,.project-content{min-height:295px}.project-content{padding:23px 18px}.project-content h2{font-size:30px}.quick-actions{grid-template-columns:1fr}.footer-card{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Google Meu Negócio — avaliação */
.review-card{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:16px;
  padding:16px 17px 16px 14px;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#fffaf1 100%);
  border:1px solid rgba(8,45,77,.10);
  box-shadow:0 12px 30px rgba(8,45,77,.09);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.review-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75% 100%);
}
.review-card:hover,.review-card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(8,45,77,.14);
  border-color:rgba(66,133,244,.25);
  outline:none;
}
.review-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:#fff;border:1px solid rgba(8,45,77,.08);box-shadow:0 8px 20px rgba(8,45,77,.08)
}
.google-g{font-size:31px;font-weight:900;line-height:1;color:#4285f4;position:relative}
.google-g:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#34a853;right:-2px;bottom:4px;box-shadow:-10px 10px 0 #fbbc05,1px 11px 0 #ea4335}
.review-copy{display:flex;flex-direction:column;min-width:0;gap:3px}
.review-copy small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8a6a16}
.review-copy strong{font-size:17px;line-height:1.1;color:#0b2f4f}
.review-copy>span:not(.review-stars){font-size:11px;line-height:1.35;color:#63798b}
.review-stars{font-size:15px;letter-spacing:.08em;color:#fbbc05;margin-top:2px}
.review-arrow{font-size:31px;line-height:1;color:#72879a}
@media(max-width:520px){
  .review-card{grid-template-columns:50px minmax(0,1fr) auto;padding:14px 13px 14px 12px;border-radius:18px;gap:11px}
  .review-icon{width:50px;height:50px;border-radius:15px}.google-g{font-size:27px}
  .review-copy strong{font-size:15px}.review-copy>span:not(.review-stars){font-size:10.5px}.review-copy small{font-size:8px}
}