/* ══════════════════════════════════════════════════════════════════
   SRP Blog – Frontend CSS  v2.0
   Design System: idêntico ao srp-pagina-inicial
   Fontes: 'DM Sans' (UI) + 'Playfair Display' (títulos)
   Todos os seletores sob #srp-blog-wrap
══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');

/* ── RESET SCOPED ────────────────────────────────────────────── */
#srp-blog-wrap *,
#srp-blog-wrap *::before,
#srp-blog-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── VARIÁVEIS — idênticas ao srp-pagina-inicial ─────────────── */
#srp-blog-wrap {
  --verde:      #1e5c30;
  --verde-mid:  #2f6b3f;
  --verde-lt:   #4a8c5c;
  --creme:      #f5efe3;
  --creme-dk:   #ede3d0;
  --ouro:       #c8a84b;
  --ouro-lt:    #e8cd82;
  --texto:      #2b2b2b;
  --branco:     #fff;
  --ln:         rgba(200,168,75,.18);
  --shadow:     0 4px 32px rgba(30,92,48,.12);
  --radius:     10px;
  --nav-h:      72px;
  font-family: 'DM Sans', sans-serif;
  color: var(--texto);
  background: var(--creme);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ── BARRA DE TOPO ────────────────────────────────────────────── */
#srp-blog-wrap .srp-top-bar {
  background: var(--verde);
  color: rgba(245,239,227,.75);
  font-size: 11.5px;
  letter-spacing: .04em;
  padding: 7px 0;
  border-bottom: 1px solid rgba(200,168,75,.2);
}
#srp-blog-wrap .srp-inner { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
#srp-blog-wrap .srp-top-bar .srp-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#srp-blog-wrap .srp-top-bar a { color: inherit; text-decoration: none; }
#srp-blog-wrap .srp-top-bar a:hover { color: var(--ouro-lt); }
#srp-blog-wrap .srp-contact-items { display: flex; align-items: center; gap: 24px; }
#srp-blog-wrap .srp-contact-items span { display: flex; align-items: center; gap: 6px; }
#srp-blog-wrap .srp-social { display: flex; align-items: center; gap: 12px; }
#srp-blog-wrap .srp-social a { width:26px; height:26px; border:1px solid rgba(200,168,75,.3); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; text-decoration:none; color:inherit; transition:all .25s; }
#srp-blog-wrap .srp-social a:hover { border-color:var(--ouro); color:var(--ouro-lt); background:rgba(200,168,75,.1); }

/* ── NAVBAR ───────────────────────────────────────────────────── */
#srp-blog-wrap .srp-navbar { position:sticky; top:0; z-index:1000; background:rgba(245,239,227,.96); backdrop-filter:blur(16px) saturate(1.5); border-bottom:1px solid var(--ln); height:var(--nav-h); transition:box-shadow .3s; }
#srp-blog-wrap .srp-navbar.scrolled { box-shadow:0 4px 40px rgba(30,92,48,.12); }
#srp-blog-wrap .srp-navbar .srp-inner { height:100%; display:flex; align-items:center; }
#srp-blog-wrap .srp-nav-logo { display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; margin-right:40px; }
#srp-blog-wrap .srp-nav-logo img { height:52px; width:auto; display:block; object-fit:contain; }
#srp-blog-wrap .srp-nav-menu { display:flex; align-items:center; gap:0; list-style:none; flex:1; }
#srp-blog-wrap .srp-nav-menu > li { position:relative; }
#srp-blog-wrap .srp-nav-menu > li > a { display:flex; align-items:center; gap:4px; padding:0 12px; height:var(--nav-h); font-size:12px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--texto); text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; transition:all .25s; }
#srp-blog-wrap .srp-nav-menu > li > a:hover,
#srp-blog-wrap .srp-nav-menu > li > a.active { color:var(--verde); border-bottom-color:var(--ouro); }
#srp-blog-wrap .srp-nav-menu > li > a svg { transition:transform .2s; }
#srp-blog-wrap .srp-nav-menu > li:hover > a svg { transform:rotate(180deg); }

/* Dropdown */
#srp-blog-wrap .srp-dropdown { position:absolute; top:calc(100% + 1px); left:0; min-width:220px; background:var(--branco); border:1px solid var(--ln); border-radius:0 0 var(--radius) var(--radius); box-shadow:0 16px 48px rgba(30,92,48,.14); opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .25s; z-index:200; overflow:hidden; }
#srp-blog-wrap .srp-nav-menu > li:hover .srp-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
#srp-blog-wrap .srp-dropdown a { display:block; padding:10px 18px; font-size:12.5px; font-weight:400; color:var(--texto); text-decoration:none; border-left:3px solid transparent; transition:all .2s; }
#srp-blog-wrap .srp-dropdown a:hover { background:rgba(30,92,48,.04); border-left-color:var(--ouro); color:var(--verde); padding-left:22px; }

