/* =====================================================================
   Summit Rental · base.css
   Fontes locais, reset leve, containers do Citricus Core, topo, rodapé,
   blog e páginas simples. O CSS de cada página fica em assets/css/pages/.
   Desenvolvido por Citricus Digital Agency.
   ===================================================================== */

/* ---------- Fontes (self-hosted, sem Google Fonts) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/inter-normal-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:italic;font-weight:400 900;font-display:swap;src:url('../fonts/inter-italic-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/outfit-normal-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/plus-jakarta-sans-normal-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:italic;font-weight:400 700;font-display:swap;src:url('../fonts/plus-jakarta-sans-italic-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ---------- Tokens ---------- */
:root{
  --srt-pk:#fd288d; --srt-pk2:#ff4da3; --srt-pk-soft:#ff85b8; --srt-pp:#8a3996;
  --srt-dk:#0a0612; --srt-dk2:#13081a; --srt-ink:#1a0814; --srt-mut:#6a5560;
  --srt-line:#ece8f2; --srt-soft:#fff7fb;
  --srt-disp:'Outfit',system-ui,sans-serif; --srt-sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --srt-base:'Inter',Arial,Helvetica,sans-serif;
}

/* ---------- Reset leve ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
html,body{overflow-x:clip;}
/* Tipografia base igual à do site antigo (os blocos foram desenhados em cima dela) */
body{margin:0;background:#fff;color:#141617;font-family:var(--srt-base);font-size:16px;line-height:1.72;letter-spacing:.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img,svg,video,iframe{max-width:100%;}
img{height:auto;}
a{color:inherit;}
/* Mesma especificidade do tema antigo (.post-content hN): blocos com seletor de uma classe herdam esta tipografia, igual ao site no ar */
h1,.ctr-inner h1,.srt-single h1,h2,.ctr-inner h2,.srt-single h2,h3,.ctr-inner h3,.srt-single h3,h4,.ctr-inner h4,.srt-single h4,h5,.ctr-inner h5,.srt-single h5,h6,.ctr-inner h6,.srt-single h6{font-family:var(--srt-base);font-weight:600;line-height:1.2;letter-spacing:-.015em;color:#141617;margin:10px 0;}
h1,.ctr-inner h1,.srt-single h1{font-size:44px;}
h2,.ctr-inner h2,.srt-single h2{font-size:34px;}
h3,.ctr-inner h3,.srt-single h3{font-size:30px;}
h4,.ctr-inner h4,.srt-single h4{font-size:24px;}
h5,.ctr-inner h5,.srt-single h5{font-size:20px;}
h6,.ctr-inner h6,.srt-single h6{font-size:16px;}
p{margin:16px 0;}
ul,ol{margin:16px 0;}
main{display:block;}

.skip-link{position:absolute;left:-9999px;top:8px;z-index:100000;background:#fff;color:var(--srt-ink);padding:10px 16px;border-radius:8px;font-weight:700;}
.skip-link:focus{left:12px;}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;}

/* ---------- Containers do Citricus Core ----------
   Os blocos das páginas cuidam do próprio espaçamento e largura.
   O container só aplica padding/fundo quando a página pede (pt/pb/bg). */
.ctr-container{position:relative;padding-top:var(--pt,0);padding-bottom:var(--pb,0);background:var(--bg,transparent);}
.ctr-container--bgimg{background-image:var(--bg-img);background-size:cover;background-position:center;}
.ctr-container > .ctr-inner{width:100%;margin:0 auto;}
.ctr-container--wide > .ctr-inner{max-width:var(--w-wide,1360px);padding-inline:clamp(16px,3vw,32px);}
.ctr-container--normal > .ctr-inner{max-width:var(--w-normal,1200px);padding-inline:clamp(16px,3vw,32px);}
.ctr-container--narrow > .ctr-inner{max-width:var(--w-narrow,760px);padding-inline:clamp(16px,3vw,32px);}
.ctr-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:var(--gap,24px);}
@media(max-width:1024px){.ctr-grid{grid-template-columns:repeat(var(--cols-md,var(--cols,2)),minmax(0,1fr));}}
@media(max-width:640px){.ctr-grid{grid-template-columns:repeat(var(--cols-sm,1),minmax(0,1fr));}}
@media(max-width:768px){.hide-mobile{display:none !important;}}
@media(min-width:769px) and (max-width:1024px){.hide-tablet{display:none !important;}}
@media(min-width:1025px){.hide-desktop{display:none !important;}}

/* =================== TOPO (#srn) =================== */
#srn{
  --pink:#fd288d; --pink-bright:#ff4da3; --pink-soft:#ff85b8; --pp:#8a3996;
  --dk:#0a0612; --dk2:#13081a;
  --cream:#f5eef0; --mut:#bca7b6; --line:rgba(245,238,240,.12);
  --disp:'Outfit', system-ui, sans-serif; --sans:'Plus Jakarta Sans', system-ui, sans-serif;
  position:sticky; top:0; z-index:9999; width:100%;
  font-family:var(--sans); color:var(--cream); -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(70% 180% at 0% 0%, rgba(253,40,141,.20) 0%, transparent 45%),
    radial-gradient(70% 180% at 100% 0%, rgba(138,57,150,.20) 0%, transparent 45%),
    linear-gradient(180deg, rgba(22,12,30,.97), rgba(12,7,20,.96));
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(253,40,141,.24);
  transition:box-shadow .25s, background .25s;
}
#srn::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(253,40,141,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(253,40,141,.05) 1px, transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%, transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%, transparent 100%);
}
#srn.is-scrolled{box-shadow:0 12px 34px -16px rgba(0,0,0,.75);}
#srn *{box-sizing:border-box;}
#srn a{text-decoration:none; color:inherit;}
.srn-bar{position:relative; z-index:1; max-width:1280px; margin:0 auto; padding:10px clamp(16px,3vw,36px); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;}
/* logo horizontal */
.srn-logo{flex-shrink:0; display:flex; align-items:center; justify-self:start;}
.srn-logo img{width:180px !important; height:auto !important; max-height:none !important; display:block; filter:drop-shadow(0 2px 8px rgba(0,0,0,.45)); transition:filter .25s;}
.srn-logo:hover img{filter:drop-shadow(0 2px 14px rgba(253,40,141,.5));}
/* nav */
.srn-nav{display:flex; align-items:center; justify-content:center; justify-self:center; gap:4px;}
.srn-nav > a{font-family:var(--disp); font-size:15px; font-weight:600; color:rgba(245,238,240,.86); padding:9px 14px; border-radius:50px; transition:color .2s, background .2s;}
.srn-nav > a:hover{color:#fff; background:rgba(253,40,141,.14);}
.srn-mobile-extra{display:none;}
/* acoes a direita */
.srn-actions{justify-self:end; display:flex; align-items:center; gap:10px;}
/* CONTA */
/* alterna login (deslogado) x menu (logado) */
/* menu da conta (logado) */
/* CARRINHO */
/* CTA */
.srn-cta{display:inline-flex; align-items:center; gap:9px; background:linear-gradient(90deg,var(--pink),var(--pink-bright)); color:#fff; font-family:var(--disp); font-size:13px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; padding:12px 20px; border-radius:50px; box-shadow:0 12px 28px -12px rgba(253,40,141,.8); transition:.2s; white-space:nowrap;}
.srn-cta:hover{transform:translateY(-2px) scale(1.02); color:#fff;}
/* BURGER */
.srn-burger{display:none; flex-direction:column; gap:5px; width:42px; height:42px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.05); cursor:pointer; align-items:center; justify-content:center;}
.srn-burger span{width:20px; height:2px; background:var(--cream); border-radius:2px; transition:.25s;}
#srn.srn-nav-open .srn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#srn.srn-nav-open .srn-burger span:nth-child(2){opacity:0;}
#srn.srn-nav-open .srn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* ---------- MOBILE ---------- */
@media(max-width:980px){
.srn-nav{
    position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:2px; margin:0;
    background:linear-gradient(180deg,#140b1c,#0c0512); border-bottom:1px solid rgba(253,40,141,.2);
    padding:14px clamp(16px,4vw,28px) 22px; box-shadow:0 24px 50px -20px rgba(0,0,0,.8);
    opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .25s, transform .25s, visibility .25s;
  }
#srn.srn-nav-open .srn-nav{opacity:1; visibility:visible; transform:translateY(0);}
.srn-nav > a{font-size:17px; padding:13px 14px; border-radius:12px;}
.srn-mobile-extra{display:grid; gap:8px; margin-top:12px; padding-top:14px; border-top:1px solid var(--line);}
.srn-cta-mobile{justify-content:center; margin-top:4px;}
.srn-cta{display:none;}
.srn-burger{display:flex;}
.srn-actions{gap:8px;}
}
@media(max-width:420px){
.srn-logo img{width:140px !important; height:auto !important;}
}
@media(prefers-reduced-motion:reduce){
.srn-nav{transition:none;}
}

/* =================== RODAPE (#srf) =================== */
#srf{
  --pink:#fd288d; --pink-bright:#ff4da3; --pink-soft:#ff85b8; --pp:#8a3996;
  --dk:#0a0612; --dk2:#13081a; --dk3:#06030a;
  --cream:#f5eef0; --mut:#b9a2b0;
  --disp:'Outfit', system-ui, sans-serif; --sans:'Plus Jakarta Sans', system-ui, sans-serif;
  position:relative; overflow:hidden; width:100%; max-width:100%; margin:0;
  font-family:var(--sans); color:var(--cream); -webkit-font-smoothing:antialiased;
  padding:clamp(48px,5vw,72px) clamp(16px,4vw,40px) clamp(22px,2.5vw,30px);
  border-top:1px solid rgba(253,40,141,.22);
  background:
    radial-gradient(60% 70% at 15% 0%, rgba(253,40,141,.18) 0%, transparent 55%),
    radial-gradient(55% 70% at 88% 100%, rgba(138,57,150,.16) 0%, transparent 55%),
    linear-gradient(165deg,#15091f 0%, var(--dk) 55%, var(--dk3) 100%);
}
#srf *{box-sizing:border-box;}

/* textura quadriculada (grid + xadrez sutil) */
#srf::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),
    repeating-conic-gradient(rgba(255,255,255,.012) 0% 25%, transparent 0% 50%);
  background-size:46px 46px, 46px 46px, 92px 92px;
  -webkit-mask-image:radial-gradient(130% 130% at 50% 0%, #000 0%, transparent 85%);
  mask-image:radial-gradient(130% 130% at 50% 0%, #000 0%, transparent 85%);
}
.srf-blob{position:absolute; width:420px; height:420px; bottom:-180px; left:50%; transform:translateX(-50%); border-radius:50%; filter:blur(80px); background:radial-gradient(circle,rgba(253,40,141,.22),transparent 70%); pointer-events:none; z-index:0;}

.srf-inner{position:relative; z-index:1; width:100%; max-width:1200px; margin:0 auto;}

.srf-grid{display:grid; grid-template-columns:2fr 1fr 1.3fr 1fr; gap:clamp(28px,3vw,48px); padding-bottom:clamp(28px,3vw,40px);}
@media(max-width:860px){.srf-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.srf-grid{grid-template-columns:1fr; text-align:center;}}

.srf-logo{max-width:180px; height:auto; display:block; filter:drop-shadow(0 0 18px rgba(253,40,141,.4));}
@media(max-width:520px){.srf-logo{margin:0 auto;}}
.srf-tagline{font-family:var(--disp); font-size:15px; color:#fff; line-height:1.45; margin:16px 0 0; max-width:300px; font-weight:600;}
@media(max-width:520px){.srf-tagline{margin-left:auto; margin-right:auto;}}
.srf-realiza{font-size:12.5px; color:var(--mut); line-height:1.7; margin:14px 0 0;}
.srf-realiza strong{color:var(--pink-soft);}

.srf-col h4{font-family:var(--disp); font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--pink); margin:0 0 16px;}
.srf-col ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.srf-col a{color:var(--mut); text-decoration:none; font-size:13.5px; transition:color .2s; display:inline-flex; align-items:center; gap:6px;}
.srf-col a:hover{color:var(--pink-soft);}
@media(max-width:520px){.srf-col ul{justify-items:center;}}

.srf-cta{display:inline-flex; align-items:center; gap:8px; margin-top:20px; font-family:var(--disp); font-weight:800; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:#fff !important; background:linear-gradient(90deg,var(--pink),var(--pink-bright)); padding:12px 22px; border-radius:50px; box-shadow:0 12px 28px -12px rgba(253,40,141,.8); transition:.2s;}
.srf-cta:hover{transform:translateY(-2px); color:#fff !important;}

.srf-bottom{border-top:1px solid rgba(253,40,141,.14); padding-top:22px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-size:11.5px; color:#8d7d89;}
@media(max-width:520px){.srf-bottom{justify-content:center; text-align:center; flex-direction:column;}}

/* credito Citricus - logo com glow e destaque */
.srf-credit{
  display:inline-flex; align-items:center; gap:12px; text-decoration:none;
  padding:10px 18px; border-radius:50px;
  border:1px solid rgba(253,40,141,.3);
  background:linear-gradient(180deg, rgba(253,40,141,.1), rgba(138,57,150,.06));
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .25s, border-color .25s, box-shadow .25s;
  box-shadow:0 0 0 0 rgba(253,40,141,0);
}
.srf-credit:hover{transform:translateY(-2px); border-color:var(--pink); box-shadow:0 14px 34px -14px rgba(253,40,141,.7);}
.srf-credit-label{font-family:var(--disp); font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--cream); white-space:nowrap;}
.srf-credit-logo{
  height:26px; width:auto; display:block;
  filter:drop-shadow(0 0 12px rgba(253,40,141,.65)) drop-shadow(0 0 4px rgba(255,133,184,.5));
  animation:srfGlow 3s ease-in-out infinite;
}
@keyframes srfGlow{
  0%,100%{filter:drop-shadow(0 0 10px rgba(253,40,141,.5)) drop-shadow(0 0 4px rgba(255,133,184,.4));}
  50%{filter:drop-shadow(0 0 20px rgba(253,40,141,.85)) drop-shadow(0 0 8px rgba(255,133,184,.6));}
}
@media(max-width:520px){.srf-credit-label{white-space:normal;}}
@media(prefers-reduced-motion:reduce){.srf-credit-logo{animation:none;}}
#srf .srf-col h4{color:#fd288d !important;}

/* =================== BLOG (#srBlog) =================== */
#srBlog{--srp:#fd288d;--srd:#1a1430;--srt2:#5a5470;--srt3:#8a82a0;--srln:#ece8f2;--srbg2:#faf7fc;
  width:100%;font-family:inherit;color:var(--srt2);box-sizing:border-box}
#srBlog *{box-sizing:border-box}

/* HERO */
#srBlog .srBlogHero{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  background:linear-gradient(120deg,var(--srd) 0%,#3a1f4f 55%,#5a1d52 130%);overflow:hidden;margin-bottom:48px}
#srBlog .srBlogHero::before{content:"";position:absolute;top:-80px;right:-60px;width:320px;height:320px;border-radius:50%;
  background:rgba(253,40,141,.16);pointer-events:none}
#srBlog .srBlogHeroInner{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:68px 30px 64px;text-align:center}
#srBlog .srBlogKicker{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#fd9ec6;margin-bottom:18px}
#srBlog .srBlogBar{display:block;width:54px;height:3px;background:var(--srp);margin:0 auto 22px}
#srBlog .srBlogHero h1{font-size:clamp(28px,4.4vw,46px);font-weight:800;color:#fff;line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;max-width:820px;margin-left:auto;margin-right:auto}
#srBlog .srBlogHero p{font-size:clamp(15px,1.6vw,18px);color:#cfc4de;line-height:1.6;margin:0 auto;max-width:620px}
@media(max-width:768px){#srBlog .srBlogHeroInner{padding:48px 20px 44px}}

/* WRAP */
#srBlog .srBlogWrap{max-width:1180px;margin:0 auto;padding:0 24px 60px}
@media(max-width:768px){#srBlog .srBlogWrap{padding:0 18px 44px}}

/* GRADE 3 colunas */
#srBlog .srBlogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:980px){#srBlog .srBlogGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#srBlog .srBlogGrid{grid-template-columns:1fr}}

/* CARD */
#srBlog .srCard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--srln);border-radius:14px;overflow:hidden;
  text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#srBlog a.srCard:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(26,20,48,.10);border-color:var(--srp)}
#srBlog .srCardImg{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#ede7f4;position:relative}
#srBlog .srCardCat{position:absolute;top:12px;left:12px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;background:var(--srp);padding:4px 11px;border-radius:999px}
#srBlog .srCardBody{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
#srBlog .srCardDate{font-size:12px;color:var(--srt3);margin:0 0 8px;font-weight:500}
#srBlog .srCardTitle{font-size:17px;font-weight:700;color:var(--srd);line-height:1.34;margin:0}
#srBlog a.srCard:hover .srCardTitle{color:var(--srp)}

/* SKELETON */
#srBlog .srSkel{min-height:280px;border-color:var(--srln);background:linear-gradient(100deg,#f4f1f8 30%,#ece7f3 50%,#f4f1f8 70%);
  background-size:200% 100%;animation:srShimmer 1.3s infinite linear}
@keyframes srShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* EMPTY */
#srBlog .srBlogEmpty{text-align:center;padding:50px 20px;color:var(--srt3);font-size:16px}

/* CARREGAR MAIS */
#srBlog .srBlogMoreWrap{text-align:center;margin-top:40px}
#srBlog .srBlogMore{display:inline-flex;align-items:center;padding:13px 32px;border-radius:999px;border:1.5px solid var(--srln);
  background:#fff;color:var(--srd);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;
  transition:background .2s ease,color .2s ease,border-color .2s ease}
#srBlog .srBlogMore:hover{background:var(--srp);color:#fff;border-color:var(--srp)}
#srBlog .srBlogMore[disabled]{opacity:.6;cursor:default}

/* Blog: botão "Carregar mais" agora é um link (funciona sem JS) */
#srBlog a.srBlogMore{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
#srBlog .srBlogMore[aria-busy="true"]{opacity:.6;pointer-events:none;}

/* =================== PÁGINAS SIMPLES, POSTS SEM HERO, 404 =================== */
.srt-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(18px,3vw,28px);}
.srt-wrap--narrow{max-width:820px;}
.srt-kicker{display:inline-block;font-family:var(--srt-disp);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--srt-pk-soft);margin-bottom:14px;}
.srt-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:rgba(255,255,255,.82);max-width:720px;margin:14px 0 0;}
.srt-meta{margin:10px 0 0;color:rgba(255,255,255,.7);font-size:14px;}

.srt-page-hero,.srt-404{position:relative;overflow:hidden;color:#fff;padding:clamp(56px,8vw,110px) 0 clamp(48px,6vw,80px);
  background:radial-gradient(70% 90% at 12% 0%,rgba(253,40,141,.22) 0%,transparent 55%),radial-gradient(60% 80% at 95% 100%,rgba(138,57,150,.2) 0%,transparent 60%),linear-gradient(160deg,#1c1230 0%,var(--srt-dk) 60%,#06030a 100%);}
.srt-page-hero::before,.srt-404::before{content:"";position:absolute;inset:0;pointer-events:none;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,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);}
.srt-page-hero .srt-wrap,.srt-404 .srt-wrap{position:relative;z-index:1;}
.srt-page-hero h1,.srt-404 h1{font-size:clamp(32px,5vw,58px);font-weight:900;letter-spacing:-.03em;color:#fff;margin:0;max-width:900px;}

.srt-page-body{padding:clamp(40px,6vw,80px) 0;}
.srt-cover{margin:0 0 32px;border-radius:18px;overflow:hidden;}
.srt-cover img{display:block;width:100%;}

.srt-prose{font-size:17px;line-height:1.8;color:#2b1e27;}
.srt-prose h2{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--srt-ink);margin:1.6em 0 .6em;}
.srt-prose h3{font-size:clamp(20px,2.4vw,24px);font-weight:800;color:var(--srt-ink);margin:1.4em 0 .5em;}
.srt-prose a{color:var(--srt-pk);text-decoration:underline;text-underline-offset:3px;}
.srt-prose ul,.srt-prose ol{padding-left:1.3em;margin:0 0 1.2em;}
.srt-prose li{margin:.35em 0;}
.srt-prose blockquote{margin:1.6em 0;padding:18px 22px;border-left:4px solid var(--srt-pk);background:var(--srt-soft);border-radius:0 12px 12px 0;}
.srt-prose img{border-radius:14px;}
.srt-prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px;}
.srt-prose th,.srt-prose td{padding:10px 12px;border-bottom:1px solid var(--srt-line);text-align:left;}

.srt-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.srt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--srt-disp);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:50px;padding:16px 28px;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s;}
.srt-btn--pk{background:linear-gradient(90deg,var(--srt-pk),var(--srt-pk2));color:#fff;box-shadow:0 16px 40px -14px rgba(253,40,141,.75);}
.srt-btn--pk:hover{transform:translateY(-2px);}
.srt-btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3);}
.srt-btn--ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;}
.srt-404{min-height:58vh;display:flex;align-items:center;}

