/* Summit Rental · edicao-4.css · carregado so nas paginas que usam este bloco */
#sr4ed{
  --pk:#fd288d; --pk2:#ff4da3; --ink:#1a0814; --mut:#6a5560;
  --line:#ece8f2; --soft:#fff7fb; --dark:#1a1430; --dark2:#2d2140;
  --disp:'Outfit',system-ui,sans-serif; --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  font-family:var(--sans); color:var(--ink); line-height:1.6;
}
#sr4ed *{ box-sizing:border-box; }
#sr4ed img{ display:block; max-width:100%; }

/* ====== container alinhado ao header ====== */
#sr4ed .sr4-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* ====== HERO full-bleed 100% ====== */
#sr4ed .sr4-hero{
  position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
  background:linear-gradient(160deg,#221a3a 0%, var(--dark) 55%, #120d22 100%);
  overflow:hidden;
}
#sr4ed .sr4-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%, transparent 72%);
          mask-image:linear-gradient(180deg,#000 0%, transparent 72%);
}
/* glows animados */
#sr4ed .sr4-glow{ position:absolute; pointer-events:none; border-radius:50%; filter:blur(26px); will-change:transform,opacity; z-index:1; }
#sr4ed .sr4-glow.g1{ top:-130px; left:-90px; width:520px; height:520px;
  background:radial-gradient(circle, rgba(253,40,141,.42), transparent 65%); animation:sr4float1 16s ease-in-out infinite; }
#sr4ed .sr4-glow.g2{ top:-150px; right:-120px; width:560px; height:560px;
  background:radial-gradient(circle, rgba(124,58,237,.46), transparent 66%); animation:sr4float2 21s ease-in-out infinite; }
@keyframes sr4float1{ 0%,100%{ transform:translate(0,0) scale(1); opacity:.82; } 50%{ transform:translate(60px,42px) scale(1.18); opacity:1; } }
@keyframes sr4float2{ 0%,100%{ transform:translate(0,0) scale(1.05); opacity:.78; } 50%{ transform:translate(-70px,30px) scale(.9); opacity:1; } }
@media(prefers-reduced-motion:reduce){ #sr4ed .sr4-glow{ animation:none !important; } }
#sr4ed .sr4-hero-in{
  position:relative; z-index:2; max-width:1200px; margin:0 auto; padding:60px 24px 56px;
}
#sr4ed .sr4-kicker{
  display:inline-flex; align-items:center; gap:10px; font-family:var(--disp); font-weight:700;
  font-size:13px; letter-spacing:2.5px; text-transform:uppercase; color:#fff;
  background:linear-gradient(90deg,var(--pk),var(--pk2)); padding:8px 18px; border-radius:999px;
  box-shadow:0 8px 26px rgba(253,40,141,.40);
}
#sr4ed .sr4-hero h1{
  font-family:var(--disp) !important; font-weight:900 !important; color:#fff !important;
  font-size:clamp(34px,6vw,64px) !important; line-height:1.04 !important;
  margin:22px 0 0 !important; letter-spacing:-1px !important; max-width:16ch;
}
#sr4ed .sr4-hero h1 b{ color:var(--pk2) !important; font-weight:900 !important; }
#sr4ed .sr4-meta{ display:flex; flex-wrap:wrap; gap:14px; margin:26px 0 0; }
#sr4ed .sr4-meta span{
  display:inline-flex; align-items:center; gap:9px; font-family:var(--disp); font-weight:600;
  font-size:15px; color:#f3eefb; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  padding:10px 18px; border-radius:999px; backdrop-filter:blur(4px);
}
#sr4ed .sr4-meta span i{ color:var(--pk2); font-size:17px; }
#sr4ed .sr4-lead{
  margin:28px 0 0; max-width:62ch; font-size:clamp(15px,1.7vw,18px); color:rgba(245,238,247,.82); line-height:1.7;
}

/* ====== faixa de numeros ====== */
#sr4ed .sr4-stats{
  position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
  background:linear-gradient(90deg,var(--pk),#c2186b); 
}
#sr4ed .sr4-stats-in{
  max-width:1200px; margin:0 auto; padding:30px 24px; display:grid;
  grid-template-columns:repeat(4,1fr); gap:18px;
}
#sr4ed .sr4-stat{ text-align:center; color:#fff; }
#sr4ed .sr4-stat b{ display:block; font-family:var(--disp); font-weight:900; font-size:clamp(26px,4vw,40px); line-height:1; }
#sr4ed .sr4-stat small{ display:block; font-size:13px; font-weight:600; letter-spacing:.4px; margin-top:7px; opacity:.92; }