/* CTA + Hamburger */
#srp-blog-wrap .srp-nav-cta { margin-left:auto; display:flex; align-items:center; gap:10px; flex-shrink:0; }
#srp-blog-wrap .srp-btn-fale-conosco { padding:10px 22px; background:var(--ouro); color:var(--verde); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; border-radius:6px; border:2px solid var(--ouro); cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:all .25s; white-space:nowrap; }
#srp-blog-wrap .srp-btn-fale-conosco:hover { background:var(--ouro-lt); border-color:var(--ouro-lt); transform:translateY(-2px); box-shadow:0 8px 24px rgba(200,168,75,.35); color:var(--verde); }
#srp-blog-wrap .srp-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; margin-left:auto; background:none; border:none; }
#srp-blog-wrap .srp-hamburger span { display:block; width:22px; height:2px; background:var(--verde); border-radius:2px; transition:all .3s; }
#srp-blog-wrap .srp-hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
#srp-blog-wrap .srp-hamburger.open span:nth-child(2) { opacity:0; }
#srp-blog-wrap .srp-hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ── HERO DO BLOG ─────────────────────────────────────────────── */
#srp-blog-wrap .srp-blog-hero { background:var(--verde); padding:56px 0 48px; position:relative; overflow:hidden; }
#srp-blog-wrap .srp-blog-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23c8a84b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
#srp-blog-wrap .srp-blog-hero .srp-inner { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; flex-wrap:wrap; }
#srp-blog-wrap .srp-blog-hero-eyebrow { font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--ouro); margin-bottom:10px; display:flex; align-items:center; gap:10px; }
#srp-blog-wrap .srp-blog-hero-eyebrow::before { content:''; width:28px; height:2px; background:var(--ouro); flex-shrink:0; }
#srp-blog-wrap .srp-blog-hero h1 { font-family:'Playfair Display',serif; font-size:clamp(28px,4vw,48px); font-weight:900; color:var(--branco); line-height:1.1; margin-bottom:10px; }
#srp-blog-wrap .srp-blog-hero h1 em { font-style:italic; color:var(--ouro-lt); }
#srp-blog-wrap .srp-blog-hero-sub { font-size:14px; color:rgba(245,239,227,.7); line-height:1.6; max-width:480px; }
#srp-blog-wrap .srp-blog-hero-search { display:flex; flex-direction:column; gap:10px; flex-shrink:0; min-width:320px; }
#srp-blog-wrap .srp-blog-search-box { display:flex; align-items:center; background:rgba(255,255,255,.08); border:1.5px solid rgba(200,168,75,.35); border-radius:10px; padding:6px 6px 6px 18px; transition:all .2s; }
#srp-blog-wrap .srp-blog-search-box:focus-within { border-color:var(--ouro); background:rgba(255,255,255,.12); }
#srp-blog-wrap .srp-blog-search-box svg { color:rgba(200,168,75,.7); flex-shrink:0; margin-right:10px; }
#srp-blog-wrap #srp-blog-search { flex:1; background:transparent; border:none; outline:none; color:var(--branco); font-size:14px; font-family:'DM Sans',sans-serif; caret-color:var(--ouro); }
#srp-blog-wrap #srp-blog-search::placeholder { color:rgba(255,255,255,.35); }
#srp-blog-wrap #srp-blog-cat-filter { background:rgba(255,255,255,.08); border:1.5px solid rgba(200,168,75,.3); border-radius:8px; color:rgba(245,239,227,.8); padding:10px 14px; font-size:13px; font-family:'DM Sans',sans-serif; cursor:pointer; transition:border-color .2s; outline:none; }
#srp-blog-wrap #srp-blog-cat-filter:focus { border-color:var(--ouro); }
#srp-blog-wrap #srp-blog-cat-filter option { background:var(--verde); color:var(--branco); }