/* Navegação no fim do post */
.srt-postnav{background:var(--srt-soft);border-top:1px solid var(--srt-line);padding:34px 0;}
.srt-postnav .srt-wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;}
.srt-postnav-back{font-family:var(--srt-disp);font-weight:800;color:var(--srt-pk);text-decoration:none;}
.srt-postnav-links{display:flex;flex-wrap:wrap;gap:14px;}
.srt-postnav-links a{display:flex;flex-direction:column;gap:2px;max-width:320px;padding:12px 16px;border:1px solid var(--srt-line);border-radius:14px;background:#fff;text-decoration:none;color:var(--srt-ink);font-weight:600;font-size:14px;line-height:1.4;transition:border-color .2s;}
.srt-postnav-links a span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--srt-mut);font-weight:800;}
.srt-postnav-links a:hover{border-color:var(--srt-pk);}

/* Posts do AutoPost: o conteúdo traz o próprio hero, sem espaçamento extra */
.srt-single--selfmade{display:block;}

/* Foco visível para navegação por teclado */
:focus-visible{outline:2px solid var(--srt-pk);outline-offset:3px;}

/* Menu mobile: botão "Fale conosco" dentro do menu aberto */
@media(max-width:980px){
  #srn .srn-mobile-extra .srn-cta{display:flex;}
  #srn .srn-nav{grid-column:1 / -1;grid-row:1;justify-self:stretch;left:calc(-1 * clamp(16px,3vw,36px));right:calc(-1 * clamp(16px,3vw,36px));}
}