/* ====== titulos de secao ====== */
#sr4ed .sr4-sec{ padding:74px 0 8px; }
#sr4ed .sr4-eyebrow{
  font-family:var(--disp); font-weight:800; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--pk);
}
#sr4ed .sr4-h2{
  font-family:var(--disp) !important; font-weight:800 !important; color:var(--ink) !important;
  font-size:clamp(26px,3.6vw,40px) !important; line-height:1.12 !important; margin:10px 0 0 !important; letter-spacing:-.5px !important;
}
#sr4ed .sr4-sub{ margin:14px 0 0; max-width:64ch; font-size:16px; color:var(--mut); }

/* ====== palestrantes ====== */
#sr4ed .sr4-speakers{
  margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
#sr4ed .sr4-card{
  background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden;
  box-shadow:0 14px 40px rgba(26,8,20,.06); transition:transform .25s, box-shadow .25s; display:flex; flex-direction:column;
}
#sr4ed .sr4-card:hover{ transform:translateY(-6px); box-shadow:0 22px 54px rgba(26,8,20,.12); }
#sr4ed .sr4-card-img{ position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--dark2); }
#sr4ed .sr4-card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
#sr4ed .sr4-card:hover .sr4-card-img img{ transform:scale(1.05); }
#sr4ed .sr4-card-body{ padding:22px 22px 26px; flex:1; display:flex; flex-direction:column; }
#sr4ed .sr4-card-tag{
  display:inline-block; align-self:flex-start; font-family:var(--disp); font-weight:700; font-size:11.5px; letter-spacing:.6px;
  text-transform:uppercase; color:var(--pk); background:#fff0f7; padding:5px 12px; border-radius:999px; margin-bottom:12px;
}
#sr4ed .sr4-card-name{
  font-family:var(--disp) !important; font-weight:800 !important; color:var(--ink) !important;
  font-size:21px !important; line-height:1.2 !important; margin:0 0 10px !important;
}
#sr4ed .sr4-card-desc{ font-size:14.5px; color:var(--mut); line-height:1.62; margin:0; }

/* ====== hot seat ====== */
#sr4ed .sr4-hotseat{
  position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
  margin-top:80px;
  background:
    radial-gradient(70% 120% at 100% 0%, rgba(253,40,141,.22), transparent 60%),
    linear-gradient(155deg,var(--dark2), var(--dark));
}
#sr4ed .sr4-hotseat-in{
  max-width:1200px; margin:0 auto; padding:64px 24px; display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center;
}
#sr4ed .sr4-hotseat .sr4-eyebrow{ color:var(--pk2); }
#sr4ed .sr4-hotseat h3{
  font-family:var(--disp) !important; font-weight:800 !important; color:#fff !important;
  font-size:clamp(26px,3.4vw,38px) !important; line-height:1.14 !important; margin:10px 0 16px !important; letter-spacing:-.5px !important;
}
#sr4ed .sr4-hotseat p{ font-size:16px; color:rgba(245,238,247,.80); line-height:1.7; margin:0; }
#sr4ed .sr4-hotseat-photo{ border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.12); aspect-ratio:16/10; }
#sr4ed .sr4-hotseat-photo img{ width:100%; height:100%; object-fit:cover; }

/* ====== galeria ====== */
#sr4ed .sr4-gallery{
  margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
#sr4ed .sr4-gphoto{
  position:relative; overflow:hidden; border-radius:14px; aspect-ratio:16/10; background:var(--dark2);
  border:1px solid var(--line);
}
#sr4ed .sr4-gphoto img{ width:100%; height:100%; object-fit:cover; transition:transform .55s; }
#sr4ed .sr4-gphoto:hover img{ transform:scale(1.07); }
#sr4ed .sr4-gphoto::after{
  content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%, rgba(26,20,48,.28));
  opacity:0; transition:opacity .3s;
}
#sr4ed .sr4-gphoto:hover::after{ opacity:1; }

/* ====== CTA final ====== */
#sr4ed .sr4-cta{
  position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
  margin-top:80px;
  background:
    radial-gradient(50% 120% at 0% 100%, rgba(124,58,237,.30), transparent 60%),
    linear-gradient(120deg,var(--pk) 0%, #c2186b 48%, #7a1bb8 100%);
}
#sr4ed .sr4-cta-in{ max-width:900px; margin:0 auto; padding:72px 24px; text-align:center; }
#sr4ed .sr4-cta h3{
  font-family:var(--disp) !important; font-weight:900 !important; color:#fff !important;
  font-size:clamp(26px,4vw,44px) !important; line-height:1.1 !important; margin:0 0 16px !important; letter-spacing:-.5px !important;
}
#sr4ed .sr4-cta p{ font-size:17px; color:rgba(255,255,255,.90); margin:0 0 30px; }
#sr4ed .sr4-btns{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
#sr4ed .sr4-btn{
  display:inline-flex; align-items:center; gap:9px; font-family:var(--disp); font-weight:700; font-size:16px;
  padding:16px 32px; border-radius:999px; text-decoration:none; transition:transform .2s, box-shadow .2s;
}
#sr4ed .sr4-btn-primary{ background:#fff; color:var(--pk) !important; box-shadow:0 14px 34px rgba(0,0,0,.18); }
#sr4ed .sr4-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 20px 44px rgba(0,0,0,.26); }
#sr4ed .sr4-btn-ghost{ background:rgba(255,255,255,.12); color:#fff !important; border:1.5px solid rgba(255,255,255,.55); }
#sr4ed .sr4-btn-ghost:hover{ background:rgba(255,255,255,.22); transform:translateY(-3px); }

