/* ============================================================================
   260817 — Página de Projetos · GenerateBlocks
   ----------------------------------------------------------------------------
   CSS complementar à página de projetos montada em blocos GenerateBlocks.
   Escopado em body.hs-projetos; não vaza para outras páginas.
   ============================================================================ */

/* página limpa: sem header/footer/sidebar do GeneratePress */
body.hs-projetos{margin:0;background:linear-gradient(180deg,#5b14d2 0%,#3c0b97 100%);color:#fff;overflow-x:hidden}
body.hs-projetos #loftloader-wrapper{display:none!important}
body.hs-projetos .site-header,body.hs-projetos #masthead,body.hs-projetos .site-footer,
body.hs-projetos .footer-widgets,body.hs-projetos .generate-back-to-top,body.hs-projetos .entry-header,
body.hs-projetos .sidebar,body.hs-projetos .widget-area,body.hs-projetos #right-sidebar,
body.hs-projetos #left-sidebar{display:none!important}
body.hs-projetos #page,body.hs-projetos .site-content,body.hs-projetos #content,
body.hs-projetos .site-main,body.hs-projetos .content-area,
body.hs-projetos article.page{padding:0!important;margin:0!important;border:0!important}
body.hs-projetos .container,body.hs-projetos .site-content .container,
body.hs-projetos .inside-article{max-width:100%!important;padding:0!important;margin:0!important}
body.hs-projetos .entry-content{max-width:none!important;margin:0!important}
body.hs-projetos .content-area,body.hs-projetos .site-main,
body.hs-projetos article.page,body.hs-projetos .inside-article,
body.hs-projetos .entry-content{width:100%!important;max-width:100%!important;flex:none!important}

/* container root */
body.hs-projetos .hs-projetos-root{
  position:relative;
  width:100%;
  min-height:100svh;
  padding:6vw 4vw 8vw}

/* título */
body.hs-projetos .hs-projetos-title{
  font-family:"Antonio",sans-serif;
  font-weight:600;
  font-size:clamp(48px,8vw,120px);
  line-height:0.95;
  letter-spacing:-0.04em;
  text-transform:uppercase;
  margin:0 0 4vw;
  color:#fff}

/* grid de projetos */
body.hs-projetos .hs-projetos-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2vw;
  max-width:1320px;
  margin:0 auto}

/* card */
body.hs-projetos .hs-projetos-card{
  position:relative;
  display:block;
  aspect-ratio:3 / 4;
  border-radius:12px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  transition:transform .18s, filter .18s}
body.hs-projetos .hs-projetos-card:hover{
  transform:translateY(-6px);
  filter:drop-shadow(0 12px 26px rgba(236,15,124,.45))}

body.hs-projetos .hs-projetos-card::after{
  content:"VER PROJETO";
  position:absolute;
  top:13px;
  right:13px;
  z-index:3;
  font-family:ui-monospace,monospace;
  font-size:10px;
  letter-spacing:1px;
  color:#0e0820;
  background:rgba(95,208,230,.95);
  padding:4px 9px;
  border-radius:5px;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .18s,transform .18s;
  pointer-events:none}
body.hs-projetos .hs-projetos-card:hover::after{
  opacity:1;
  transform:none}

/* CTA final */
body.hs-projetos .hs-projetos-cta{
  text-align:center;
  padding:6vw 4vw 0;
  max-width:1320px;
  margin:0 auto}
body.hs-projetos .hs-projetos-cta h2{
  font-family:"Antonio",sans-serif;
  font-weight:600;
  font-size:clamp(32px,6vw,72px);
  line-height:1;
  letter-spacing:-0.02em;
  text-transform:uppercase;
  margin:0 0 24px;
  color:#fff}
body.hs-projetos .hs-projetos-cta .wp-block-button__link{
  background:#ec0f7c;
  border-radius:30px;
  padding:14px 28px;
  color:#fff;
  font-weight:700;
  text-decoration:none}

/* tablet */
@media (max-width:1023px){
  body.hs-projetos .hs-projetos-grid{grid-template-columns:repeat(2,1fr);gap:3vw}
  body.hs-projetos .hs-projetos-root{padding:8vw 5vw 10vw}}

/* mobile */
@media (max-width:560px){
  body.hs-projetos .hs-projetos-grid{grid-template-columns:1fr;gap:20px}
  body.hs-projetos .hs-projetos-root{padding:24px 20px 48px}}