/* ==========================================================
   SURPREENDA-ME — REVELAÇÃO VISUAL
   ========================================================== */

.surprise-reveal-hero{
  position:relative;min-height:390px;overflow:hidden;color:#fff;
  background:var(--surprise-bg) center/cover no-repeat;isolation:isolate
}
.surprise-reveal-shade{
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 76% 52%,rgba(205,166,91,.17),transparent 27%),
    linear-gradient(90deg,rgba(5,38,63,.98) 0%,rgba(5,38,63,.91) 48%,rgba(5,38,63,.58) 78%,rgba(5,38,63,.78) 100%)
}
.surprise-reveal-inner{padding-top:28px;padding-bottom:46px}
.surprise-breadcrumb{
  display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.64);font-size:.69rem
}
.surprise-breadcrumb a{color:rgba(255,255,255,.78);text-decoration:none}
.surprise-reveal-copy{max-width:820px;padding:64px 0 36px}
.surprise-eyebrow{
  display:block;color:#a9761d;font-size:.63rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.surprise-reveal-copy>.surprise-eyebrow{color:#d8b66d}
.surprise-reveal-copy h1{
  margin:8px 0 15px;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.3rem,6vw,5.5rem);line-height:.94;font-weight:600;letter-spacing:-.04em
}
.surprise-reveal-copy p{
  max-width:700px;margin:0;color:rgba(255,255,255,.82);
  font-family:Georgia,serif;font-size:1rem;line-height:1.72
}

.surprise-main{
  padding:68px 0 84px;background:linear-gradient(180deg,#f5f1e9 0,#fff 390px)
}
.surprise-reveal-card{
  display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:48px;
  align-items:center;max-width:1030px;margin:0 auto;padding:36px;
  border:1px solid #e0e4e5;border-radius:18px;background:#fff;
  box-shadow:0 18px 44px rgba(13,43,65,.07)
}
.surprise-cover-stage{
  position:relative;min-height:440px;display:grid;place-items:center;padding:28px;
  overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#f4eee2,#e9dfd0)
}
.surprise-cover-glow{
  position:absolute;width:270px;height:270px;border-radius:50%;
  background:radial-gradient(circle,rgba(197,154,75,.26),rgba(197,154,75,0) 70%)
}
.surprise-cover-stage img{
  position:relative;z-index:1;display:block;max-width:100%;max-height:390px;
  object-fit:contain;filter:drop-shadow(0 15px 18px rgba(25,35,42,.18))
}
.surprise-cover-placeholder{
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;
  color:#99722e
}
.surprise-cover-placeholder i{font-size:3rem}
.surprise-cover-placeholder span{font-size:.72rem;font-weight:900}
.surprise-seal{
  position:absolute;left:17px;bottom:17px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  padding:7px 10px;border-radius:999px;background:rgba(7,49,79,.91);color:#fff;
  font-size:.56rem;font-weight:900;letter-spacing:.06em
}
.surprise-work-copy h2{
  margin:7px 0 10px;color:#153d59;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.02;font-weight:600
}
.surprise-author{
  margin:0;color:#5d7180;font-family:Georgia,serif;font-size:.95rem;line-height:1.5
}
.surprise-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;color:#92794d;font-size:.68rem}
.surprise-meta span{display:inline-flex;align-items:center;gap:5px}
.surprise-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.surprise-open,.surprise-again{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;
  border-radius:9px;text-decoration:none;font-size:.7rem;font-weight:900
}
.surprise-open{background:#0b3a5c;color:#fff}
.surprise-open:hover{background:#10486f;color:#fff}
.surprise-again{border:1px solid #d7dee1;background:#fff;color:#536b7a}
.surprise-again:hover{border-color:#b78a39;color:#8c641c}
.surprise-note{margin:15px 0 0;color:#8a959c;font-size:.63rem;line-height:1.5}

.surprise-next-paths{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;max-width:1000px;
  margin:66px auto 0;padding-top:38px;border-top:1px solid #e2e5e6
}
.surprise-next-paths h2{
  margin:5px 0;color:#0a3556;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.05rem;font-weight:600
}
.surprise-next-links{display:grid;gap:10px}
.surprise-next-links a{
  display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px;
  border:1px solid #e0e5e7;border-radius:9px;background:#fff;color:inherit;text-decoration:none
}
.surprise-next-links>a>i{
  width:42px;height:42px;display:grid;place-items:center;border-radius:8px;
  background:#f5efe4;color:#a6751e
}
.surprise-next-links strong{display:block;color:#24455d;font-size:.76rem}
.surprise-next-links small{display:block;margin-top:2px;color:#85919a;font-size:.64rem;line-height:1.35}

.surprise-empty{
  max-width:720px;margin:20px auto;padding:55px 35px;text-align:center;
  border:1px solid #e0e3e4;border-radius:14px;background:#fff
}
.surprise-empty-icon{
  width:58px;height:58px;display:grid;place-items:center;margin:0 auto 17px;
  border-radius:50%;background:#f5eee1;color:#a77822;font-size:1.4rem
}
.surprise-empty h2{
  margin:7px 0 10px;color:#173d59;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.25rem
}
.surprise-empty p{margin:0;color:#74818a;font-size:.76rem;line-height:1.7}
.surprise-empty>a{
  display:inline-flex;align-items:center;gap:7px;margin-top:18px;
  color:#8b6219;text-decoration:none;font-size:.68rem;font-weight:900
}

@media(max-width:820px){
  .surprise-reveal-card{grid-template-columns:1fr;gap:28px}
  .surprise-cover-stage{min-height:360px}
  .surprise-next-paths{grid-template-columns:1fr}
}
@media(max-width:560px){
  .surprise-reveal-hero{min-height:360px}
  .surprise-reveal-copy{padding:50px 0 30px}
  .surprise-reveal-copy h1{font-size:3.15rem}
  .surprise-main{padding-top:48px}
  .surprise-reveal-card{padding:20px}
  .surprise-cover-stage{min-height:300px;padding:20px}
  .surprise-cover-stage img{max-height:280px}
  .surprise-actions{flex-direction:column}
  .surprise-open,.surprise-again{width:100%}
}