/* ====== videos ====== */
#sr4ed .sr4-videos{ margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
#sr4ed .sr4-vid{
  position:relative; display:block; width:100%; padding:0; border:0; cursor:pointer; aspect-ratio:16/9;
  border-radius:20px; overflow:hidden; background:var(--dark2);
  box-shadow:0 16px 44px rgba(26,8,20,.14); transition:transform .25s, box-shadow .25s;
}
#sr4ed .sr4-vid:hover{ transform:translateY(-5px); box-shadow:0 24px 56px rgba(26,8,20,.22); }
#sr4ed .sr4-vid-bg{ position:absolute; inset:0; }
#sr4ed .sr4-vid-bg iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; pointer-events:none; }
#sr4ed .sr4-vid-ov{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(26,20,48,.32), rgba(26,20,48,.64)); transition:background .25s; }
#sr4ed .sr4-vid:hover .sr4-vid-ov{ background:linear-gradient(180deg, rgba(26,20,48,.20), rgba(26,20,48,.50)); }
#sr4ed .sr4-vid-badge{
  position:absolute; top:13px; left:13px; z-index:3; font-family:var(--disp); font-weight:700; font-size:11px;
  letter-spacing:.6px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,.42); border:1px solid rgba(255,255,255,.22);
  padding:5px 13px; border-radius:999px; backdrop-filter:blur(4px);
}
#sr4ed .sr4-vid-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;
  width:66px; height:66px; border-radius:50%; background:linear-gradient(90deg,var(--pk),var(--pk2));
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:26px;
  box-shadow:0 10px 30px rgba(253,40,141,.5); transition:transform .25s;
}
#sr4ed .sr4-vid:hover .sr4-vid-play{ transform:translate(-50%,-50%) scale(1.1); }
#sr4ed .sr4-vid-play::before{ content:""; position:absolute; inset:-9px; border-radius:50%; border:2px solid rgba(253,40,141,.55); animation:sr4pulse 2.2s ease-out infinite; }
@keyframes sr4pulse{ 0%{ transform:scale(.9); opacity:.85; } 100%{ transform:scale(1.55); opacity:0; } }
@media(prefers-reduced-motion:reduce){ #sr4ed .sr4-vid-play::before{ animation:none; } }

/* ====== lightbox ====== */
#sr4ed .sr4-modal{
  position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center;
  background:rgba(10,6,18,.88); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); padding:24px;
}
#sr4ed .sr4-modal.open{ display:flex; }
#sr4ed .sr4-modal-box{ position:relative; width:min(960px,100%); }
#sr4ed .sr4-modal-frame{ position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.55); background:#000; }
#sr4ed .sr4-modal-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
#sr4ed .sr4-modal-close{
  position:absolute; top:-52px; right:0; width:42px; height:42px; border-radius:50%; border:0;
  background:rgba(255,255,255,.14); color:#fff; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s;
}
#sr4ed .sr4-modal-close:hover{ background:var(--pk); }

/* ====== responsivo ====== */
@media(max-width:980px){
  #sr4ed .sr4-speakers{ grid-template-columns:repeat(2,1fr); }
  #sr4ed .sr4-hotseat-in{ grid-template-columns:1fr; gap:30px; }
  #sr4ed .sr4-videos{ grid-template-columns:1fr; max-width:620px; margin-left:auto; margin-right:auto; }
}
@media(max-width:680px){
  #sr4ed .sr4-vid-play{ width:56px; height:56px; font-size:22px; }
  #sr4ed .sr4-modal-close{ top:auto; bottom:-52px; right:50%; transform:translateX(50%); }
  #sr4ed .sr4-hero-in{ padding:72px 22px 64px; }
  #sr4ed .sr4-stats-in{ grid-template-columns:repeat(2,1fr); gap:24px; }
  #sr4ed .sr4-speakers{ grid-template-columns:1fr; }
  #sr4ed .sr4-gallery{ grid-template-columns:repeat(2,1fr); gap:12px; }
  #sr4ed .sr4-sec{ padding:54px 0 4px; }
}