/* ============================================================
   ARTE VISUAL JMZ - Catálogo integrado
   Version: v2026.06.18.08-catalogo-assets-sync
   ============================================================ */

body.catalog-integrated-page{
  background:#000;
  color:var(--cream,#E8DABF);
}

.catalog-page-main{
  background:#000;
  min-height:100vh;
  overflow:hidden;
}

.catalog-hero{
  position:relative;
  isolation:isolate;
  padding:138px 0 34px;
  background:#000;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:center;
}

.catalog-hero::before{
  content:"";
  position:absolute;
  inset:auto -16% -42% auto;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,33,27,.25),rgba(237,33,27,.06) 48%,transparent 72%);
  filter:blur(44px);
  pointer-events:none;
  z-index:-1;
}

.catalog-hero__inner{
  max-width:760px;
}

.catalog-hero h1{
  margin:0 auto;
  font-family:var(--ff-disp,"Rajdhani",Arial,sans-serif);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.015em;
  font-size:clamp(2.15rem,5.3vw,4.2rem);
  line-height:.95;
  color:var(--cream,#E8DABF);
}

.catalog-hero p{
  max-width:560px;
  margin:14px auto 0;
  font-size:1rem;
  font-weight:600;
  color:rgba(232,218,191,.72);
}

.catalog-hero__actions{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.catalogo-wrap{
  position:relative;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:18px 0 58px;
  background:#000;
  overflow:hidden;
}

.catalogo-embed-shell,
#catalogo-embed{
  width:100%;
  max-width:100%;
  min-height:650px;
  background:#000;
  color:#fff;
  overflow:hidden;
}

#catalogo-embed .cat-main,
#catalogo-embed .embedshop-section,
#catalogo-embed #catalogo,
#catalogo-embed .catalogo{
  background:#000 !important;
}

.cat-noscript{
  max-width:720px;
  margin:24px auto;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  text-align:center;
  font-weight:700;
  color:#fff;
  background:#050505;
}

.cat-noscript a{
  color:var(--red-2,#FF342B);
  text-decoration:underline;
}

@media (max-width:760px){
  .catalog-hero{
    padding:108px 16px 24px;
  }
  .catalog-hero h1{
    font-size:clamp(2rem,10vw,2.85rem);
  }
  .catalog-hero p{
    font-size:.94rem;
  }
  .catalog-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    max-width:360px;
    margin-left:auto;
    margin-right:auto;
  }
  .catalog-hero__actions .btn{
    width:100%;
  }
  .catalogo-wrap{
    padding-top:8px;
    padding-bottom:38px;
  }
  .catalogo-embed-shell,
  #catalogo-embed{
    min-height:720px;
  }
}