/* ── CONTEÚDO ─────────────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-content { max-width:1280px; margin:0 auto; padding:48px 32px 80px; }

/* ── GRID ─────────────────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }

/* ── CARD ─────────────────────────────────────────────────────── */
#srp-blog-wrap .srp-blog-card { background:var(--branco); border-radius:var(--radius); overflow:hidden; border:1px solid var(--ln); display:flex; flex-direction:column; cursor:pointer; position:relative; transition:all .3s; text-decoration:none; color:var(--texto); }
#srp-blog-wrap .srp-blog-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--verde),var(--ouro)); transform:scaleX(0); transform-origin:left; transition:transform .35s ease; }
#srp-blog-wrap .srp-blog-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); border-color:rgba(200,168,75,.3); }
#srp-blog-wrap .srp-blog-card:hover::after { transform:scaleX(1); }
#srp-blog-wrap .srp-blog-card-img-wrap { aspect-ratio:16/9; overflow:hidden; background:var(--creme-dk); }
#srp-blog-wrap .srp-blog-card-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
#srp-blog-wrap .srp-blog-card:hover .srp-blog-card-img { transform:scale(1.06); }
#srp-blog-wrap .srp-blog-card-img-placeholder { aspect-ratio:16/9; background:linear-gradient(135deg,var(--verde),var(--verde-mid)); display:flex; align-items:center; justify-content:center; font-size:44px; }
#srp-blog-wrap .srp-blog-card-body { padding:20px; flex:1; display:flex; flex-direction:column; gap:10px; }
#srp-blog-wrap .srp-blog-card-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#srp-blog-wrap .srp-blog-cat-badge { display:inline-block; padding:3px 10px; background:var(--ouro); color:var(--verde); font-size:9.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; border-radius:3px; }
#srp-blog-wrap .srp-blog-card-date { font-size:11px; color:#888; }
#srp-blog-wrap .srp-blog-card-titulo { font-family:'Playfair Display',serif; font-size:16px; font-weight:700; color:var(--verde); line-height:1.35; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#srp-blog-wrap .srp-blog-card-resumo { color:#666; font-size:13px; line-height:1.6; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#srp-blog-wrap .srp-blog-card-footer { padding:12px 20px; border-top:1px solid var(--ln); display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#888; }
#srp-blog-wrap .srp-blog-card-autor { display:flex; align-items:center; gap:4px; }
#srp-blog-wrap .srp-blog-card-ler { color:var(--verde); font-weight:600; font-size:11px; letter-spacing:.06em; text-transform:uppercase; display:flex; align-items:center; gap:4px; transition:color .2s; }
#srp-blog-wrap .srp-blog-card:hover .srp-blog-card-ler { color:var(--ouro); }

/* ── LOADING / VAZIO ──────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-loading { display:flex; flex-direction:column; align-items:center; gap:14px; padding:72px 0; color:#888; }
#srp-blog-wrap .srp-blog-spinner { width:36px; height:36px; border:3px solid var(--ln); border-top-color:var(--ouro); border-radius:50%; animation:srpBlogSpin .7s linear infinite; }
@keyframes srpBlogSpin { to { transform: rotate(360deg); } }
#srp-blog-wrap #srp-blog-empty { text-align:center; padding:72px 20px; color:#888; }
#srp-blog-wrap .srp-blog-empty-icon { font-size:56px; margin-bottom:14px; }
#srp-blog-wrap #srp-blog-empty h3 { font-family:'Playfair Display',serif; font-size:22px; color:var(--verde); margin-bottom:8px; }

/* ── PAGINAÇÃO ────────────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:48px; flex-wrap:wrap; }
#srp-blog-wrap .srp-blog-pag-btn { width:38px; height:38px; border:1px solid var(--ln); border-radius:6px; background:var(--branco); color:var(--texto); font-size:13px; font-family:'DM Sans',sans-serif; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; }
#srp-blog-wrap .srp-blog-pag-btn:hover { background:var(--creme-dk); border-color:var(--ouro); color:var(--verde); }
#srp-blog-wrap .srp-blog-pag-btn.ativo { background:var(--verde); border-color:var(--verde); color:var(--ouro-lt); }
#srp-blog-wrap .srp-blog-pag-btn:disabled { opacity:.4; cursor:default; }

/* ── POST ÚNICO ───────────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-single-inner { max-width:820px; margin:0 auto; }
#srp-blog-wrap #srp-blog-btn-back { display:inline-flex; align-items:center; gap:6px; background:none; border:1.5px solid var(--ln); color:var(--verde); font-size:13px; font-family:'DM Sans',sans-serif; font-weight:600; padding:8px 16px; border-radius:6px; cursor:pointer; margin-bottom:32px; transition:all .2s; letter-spacing:.04em; }
#srp-blog-wrap #srp-blog-btn-back:hover { background:var(--verde); color:var(--ouro-lt); border-color:var(--verde); }
#srp-blog-wrap .srp-single-capa { width:100%; max-height:440px; object-fit:cover; border-radius:var(--radius); display:block; margin-bottom:32px; box-shadow:var(--shadow); }
#srp-blog-wrap .srp-single-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
#srp-blog-wrap .srp-single-titulo { font-family:'Playfair Display',serif; font-size:clamp(24px,4vw,36px); font-weight:900; color:var(--verde); line-height:1.2; margin:0 0 16px; }
#srp-blog-wrap .srp-single-info-bar { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:14px 0; border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); margin-bottom:32px; color:#888; font-size:12.5px; }
#srp-blog-wrap .srp-single-info-bar span { display:flex; align-items:center; gap:5px; }
#srp-blog-wrap .srp-single-body { font-size:17px; line-height:1.85; color:var(--texto); }
#srp-blog-wrap .srp-single-body h2 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--verde); margin:32px 0 12px; }
#srp-blog-wrap .srp-single-body h3 { font-family:'Playfair Display',serif; font-size:20px; color:var(--verde-mid); margin:24px 0 10px; }
#srp-blog-wrap .srp-single-body p { margin:0 0 18px; }
#srp-blog-wrap .srp-single-body a { color:var(--verde-mid); text-decoration:underline; }
#srp-blog-wrap .srp-single-body a:hover { color:var(--ouro); }
#srp-blog-wrap .srp-single-body blockquote { border-left:4px solid var(--ouro); margin:28px 0; padding:14px 22px; background:var(--creme-dk); border-radius:0 8px 8px 0; font-style:italic; color:var(--verde); }
#srp-blog-wrap .srp-single-body img { max-width:100%; border-radius:var(--radius); box-shadow:var(--shadow); }
#srp-blog-wrap .srp-single-body ul, #srp-blog-wrap .srp-single-body ol { padding-left:24px; margin-bottom:18px; }
#srp-blog-wrap .srp-single-body li { margin-bottom:6px; }

/* ── RELACIONADOS ─────────────────────────────────────────────── */
#srp-blog-wrap #srp-blog-relacionados-wrap { margin-top:56px; padding-top:40px; border-top:1px solid var(--ln); }
#srp-blog-wrap .srp-blog-rel-titulo { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--verde); margin:0 0 24px; }
#srp-blog-wrap #srp-blog-relacionados-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px; }

