/* Summit Rental · contato.css · carregado so nas paginas que usam este bloco */
#scc{
  --pink:#fd288d; --pink-bright:#ff4da3; --pink-soft:#ff85b8; --pp:#8a3996;
  --dk:#0a0612; --dk2:#13081a; --dk3:#06030a;
  --cream:#f5eef0; --mut:#b9a2b0; --line:rgba(245,238,240,.1);
  --disp:'Outfit', system-ui, sans-serif; --sans:'Plus Jakarta Sans', system-ui, sans-serif;
  font-family:var(--sans); color:var(--cream); -webkit-font-smoothing:antialiased; width:100%; max-width:100%; margin:0;
}
#scc *{box-sizing:border-box;}
@keyframes sccMq{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes sccShine{0%{background-position:200% 0;}100%{background-position:-60% 0;}}
@keyframes sccPulse{0%{box-shadow:0 0 0 0 rgba(253,40,141,.6);}70%{box-shadow:0 0 0 10px rgba(253,40,141,0);}100%{box-shadow:0 0 0 0 rgba(253,40,141,0);}}

.scc-grad{
  display:inline-block;
  background:linear-gradient(100deg,var(--pink) 0%,var(--pink) 34%,#fff 50%,var(--pink-bright) 66%,var(--pink) 100%);
  background-size:250% 100%;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(0 0 18px rgba(253,40,141,.45));
  animation:sccShine 3.6s linear infinite;
}
.scc-eyebrow{font-family:var(--disp); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--pink); font-weight:800;}

/* ---------- HERO / CONTATO ---------- */
.scc-hero{
  position:relative; overflow:hidden;
  padding:clamp(40px,5vw,68px) clamp(16px,4vw,40px) clamp(34px,4vw,52px);
  background:
    radial-gradient(60% 60% at 12% 8%, rgba(253,40,141,.2) 0%, transparent 55%),
    radial-gradient(55% 55% at 90% 95%, rgba(138,57,150,.18) 0%, transparent 55%),
    linear-gradient(160deg,#15091f 0%, var(--dk) 55%, #0c0512 100%);
}
.scc-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(253,40,141,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(253,40,141,.06) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(120% 110% at 50% 0%, #000 0%, transparent 82%);
  mask-image:radial-gradient(120% 110% at 50% 0%, #000 0%, transparent 82%);
}
.scc-blob{position:absolute; border-radius:50%; filter:blur(72px); pointer-events:none; z-index:0;}
.scc-blob-1{width:360px; height:360px; top:-120px; left:-80px; background:radial-gradient(circle,rgba(253,40,141,.32),transparent 70%);}
.scc-blob-2{width:400px; height:400px; bottom:-160px; right:-90px; background:radial-gradient(circle,rgba(138,57,150,.28),transparent 70%);}

.scc-wrap{position:relative; z-index:2; width:100%; max-width:1100px; margin:0 auto;}
.scc-head{text-align:center; max-width:620px; margin:0 auto clamp(24px,3vw,38px);}
.scc-title{font-family:var(--disp); font-weight:900; font-size:clamp(34px,5.4vw,64px); line-height:1.0; letter-spacing:-.03em; margin:.18em 0 .22em; color:#fff;}
.scc-sub{color:var(--mut); font-size:15.5px; line-height:1.6; margin:0;}

.scc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.6vw,20px);}
@media(max-width:840px){.scc-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.scc-cards{grid-template-columns:1fr;}}

.scc-card{
  position:relative; display:flex; flex-direction:column; gap:3px; text-decoration:none;
  background:linear-gradient(180deg,var(--dk2),#1c0f18); border:1px solid var(--line); border-radius:16px;
  padding:20px 20px; transition:transform .25s, border-color .25s, box-shadow .25s; overflow:hidden;
}
.scc-card:hover{transform:translateY(-4px); border-color:var(--pink); box-shadow:0 20px 46px -24px rgba(253,40,141,.6);}
.scc-ic{font-size:24px; margin-bottom:6px;}
.scc-card-label{font-family:var(--disp); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--pink); font-weight:800;}
.scc-card-value{font-family:var(--disp); font-size:18px; font-weight:700; color:#fff; line-height:1.25; word-break:break-word;}
.scc-card-go{margin-top:6px; font-size:12.5px; font-weight:700; color:var(--mut); transition:color .2s;}
.scc-card:hover .scc-card-go{color:var(--pink-soft);}

/* principais - destaque */
.scc-card-primary{border-color:rgba(253,40,141,.5); background:linear-gradient(180deg,#2a0f20,#200b18); box-shadow:0 14px 36px -22px rgba(253,40,141,.55);}
.scc-card-primary .scc-card-value{font-size:21px;}
.scc-card-primary .scc-ic{font-size:28px;}
.scc-card-wa{box-shadow:0 16px 40px -20px rgba(253,40,141,.7);}

/* secundarios - compactos */
.scc-card-sec{padding:15px 18px; background:linear-gradient(180deg,#160b13,#120810);}
.scc-card-sec .scc-ic{font-size:20px; margin-bottom:4px;}
.scc-card-sec .scc-card-value{font-size:15.5px;}
.scc-card-sec .scc-card-go{font-size:11.5px;}

/* ---------- CARROSSEL ---------- */
.scc-gallery{
  position:relative; overflow:hidden;
  padding:clamp(48px,5vw,80px) 0 clamp(48px,5vw,80px);
  background:
    radial-gradient(circle at 15% 20%, rgba(253,40,141,.05) 0, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(138,57,150,.04) 0, transparent 42%),
    linear-gradient(180deg,#fff0f6 0%, #ffffff 50%, #fff8fb 100%);
}
.scc-gallery-head{text-align:center; padding:0 28px; margin-bottom:clamp(28px,3vw,42px);}
.scc-gallery-title{font-family:var(--disp); font-weight:800; font-size:clamp(28px,4.4vw,46px); color:#1a0814; letter-spacing:-.02em; margin:.24em 0 0;}

.scc-strip{position:relative; overflow:hidden;}
.scc-strip::before,.scc-strip::after{content:""; position:absolute; top:0; bottom:0; width:110px; z-index:2; pointer-events:none;}
.scc-strip::before{left:0; background:linear-gradient(90deg,#fff 0%,transparent 100%);}
.scc-strip::after{right:0; background:linear-gradient(270deg,#fff8fb 0%,transparent 100%);}
.scc-track{display:flex; gap:18px; width:max-content; animation:sccMq 55s linear infinite; padding:0 9px;}
.scc-strip:hover .scc-track{animation-play-state:paused;}
.scc-photo{
  position:relative; flex-shrink:0; width:380px; height:260px; border-radius:18px; overflow:hidden;
  background-size:cover; background-position:center; background-color:#1a0e22;
  transition:transform .4s ease;
}
.scc-photo:hover{transform:scale(1.02);}
.scc-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 100%);}
.scc-photo span{position:absolute; bottom:16px; left:16px; z-index:1; color:#fff; font-family:var(--disp); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:rgba(0,0,0,.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); padding:6px 12px; border-radius:6px;}
@media(max-width:560px){.scc-photo{width:280px; height:200px;}}

.scc-final{text-align:center; margin-top:clamp(34px,4vw,52px); padding:0 28px;}
.scc-cta{display:inline-flex; align-items:center; gap:8px; font-family:var(--disp); font-weight:800; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:#fff; text-decoration:none; background:linear-gradient(90deg,var(--pink),var(--pink-bright)); padding:18px 34px; border-radius:50px; box-shadow:0 16px 40px -14px rgba(253,40,141,.8); transition:.2s;}
.scc-cta:hover{transform:translateY(-2px) scale(1.02);}

@media(prefers-reduced-motion:reduce){
  .scc-grad{animation:none;}
  .scc-track{animation:none;}
}