/* Home Espacial V14.20 — revisão visual, contatos, portfólio e mobile. */
/* Até sair do Hero: 100% transparente; após Hero: o mesmo vidro grafite dos cards. */
.site-header:not(.is-sticky):not(.menu-open),
.site-header:not(.is-sticky):not(.menu-open)::after{background:transparent!important;border:0!important;box-shadow:none!important}
.site-header.is-sticky::after,.site-header.menu-open::after{
  background:linear-gradient(140deg,rgba(65,67,74,.49),rgba(34,36,42,.79) 45%,rgba(20,22,28,.87));
  border-bottom:1px solid rgba(236,242,250,.16);
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 12px 34px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.10);
}
/* Nenhum rótulo sobrepõe as capturas dos projetos. */
.aa-grid-card__preview-note{display:none!important}
/* Google: assinatura multicolorida oficial, sem G tipográfico. */
.review-card .google-mark{overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.84)}
.review-card .google-mark img{display:block;width:15px;height:15px;object-fit:contain}
.review-stars{display:flex;align-items:center;gap:7px;white-space:nowrap;letter-spacing:.045em}
.review-stars .review-google-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;margin-left:4px}
.review-avatar img.review-avatar__logo{padding:5px;object-fit:contain;background:#fff}
.review-avatar img[src$="ebrea.png"]{object-fit:contain!important;padding:3px!important;background:#fff}
.review-source{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.review-source .button{display:inline-flex;align-items:center;gap:9px;min-width:0;flex:0 1 auto}
.review-source .button .fi{font-size:16px;line-height:1}
.review-google-button{background:rgba(42,44,50,.7);color:#f5f8fc!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.19)}
.review-google-button>img{width:20px;height:20px;display:block;flex:0 0 20px}
/* FAQ desktop 2×5: cada coluna independente. */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3.8vw,56px);align-items:start}
.faq-column{min-width:0}
.faq-column details{border-top:1px solid rgba(196,218,233,.2)}
.faq-column details:last-child{border-bottom:1px solid rgba(196,218,233,.2)}
.faq-column summary{min-height:79px;font-size:clamp(15px,1.2vw,18px);gap:12px}
.faq-question{display:flex;align-items:center;gap:12px;min-width:0;line-height:1.4;flex:1}
.faq-question .fi{display:inline-flex;flex:0 0 15px;color:#55c9f3;font-size:17px}
.faq-column summary .faq-expand{flex:0 0 20px;color:#69d9ff;font-size:22px}
.faq-column details p{font-size:clamp(13px,1vw,15px);padding:0 15px 0 27px;line-height:1.75}
/* CTA: ícone original da marca muito discreto, atrás da composição. */
.final-cta::after{content:none!important;display:none!important}
.final-cta-favicon{position:absolute;z-index:0;right:9%;top:50%;transform:translateY(-50%);width:clamp(120px,15vw,230px);height:auto;object-fit:contain;opacity:.075;filter:grayscale(1) brightness(2);pointer-events:none;user-select:none}
.final-cta>div,.final-cta>.button{position:relative;z-index:2}
/* Footer: logo 50% menor, links com ícones e copyright centralizado. */
footer .footer-grid{grid-template-columns:1.25fr .85fr 1.4fr 1fr;gap:clamp(22px,2.8vw,50px)}
footer .footer-grid>div:first-child>img{width:105px!important;max-width:105px!important;height:auto!important;max-height:none!important;object-fit:contain;object-position:left}
footer .footer-grid a{display:flex;align-items:flex-start;gap:10px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}
footer .footer-grid a .fi,footer .footer-grid p .fi{display:inline-flex;flex:0 0 16px;color:#60cdeb;font-size:15px;margin-top:2px}
footer .footer-grid p .fi{margin-right:5px}
footer .footer-grid .footer-social-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;color:#60cdeb;margin-top:2px}
footer .footer-bottom{display:flex;justify-content:center;align-items:center;position:relative;min-height:45px;text-align:center}
footer .footer-bottom>a{position:absolute;right:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
footer .footer-bottom>a .fi{font-size:15px}
@media(max-width:1100px){footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}}
@media(max-width:760px){
 .faq-grid{grid-template-columns:1fr;gap:0}
 .faq-column summary{min-height:72px;font-size:16px}
 .faq-column details p{font-size:14px}
 .faq-column:first-child details:last-child{border-bottom:0}
 .review-source{flex-direction:column;align-items:stretch;gap:10px}
 .review-source .button{width:100%!important;max-width:none!important;justify-content:center;padding:13px 15px;white-space:normal;text-align:center}
 .final-cta-favicon{right:4%;top:auto;bottom:4%;transform:none;width:116px;opacity:.065}
 footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
 footer .footer-bottom{padding-bottom:24px;flex-direction:column;gap:8px}
 footer .footer-bottom>a{position:static;right:auto;justify-content:center}
}
@media(max-width:480px){
 .faq-column summary{font-size:15px;gap:10px}
 .faq-question{gap:7px}
 footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 footer .footer-grid>div{min-width:0}
 footer .footer-grid>div:first-child>img{width:105px!important;max-width:105px!important}
 footer .footer-grid a{font-size:13px}
 footer .footer-bottom{font-size:11px;line-height:1.6}
 .review-card .review-stars .review-google-icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.site-header::after{transition:none!important}}
/* Corrige a herança do giro dos spans de FAQ do CSS legado. */
.faq-column details summary .faq-question,
.faq-column details[open] summary .faq-question{transform:none!important;color:#f2f7fb}
.faq-column details summary .faq-question>.fi{transform:none!important}
.faq-column details[open] summary .faq-expand{transform:rotate(45deg)}

/* Ícones independentes de CDN no rodapé, FAQ e botões de avaliação. */
.aa-ui-icon{display:inline-block;width:17px;height:17px;flex:0 0 17px;vertical-align:middle;color:currentColor}
.footer-grid .aa-ui-icon{color:#60cdeb;margin-top:2px}
.faq-question>.aa-ui-icon{width:15px;height:15px;flex-basis:15px;color:#55c9f3}
.review-source .aa-ui-icon{width:18px;height:18px;flex-basis:18px}
.footer-bottom .aa-ui-icon{width:16px;height:16px}
@media(max-width:480px){.footer-grid .aa-ui-icon{flex-basis:17px}}

/* V14.21 — ajuste fino dos logos/favicons nas avaliações */
.review-card .review-avatar{overflow:hidden}
.review-card .review-avatar .review-avatar__asset{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:76%;
  height:76%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  background:transparent;
  z-index:1;
}
.review-card .review-avatar .review-avatar__asset--wide{
  width:82%;
  height:56%;
}
.review-card .review-avatar .review-avatar__asset--4k{
  width:70%;
  height:50%;
  transform:translate(-48%,-50%);
}
.review-card .review-avatar .review-avatar__asset--acp{
  width:72%;
  height:48%;
  transform:translate(-49%,-50%);
}
.review-card .review-avatar .review-avatar__asset--symbol{
  width:70%;
  height:70%;
}
.review-card .review-avatar .review-avatar__asset--ebrea{
  width:64%;
  height:64%;
  padding:0;
  background:#fff;
  border-radius:50%;
  box-shadow:0 0 0 2px rgba(255,255,255,.92);
}