/* ── FOOTER ───────────────────────────────────────────────────── */
#srp-blog-wrap .srp-footer { background:#111d14; color:rgba(245,239,227,.7); padding-top:64px; }
#srp-blog-wrap .srp-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(200,168,75,.12); }
#srp-blog-wrap .srp-footer-brand p { font-size:13px; line-height:1.7; color:rgba(245,239,227,.55); max-width:280px; margin:0; }
#srp-blog-wrap .srp-footer-brand p + p { margin-top:10px; }
#srp-blog-wrap .srp-footer-addr { margin-top:10px; font-size:12px; color:rgba(245,239,227,.45); line-height:1.6; }
#srp-blog-wrap .srp-footer-addr a { color:rgba(200,168,75,.7); text-decoration:none; }
#srp-blog-wrap .srp-footer-logo-wrap { margin-bottom:20px; }
#srp-blog-wrap .srp-footer-social { display:flex; gap:10px; margin-top:20px; }
#srp-blog-wrap .srp-footer-social a { width:36px; height:36px; border:1px solid rgba(200,168,75,.2); border-radius:8px; display:flex; align-items:center; justify-content:center; color:rgba(245,239,227,.5); font-size:14px; text-decoration:none; transition:all .25s; }
#srp-blog-wrap .srp-footer-social a:hover { border-color:var(--ouro); color:var(--ouro-lt); background:rgba(200,168,75,.08); }
#srp-blog-wrap .srp-footer-col h5 { font-family:'Playfair Display',serif; font-size:14px; font-weight:700; color:var(--ouro-lt); margin:0 0 18px; padding-bottom:10px; border-bottom:1px solid rgba(200,168,75,.15); }
#srp-blog-wrap .srp-footer-col ul { list-style:none; }
#srp-blog-wrap .srp-footer-col ul li + li { margin-top:10px; }
#srp-blog-wrap .srp-footer-col ul li a { font-size:13px; color:rgba(245,239,227,.55); text-decoration:none; display:flex; align-items:center; gap:6px; transition:color .2s; }
#srp-blog-wrap .srp-footer-col ul li a::before { content:'›'; color:var(--ouro); font-size:16px; line-height:1; }
#srp-blog-wrap .srp-footer-col ul li a:hover { color:var(--ouro-lt); }
#srp-blog-wrap .srp-footer-bottom { padding:20px 0; display:flex; align-items:center; justify-content:space-between; font-size:12px; color:rgba(245,239,227,.3); gap:16px; flex-wrap:wrap; }
#srp-blog-wrap .srp-footer-bottom a { color:rgba(200,168,75,.6); text-decoration:none; }
#srp-blog-wrap .srp-footer-bottom a:hover { color:var(--ouro); }