/* v1.2: pagina do blog em largura total, 5 colunas, respiro lateral de 60px */
#srBlog .srBlogWrap{max-width:none;padding:0 60px 70px}
#srBlog .srBlogGrid{grid-template-columns:repeat(5,1fr);gap:22px}
@media(max-width:1280px){#srBlog .srBlogGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1120px){#srBlog .srBlogWrap{padding:0 40px 60px}#srBlog .srBlogGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){#srBlog .srBlogWrap{padding:0 20px 48px}#srBlog .srBlogGrid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:540px){#srBlog .srBlogGrid{grid-template-columns:1fr}}

/* v1.2: posts do blog (AutoPost) com o texto dentro do grid; topo, faixas de foto e CTA continuam de ponta a ponta */
.srt-single--selfmade .bpWrap .bpBody{max-width:1100px;margin:0 auto;padding:0 30px}
@media(max-width:768px){.srt-single--selfmade .bpWrap .bpBody{padding:0 18px}}

/* v1.3: rodape com titulos maiores, bullets nos links e link da Gestoras BR */
#srf .srf-col h4{font-size:17px !important;letter-spacing:.05em;margin:0 0 18px;}
#srf .srf-bullets{list-style:none;padding:0;margin:0;}
#srf .srf-bullets li{position:relative;padding-left:18px;}
#srf .srf-bullets li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:#fd288d;box-shadow:0 0 0 3px rgba(253,40,141,.18);}
#srf .srf-org{color:#fd288d !important;text-decoration:none;border-bottom:1px solid rgba(253,40,141,.4);transition:border-color .2s;}
#srf .srf-org:hover{border-bottom-color:#fd288d;}