/* Reverse Bladder Leaks — static site stylesheet
   Extraido do bloco #rbl-theme (Code Snippet id 5) do site WordPress ao vivo,
   mais um reset minimo e o layout de header/footer/grid que antes vinha
   do tema Hostinger AI (FSE). Fidelidade visual ao site atual. */

* { box-sizing: border-box; }
body { margin: 0; }
img { max-width: 100%; height: auto; }

:root{
  --rbl-teal:#2A9D8F;
  --rbl-teal-dark:#1F7A6E;
  --rbl-teal-hover:#268a7e;
  --rbl-coral:#E76F51;
  --rbl-coral-hover:#d75f43;
  --rbl-bg-pale:#E9F5F3;
  --rbl-bg-light:#F7F9F9;
  --rbl-border:#D8E8E4;
  --rbl-text:#333A3D;
  --rbl-text-muted:#5A7270;
}

body,p,li{color:var(--rbl-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-size:17px;}
h1,h2,h3,h4,.entry-title{color:var(--rbl-teal-dark);font-family:'Merriweather',Georgia,serif;line-height:1.3;}
a{color:var(--rbl-teal);}
a:hover{color:var(--rbl-teal-hover);}

/* ---- layout shell ---- */
.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem;}
.content-wrap{max-width:760px;margin:0 auto;padding:0 1.5rem;}