/* ── SCROLL TO TOP ────────────────────────────────────────────── */
#srp-blog-wrap .srp-scroll-top { position:fixed; bottom:28px; right:28px; z-index:8000; width:46px; height:46px; background:var(--verde); border:2px solid rgba(200,168,75,.4); border-radius:50%; color:var(--ouro-lt); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 24px rgba(30,92,48,.35); opacity:0; visibility:hidden; transform:translateY(16px) scale(.85); transition:opacity .3s, visibility .3s, transform .3s cubic-bezier(.34,1.56,.64,1); }
#srp-blog-wrap .srp-scroll-top.visible { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
#srp-blog-wrap .srp-scroll-top:hover { background:var(--verde-mid); border-color:var(--ouro); transform:translateY(-3px) scale(1.06); }

/* ── RESPONSIVO ───────────────────────────────────────────────── */
@media (max-width: 1100px) {
  #srp-blog-wrap .srp-nav-menu { display:none; }
  #srp-blog-wrap .srp-hamburger { display:flex; }
  #srp-blog-wrap .srp-nav-cta .srp-btn-fale-conosco { display:none; }
}
@media (max-width: 1024px) {
  #srp-blog-wrap .srp-footer-grid { grid-template-columns: 1fr 1fr; }
  #srp-blog-wrap #srp-blog-grid { grid-template-columns: repeat(2,1fr); }
  #srp-blog-wrap .srp-blog-hero .srp-inner { flex-direction:column; }
  #srp-blog-wrap .srp-blog-hero-search { min-width:auto; width:100%; }
}
@media (max-width: 768px) {
  #srp-blog-wrap .srp-top-bar { display:none; }
  #srp-blog-wrap .srp-nav-cta .srp-btn-fale-conosco { display:none; }
  #srp-blog-wrap .srp-hamburger { display:flex; }
  #srp-blog-wrap .srp-nav-logo { margin-right:0; }
  #srp-blog-wrap .srp-nav-logo img { height:44px; }
  #srp-blog-wrap .srp-navbar .srp-inner { justify-content:space-between; gap:8px; }
  #srp-blog-wrap .srp-nav-cta { margin-left:auto; gap:6px; }
  #srp-blog-wrap .srp-nav-menu.srp-mobile-open { display:flex; flex-direction:column; position:fixed; top:var(--nav-h); left:0; right:0; background:var(--creme); border-bottom:2px solid var(--ln); padding:16px 0 24px; box-shadow:0 20px 60px rgba(30,92,48,.15); z-index:999; max-height:calc(100vh - var(--nav-h)); overflow-y:auto; }
  #srp-blog-wrap .srp-nav-menu.srp-mobile-open > li > a { height:auto; padding:14px 28px; border-bottom:1px solid var(--ln) !important; }
  #srp-blog-wrap .srp-dropdown { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; border-radius:0; background:rgba(30,92,48,.04); }
  #srp-blog-wrap .srp-dropdown a { padding-left:40px !important; }
  #srp-blog-wrap #srp-blog-grid { grid-template-columns:1fr; }
  #srp-blog-wrap #srp-blog-content { padding:32px 20px 60px; }
  #srp-blog-wrap .srp-inner { padding:0 20px; }
  #srp-blog-wrap .srp-single-titulo { font-size:26px; }
  #srp-blog-wrap .srp-single-body { font-size:15px; }
  #srp-blog-wrap #srp-blog-relacionados-grid { grid-template-columns:1fr; }
  #srp-blog-wrap .srp-footer-grid { grid-template-columns:1fr; }
  #srp-blog-wrap .srp-footer-bottom { flex-direction:column; text-align:center; }
  #srp-blog-wrap .srp-blog-hero { padding:40px 0 36px; }
}
@media (max-width: 480px) {
  #srp-blog-wrap .srp-inner { padding:0 16px; }
}

/* ── Overlay Fullscreen HTML posts ─────────────────────────────── */
#srp-fullscreen-overlay {
  animation: srp-fs-fadein .18s ease;
}
@keyframes srp-fs-fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
#srp-fullscreen-close:hover {
  background: rgba(0,0,0,.8) !important;
  transform: scale(1.08);
}