/* ---- header ---- */
.site-header{background:#ffffff;border-bottom:1px solid #eee;}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 1.5rem;flex-wrap:wrap;gap:0.8rem;}
.site-header img.logo{max-height:56px;width:auto;display:block;}
.site-nav ul{list-style:none;display:flex;gap:1.4rem;margin:0;padding:0;flex-wrap:wrap;font-size:14px;}
.site-nav a{text-decoration:none;color:var(--rbl-text);font-weight:500;}
.site-nav a:hover{color:var(--rbl-teal);}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--rbl-teal-dark);}
@media(max-width:781px){
  .nav-toggle{display:block;}
  .site-nav{display:none;width:100%;}
  .site-nav.is-open{display:block;}
  .site-nav ul{flex-direction:column;gap:0;border-top:1px solid #eee;margin-top:0.6rem;}
  .site-nav a{display:block;padding:0.7rem 0;}
}

/* ---- article ---- */
.post-hero-title{text-align:center;padding:2.5rem 1.5rem 1.5rem;}
.post-hero-title h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);margin:0;}
.post-featured-image{max-width:1100px;margin:0 auto 2rem;padding:0 1.5rem;}
.post-featured-image img{border-radius:20px;width:100%;object-fit:cover;display:block;}
.post-data-publicacao{font-size:0.82em;color:#8a8f90;margin:0 0 1.4em 0;}
.entry-content{max-width:760px;margin:0 auto;padding:0 1.5rem 2rem;}
.entry-content p{margin:0 0 1.2em;}
.entry-content h2{margin:2rem 0 1rem;font-size:1.5rem;}
.entry-content h3{margin:1.6rem 0 0.8rem;font-size:1.2rem;}
.entry-content img.body-img{width:100%;max-width:600px;display:block;margin:1.5rem auto;border-radius:8px;}

.quick-answer{background:var(--rbl-bg-pale);border-left:4px solid var(--rbl-teal);padding:16px 20px;border-radius:6px;margin:22px 0;}
.quick-answer strong{color:var(--rbl-teal-dark);}

.cta-box{background:var(--rbl-bg-pale);border:1px solid var(--rbl-teal);border-radius:10px;padding:22px;text-align:center;margin:26px 0;}
.cta-box p{margin:6px 0;}
.cta-box a{display:inline-block;background:var(--rbl-coral);color:#fff !important;padding:12px 26px;border-radius:8px;font-weight:700;text-decoration:none;margin-top:6px;}
.cta-box a:hover{background:var(--rbl-coral-hover);}

table{width:100%;border-collapse:collapse;margin:1.5rem 0;}
.entry-content table{overflow-x:auto;display:block;}
thead th{background:var(--rbl-teal-dark);color:var(--rbl-bg-light);font-family:Merriweather,Georgia,serif;text-align:left;}
td,th{padding:10px 14px;border:1px solid var(--rbl-border);}
tbody tr:nth-child(even){background:var(--rbl-bg-pale);}

.author-box{display:flex;align-items:center;gap:14px;background:var(--rbl-bg-light);border:1px solid var(--rbl-border);border-radius:10px;padding:16px 18px;margin:1.8rem 0 1rem;}
.author-box img{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--rbl-bg-pale);}
.author-box .name{margin:0;color:var(--rbl-teal-dark);font-family:Merriweather,Georgia,serif;font-size:1.05rem;font-weight:700;}
.author-box .bio{margin:3px 0 0;color:var(--rbl-text-muted);font-size:0.9rem;}
.author-box .bio a{color:var(--rbl-teal);text-decoration:none;}

/* ---- home grid ---- */
.editors-pick-hero{background:var(--rbl-teal);padding:2rem 1.5rem;margin:2rem auto;border-radius:10px;max-width:1200px;color:#fff;}
.editors-pick-hero h2, .editors-pick-hero p{color:#fff;}
.latest-heading{max-width:1200px;margin:2.5rem auto 1rem;padding:0 1.5rem;font-size:1.5rem;}
.home-grid{max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem;display:flex;flex-wrap:wrap;gap:2.4rem 2rem;}
.home-grid .card{flex:0 1 calc(33.333% - 1.34rem);min-width:0;}
.home-grid .card img{border-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:0.7rem;}
.home-grid .card .cat{color:var(--rbl-coral);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}
.home-grid .card h3{font-size:1.05rem;margin:0.4rem 0;}
.home-grid .card a{text-decoration:none;}
.home-grid .card .excerpt{font-size:0.9rem;color:var(--rbl-text-muted);}
@media(max-width:1023px){.home-grid .card{flex-basis:calc(50% - 1rem);}}
@media(max-width:781px){.home-grid .card{flex-basis:100%;}}

/* ---- footer ---- */
.site-footer{background:#EBF7F4;padding:3.5rem 1.5rem 2.5rem;margin-top:3rem;}
.site-footer .cols{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;}
.site-footer .col{flex:1 1 220px;}
.site-footer .col-title{color:var(--rbl-teal-dark);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:0.85rem;margin-bottom:0.6rem;}
.site-footer .brand{color:var(--rbl-teal-dark);font-weight:700;margin-bottom:0.4rem;font-size:1rem;}
.site-footer p{color:var(--rbl-text-muted);font-size:0.9rem;line-height:1.7;margin:0;}
.site-footer a{color:var(--rbl-teal);text-decoration:none;}
.site-footer .links{line-height:2.2;}
.site-footer .bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.2rem;border-top:1px solid #C8E6E1;text-align:center;font-size:0.85rem;color:var(--rbl-text-muted);}

/* ---- sales page ---- */
.sales-hero{background:linear-gradient(180deg,#E9F5F3,#ffffff);padding:3rem 1.5rem 2.5rem;text-align:center;}
.sales-hero h1{font-size:clamp(1.8rem,1.3rem + 2.5vw,2.7rem);max-width:820px;margin:0 auto 1rem;}
.sales-hero .subhead{max-width:680px;margin:0 auto 1.6rem;font-size:1.15rem;color:var(--rbl-text-muted);}
.sales-cta-btn{display:inline-block;background:var(--rbl-coral);color:#fff !important;padding:16px 38px;border-radius:10px;font-weight:700;font-size:1.1rem;text-decoration:none;box-shadow:0 6px 18px rgba(231,111,81,0.3);}
.sales-cta-btn:hover{background:var(--rbl-coral-hover);}
.sales-guarantee{font-size:0.85rem;color:var(--rbl-text-muted);margin-top:0.8rem;}
.sales-section{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem;}
.sales-section.alt{background:var(--rbl-bg-light);max-width:100%;}
.sales-section.alt > .inner{max-width:820px;margin:0 auto;}
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;margin:1.5rem 0;}
.benefit-card{background:var(--rbl-bg-pale);border-radius:10px;padding:1.4rem;}
.benefit-card h3{font-size:1.05rem;margin:0 0 0.4rem;}
.benefit-card p{font-size:0.92rem;color:var(--rbl-text-muted);margin:0;}
.sticky-cta{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--rbl-border);padding:0.8rem 1.5rem;text-align:center;box-shadow:0 -4px 14px rgba(0,0,0,0.06);z-index:10;}
