/* =========================================================
   ATRIIUM ASSISTÊNCIA FUNERAL — Folha de estilos (Passo 1)
   Paleta: azul-marinho #1b2c46 · bege #f7f2ea · dourado #c2a06a
   Fontes: Playfair Display (títulos) + Public Sans (corpo)
   ========================================================= */

:root{
  --navy:#1b2c46;          /* azul-marinho escuro */
  --navy-2:#243a5c;        /* marinho mais claro */
  --cream:#f7f2ea;         /* fundo bege */
  --cream-2:#fdfaf5;       /* fundo mais claro */
  --gold:#c2a06a;          /* dourado / bronze */
  --gold-dark:#a8854f;
  --text:#2c3542;          /* texto principal */
  --muted:#6b7280;         /* texto secundário */
  --white:#ffffff;
  --border:rgba(27,44,70,.1);
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Public Sans', -apple-system, sans-serif;
  --shadow:0 10px 30px rgba(27,44,70,.08);
  --radius:14px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--cream-2);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- Títulos ---------- */
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);font-weight:600;line-height:1.2}
h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:.6rem}
.section-head{text-align:center;max-width:640px;margin:0 auto 3rem}
.section-eyebrow{
  text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;
  color:var(--gold-dark);font-weight:600;margin-bottom:.8rem;
}
.section-sub{color:var(--muted);font-size:1rem}

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 1.8rem;border-radius:50px;font-weight:600;
  font-size:.95rem;transition:all .25s ease;cursor:pointer;border:2px solid transparent;
}
.btn i{font-size:1.1rem}
.btn-primary{background:var(--navy);color:var(--white)}
.btn-primary:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:var(--white)}
.btn-outline-dark{background:transparent;color:var(--navy);border-color:var(--border)}
.btn-outline-dark:hover{border-color:var(--navy)}
.btn-dark{background:var(--navy);color:var(--white)}
.btn-dark:hover{background:var(--navy-2)}
.btn-gold{background:var(--gold);color:var(--white)}
.btn-gold:hover{background:var(--gold-dark);transform:translateY(-2px)}

/* =========================================================
   CABEÇALHO
   ========================================================= */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(253,250,245,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  transition:box-shadow .3s;
}
.header.scrolled{box-shadow:0 4px 20px rgba(27,44,70,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:84px;gap:1rem}

.logo{display:flex;align-items:center;gap:.6rem;color:var(--navy)}
.logo-icon{width:38px;height:38px;color:var(--gold);flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-text strong{font-family:var(--serif);font-size:1.35rem;letter-spacing:.08em;font-weight:700}
.logo-text small{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}

.nav{display:flex;gap:1.8rem}
.nav a{font-size:.92rem;font-weight:500;color:var(--text);position:relative;padding:.3rem 0}
.nav a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--gold);transition:width .3s;
}
.nav a:hover{color:var(--navy)}
.nav a:hover::after{width:100%}

.btn-emergency{
  display:flex;align-items:center;gap:.6rem;background:var(--navy);
  color:var(--white);padding:.55rem 1.2rem;border-radius:50px;transition:background .25s;
}
.btn-emergency:hover{background:var(--navy-2)}
.btn-emergency i{color:var(--gold);font-size:1.2rem}
.btn-emergency span{display:flex;flex-direction:column;line-height:1.2}
.btn-emergency small{font-size:.62rem;opacity:.75;letter-spacing:.05em}
.btn-emergency strong{font-size:.9rem;font-weight:600}

.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.menu-toggle span{width:26px;height:2.5px;background:var(--navy);border-radius:2px;transition:.3s}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;padding-top:84px;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.05);animation:heroZoom 18s ease-in-out infinite alternate;
}
@keyframes heroZoom{from{transform:scale(1.05)}to{transform:scale(1.15)}}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(105deg, rgba(253,250,245,.97) 0%, rgba(253,250,245,.85) 42%, rgba(253,250,245,.25) 70%, rgba(27,44,70,.35) 100%);
}
.hero-content{position:relative;z-index:2;max-width:620px;padding:4rem 0}
.hero-eyebrow{
  text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;
  color:var(--gold-dark);font-weight:600;margin-bottom:1.2rem;
}
.hero-title{
  font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1.3rem;color:var(--navy);
}
.hero-title em{font-style:italic;color:var(--gold-dark)}
.hero-sub{font-size:1.08rem;color:var(--muted);margin-bottom:2rem;max-width:480px}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}

.hero-words{
  position:absolute;right:6%;bottom:14%;z-index:2;text-align:right;
  font-family:var(--serif);font-style:italic;color:rgba(255,255,255,.92);
  font-size:clamp(1rem,2vw,1.4rem);line-height:2;
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}

/* =========================================================
   DIFERENCIAIS (4 ícones)
   ========================================================= */
.features{padding:5.5rem 0;background:var(--cream)}
.features-grid{
  display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:2rem;align-items:start;
}
.features-intro h2{margin-bottom:1rem}
.features-intro p{color:var(--muted);font-size:.95rem}
.feature-item{text-align:center}
.feature-icon{
  width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;
  background:var(--white);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-dark);font-size:1.6rem;box-shadow:var(--shadow);
}
.feature-item h3{font-size:1.05rem;margin-bottom:.4rem;font-family:var(--sans);font-weight:600}
.feature-item p{font-size:.85rem;color:var(--muted);line-height:1.5}

/* =========================================================
   SERVIÇOS (5 cards)
   ========================================================= */
.services{padding:5.5rem 0}
.services-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;
}
.service-card{
  background:var(--white);border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--border);transition:transform .3s, box-shadow .3s;
  display:flex;flex-direction:column;
}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-img{
  height:150px;display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.9);font-size:2.6rem;position:relative;
}
/* Fundos gradientes elegantes — substitua por fotos reais da empresa */
.gradient-1{background:linear-gradient(135deg,#2c4366,#1b2c46)}
.gradient-2{background:linear-gradient(135deg,#3d5a50,#2a4038)}
.gradient-3{background:linear-gradient(135deg,#6b5a45,#4a3d2e)}
.gradient-4{background:linear-gradient(135deg,#4a4a5a,#2c2c3a)}
.gradient-5{background:linear-gradient(135deg,#8a7a6a,#6b5a4a)}
.service-body{padding:1.3rem 1.2rem 1.5rem;flex:1;display:flex;flex-direction:column}
.service-body h3{font-size:1.1rem;margin-bottom:.5rem;font-family:var(--sans);font-weight:600}
.service-body p{font-size:.85rem;color:var(--muted);margin-bottom:1rem;flex:1}
.service-link{
  font-size:.82rem;font-weight:600;color:var(--gold-dark);
  display:inline-flex;align-items:center;gap:.3rem;
}
.service-link:hover{color:var(--navy)}

/* =========================================================
   PASSO A PASSO
   ========================================================= */
.steps{padding:5.5rem 0;background:var(--cream);position:relative;overflow:hidden}
.steps::before{
  content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);
  width:180px;height:300px;opacity:.12;
  background:radial-gradient(circle,var(--gold) 0%,transparent 70%);
}
.steps-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;position:relative}
.steps-text h2{margin-bottom:1rem}
.steps-lead{font-family:var(--serif);font-size:1.2rem;color:var(--navy);margin-bottom:.8rem}
.steps-text p{color:var(--muted);margin-bottom:2rem}
.steps-list{display:flex;flex-direction:column;gap:1.4rem}
.steps-list li{display:flex;gap:1.2rem;align-items:flex-start}
.step-num{
  flex-shrink:0;width:44px;height:44px;border-radius:50%;
  background:var(--navy);color:var(--gold);font-family:var(--serif);
  font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.steps-list h4{font-size:1.05rem;margin-bottom:.25rem;font-family:var(--sans);font-weight:600}
.steps-list p{font-size:.9rem;color:var(--muted)}

/* =========================================================
   BANNER CITAÇÃO (escuro)
   ========================================================= */
.banner{position:relative;padding:5rem 0;overflow:hidden;color:var(--white)}
.banner-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.banner-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(27,44,70,.94) 0%,rgba(27,44,70,.82) 60%,rgba(27,44,70,.6) 100%)}
.banner-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr auto 1fr;gap:3rem;align-items:center}
.banner-eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:var(--gold);margin-bottom:.8rem}
.banner-text h2{color:var(--white);font-size:clamp(1.8rem,3.2vw,2.5rem);margin-bottom:1rem}
.banner-text p{color:rgba(255,255,255,.78);max-width:480px}
.banner-flower{width:180px;opacity:.85}
.banner-flower svg{width:100%;height:auto}
.banner-note{
  font-family:var(--serif);font-style:italic;font-size:1.3rem;
  color:var(--gold);text-align:right;line-height:1.5;
}

/* =========================================================
   PLANOS
   ========================================================= */
.plans{padding:5.5rem 0}
.plans .section-head{margin-bottom:3.5rem}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.plan-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:2.2rem 1.8rem;text-align:center;position:relative;
  display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;
}
.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.plan-featured{
  background:var(--navy);color:var(--white);border-color:var(--navy);
  transform:scale(1.04);box-shadow:0 20px 50px rgba(27,44,70,.25);
}
.plan-featured:hover{transform:scale(1.04) translateY(-5px)}
.plan-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--gold);color:var(--white);font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;padding:.35rem 1rem;border-radius:50px;
}
.plan-card h3{font-size:1.4rem;margin-bottom:.3rem}
.plan-featured h3{color:var(--white)}
.plan-desc{font-size:.88rem;color:var(--muted);margin-bottom:1.5rem}
.plan-featured .plan-desc{color:rgba(255,255,255,.7)}
.plan-list{text-align:left;margin-bottom:2rem;flex:1;display:flex;flex-direction:column;gap:.7rem}
.plan-list li{display:flex;align-items:center;gap:.6rem;font-size:.9rem}
.plan-list i{color:var(--gold-dark);font-size:1.1rem;flex-shrink:0}
.plan-featured .plan-list i{color:var(--gold)}
.plan-featured .plan-list{color:rgba(255,255,255,.9)}
.plan-btn{justify-content:center;margin-top:auto}
.plan-featured .plan-btn{border-color:rgba(255,255,255,.3);color:var(--white)}
.plan-featured .plan-btn:hover{border-color:var(--gold);color:var(--gold)}

/* =========================================================
   DEPOIMENTOS + FAQ
   ========================================================= */
.testimonials-faq{padding:5.5rem 0;background:var(--cream)}
.tf-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}
.testimonials h2{margin-bottom:2rem}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem}
.testimonial{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.5rem;position:relative;
}
.quote-icon{color:var(--gold);font-size:1.6rem;margin-bottom:.5rem;display:block}
.testimonial p{font-size:.9rem;color:var(--text);font-style:italic;margin-bottom:1rem;line-height:1.6}
.testimonial footer{font-size:.82rem;font-weight:600;color:var(--muted)}
.see-more{font-size:.88rem;font-weight:600;color:var(--gold-dark);display:inline-flex;align-items:center;gap:.3rem}
.see-more:hover{color:var(--navy)}

.faq h2{margin-bottom:.3rem}
.faq-sub{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{
  width:100%;background:none;border:none;padding:1.1rem 0;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--navy);
  cursor:pointer;text-align:left;transition:color .2s;
}
.faq-q:hover{color:var(--gold-dark)}
.faq-q i{font-size:1.2rem;color:var(--gold-dark);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 0 1.1rem;font-size:.9rem;color:var(--muted)}
.faq .see-more{margin-top:1.2rem}

/* =========================================================
   RODAPÉ
   ========================================================= */
.footer{background:var(--navy);color:rgba(255,255,255,.8);padding-top:4rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem}
.footer-brand .logo{color:var(--white);margin-bottom:1rem}
.footer-brand .logo-text small{color:rgba(255,255,255,.6)}
.footer-tag{font-size:.88rem;line-height:1.7;margin-bottom:1.5rem;color:rgba(255,255,255,.65)}
.socials{display:flex;gap:.8rem}
.socials a{
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);
  transition:all .25s;font-size:1rem;
}
.socials a:hover{background:var(--gold);border-color:var(--gold);color:var(--white)}
.footer h4{
  color:var(--white);font-family:var(--sans);font-size:.85rem;
  text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.2rem;font-weight:600;
}
.footer-contact p{display:flex;align-items:center;gap:.6rem;font-size:.9rem;margin-bottom:.8rem;color:rgba(255,255,255,.75)}
.footer-contact i{color:var(--gold);font-size:1rem}
.footer-links{display:flex;flex-direction:column;gap:.6rem}
.footer-links a{font-size:.9rem;color:rgba(255,255,255,.7);transition:color .2s}
.footer-links a:hover{color:var(--gold)}
.btn-whats{
  display:inline-flex;align-items:center;gap:.8rem;
  background:var(--white);color:var(--navy);padding:.9rem 1.4rem;
  border-radius:50px;font-weight:600;font-size:.9rem;transition:transform .25s;
}
.btn-whats:hover{transform:translateY(-3px)}
.btn-whats i{font-size:1.6rem;color:#25D366}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:1.3rem 0}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.5);text-align:center}

/* ---------- WhatsApp flutuante ---------- */
.whats-float{
  position:fixed;bottom:24px;right:24px;z-index:99;
  width:58px;height:58px;border-radius:50%;background:#25D366;
  color:var(--white);display:flex;align-items:center;justify-content:center;
  font-size:1.8rem;box-shadow:0 8px 25px rgba(37,211,102,.4);
  animation:pulse 2.5s infinite;transition:transform .25s;
}
.whats-float:hover{transform:scale(1.1)}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}
  70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

/* =========================================================
   ANIMAÇÃO DE APARECER AO ROLAR (scroll reveal)
   ========================================================= */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */
@media (max-width:1024px){
  .features-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .features-intro{grid-column:1/-1;text-align:center;max-width:560px;margin:0 auto}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .steps-inner{grid-template-columns:1fr;gap:2.5rem}
  .banner-inner{grid-template-columns:1fr;text-align:center}
  .banner-flower{margin:0 auto;order:-1;width:120px}
  .banner-note{text-align:center}
  .tf-grid{grid-template-columns:1fr;gap:3rem}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:768px){
  .nav{
    position:fixed;top:84px;left:0;right:0;background:var(--cream-2);
    flex-direction:column;gap:0;padding:1rem 0;border-bottom:1px solid var(--border);
    transform:translateY(-120%);transition:transform .35s ease;box-shadow:var(--shadow);
  }
  .nav.open{transform:translateY(0)}
  .nav a{padding:.9rem 24px;border-bottom:1px solid var(--border)}
  .menu-toggle{display:flex}
  .btn-emergency span{display:none}
  .btn-emergency{padding:.6rem}
  .hero{min-height:auto;padding:6rem 0 4rem}
  .hero-words{display:none}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .plan-featured{transform:none}
  .plan-featured:hover{transform:translateY(-5px)}
  .testimonial-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .hero-ctas .btn{width:100%;justify-content:center}
}

@media (max-width:480px){
  .services-grid{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
}

/* =========================================================
   FORMULÁRIO DE CONTATO (Passo 2)
   ========================================================= */
.contact{padding:5.5rem 0;background:var(--cream-2)}
.contact-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
.contact-text h2{margin-bottom:1rem}
.contact-text p{color:var(--muted);margin-bottom:1.8rem}
.contact-info{display:flex;flex-direction:column;gap:.9rem}
.contact-info li{display:flex;align-items:center;gap:.7rem;font-size:.95rem;color:var(--navy);font-weight:500}
.contact-info i{color:var(--gold-dark);font-size:1.2rem;width:24px;text-align:center}
.contact-info small{color:var(--muted);font-weight:400;font-size:.8rem;margin-left:.3rem}
.contact-form{
  background:var(--white);padding:2.2rem;border-radius:var(--radius);
  border:1px solid var(--border);box-shadow:var(--shadow);
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{margin-bottom:1.1rem}
.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:.35rem}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;padding:.75rem 1rem;border:1px solid #ddd5c8;border-radius:8px;
  font-family:var(--sans);font-size:.92rem;color:var(--text);
  background:var(--cream-2);transition:border .2s, box-shadow .2s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(194,160,106,.15);
}
.form-group textarea{resize:vertical;min-height:100px}
.btn-full{width:100%;justify-content:center;font-size:1rem;padding:1rem}
.form-note{font-size:.75rem;color:var(--muted);text-align:center;margin-top:.9rem}

@media (max-width:900px){
  .contact-inner{grid-template-columns:1fr;gap:2.5rem}
}
@media (max-width:560px){
  .form-row{grid-template-columns:1fr}
}

/* =========================================================
   PREÇO DOS PLANOS + BLOG (Passo 3)
   ========================================================= */
.plan-preco{
  font-family:var(--serif);font-size:1.7rem;font-weight:700;
  color:var(--gold-dark);margin:.3rem 0 .4rem;
}
.plan-featured .plan-preco{color:var(--gold)}

.blog-hero{background:var(--cream);padding:8rem 0 3rem;text-align:center;border-bottom:1px solid var(--border)}
.blog-hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:.8rem}
.blog-hero-sub{color:var(--muted);max-width:520px;margin:0 auto}
.blog-list{padding:4rem 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.8rem;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;
}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.blog-card-date{font-size:.78rem;color:var(--gold-dark);font-weight:600;margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem}
.blog-card h3{font-size:1.15rem;margin-bottom:.6rem;font-family:var(--serif);line-height:1.35}
.blog-card p{font-size:.88rem;color:var(--muted);margin-bottom:1rem;flex:1}
.vazio-blog{text-align:center;color:var(--muted);padding:4rem;font-style:italic}

.post-page{padding:8rem 0 4rem;background:var(--cream-2)}
.post-container{max-width:760px}
.post-full{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;margin:1.5rem 0}
.post-date{font-size:.82rem;color:var(--gold-dark);font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}
.post-full h1{font-size:clamp(1.6rem,3.5vw,2.3rem);margin-bottom:1rem;line-height:1.25}
.post-resumo{font-size:1.05rem;color:var(--muted);font-style:italic;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.post-conteudo{font-size:1rem;line-height:1.85;color:var(--text)}
.post-cta{text-align:center;background:var(--navy);color:var(--white);border-radius:var(--radius);padding:2.5rem;margin-top:2rem}
.post-cta h3{color:var(--white);margin-bottom:1.2rem;font-size:1.3rem}

@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.post-full{padding:1.5rem}}

/* =========================================================
   PÁGINAS DE SERVIÇO (servico.php)
   ========================================================= */
.servico-hero{padding:9rem 0 4rem;color:var(--white);position:relative;overflow:hidden}
.servico-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(27,44,70,.88),rgba(27,44,70,.68))}
.servico-hero .container{position:relative;z-index:2;max-width:820px}
.servico-voltar{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.8);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;transition:color .2s}
.servico-voltar:hover{color:var(--gold)}
.servico-subtitulo{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:var(--gold);font-weight:600;margin-bottom:.8rem}
.servico-hero h1{color:var(--white);font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1rem;line-height:1.2}
.servico-intro{font-size:1.1rem;color:rgba(255,255,255,.85);max-width:600px;line-height:1.7}
.servico-recursos{padding:4.5rem 0;background:var(--cream)}
.recursos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.recurso-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.6rem;text-align:center;transition:transform .3s,box-shadow .3s}
.recurso-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.recurso-icone{width:64px;height:64px;margin:0 auto 1.2rem;border-radius:50%;background:var(--cream);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-size:1.7rem}
.recurso-card h3{font-size:1.1rem;margin-bottom:.6rem;font-family:var(--sans);font-weight:600}
.recurso-card p{font-size:.9rem;color:var(--muted);line-height:1.6}
.servico-conteudo{padding:4.5rem 0}
.servico-conteudo-inner{max-width:760px}
.servico-conteudo h2{margin-bottom:1.2rem}
.servico-conteudo p{font-size:1.02rem;line-height:1.9;color:var(--text)}
.servico-cta{background:var(--navy);color:var(--white);padding:4rem 0;text-align:center}
.servico-cta h2{color:var(--white);margin-bottom:.8rem;font-size:1.6rem}
.servico-cta p{color:rgba(255,255,255,.75);margin-bottom:1.8rem}
@media (max-width:768px){.recursos-grid{grid-template-columns:1fr}.servico-hero{padding:7rem 0 3rem}}

/* =========================================================
   PÁGINAS DE SERVIÇO (NOVO LAYOUT) — sv- classes
   ========================================================= */
.sv-hero{
  position:relative;min-height:78vh;display:flex;align-items:center;
  background-size:cover;background-position:center;padding:9rem 0 4rem;
}
.sv-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(27,44,70,.92) 0%,rgba(27,44,70,.72) 45%,rgba(27,44,70,.45) 100%);
}
.sv-hero-content{position:relative;z-index:2;max-width:640px;color:#fff}
.sv-back{
  display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.8);
  font-size:.85rem;font-weight:600;margin-bottom:1.5rem;transition:color .2s;
}
.sv-back:hover{color:#c2a06a}
.sv-sub{
  text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;
  color:#c2a06a;font-weight:600;margin-bottom:.9rem;
}
.sv-hero-content h1{
  color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1.1rem;
  font-family:'Playfair Display',serif;font-weight:600;
}
.sv-intro{font-size:1.08rem;color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:2rem;max-width:520px}
.sv-cta{display:inline-flex}

.sv-recursos{padding:5rem 0;background:#f7f2ea}
.sv-section-head{text-align:center;max-width:560px;margin:0 auto 3rem}
.sv-section-head h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.sv-recursos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.sv-card{
  background:#fff;border:1px solid rgba(27,44,70,.08);border-radius:14px;
  padding:2.2rem 1.8rem;text-align:center;transition:transform .3s,box-shadow .3s;
}
.sv-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px rgba(27,44,70,.1)}
.sv-card-icon{
  width:68px;height:68px;margin:0 auto 1.2rem;border-radius:50%;
  background:#f7f2ea;border:1px solid rgba(27,44,70,.08);
  display:flex;align-items:center;justify-content:center;
  color:#a8854f;font-size:1.8rem;
}
.sv-card h3{font-size:1.1rem;margin-bottom:.6rem;font-family:'Public Sans',sans-serif;font-weight:600;color:#1b2c46}
.sv-card p{font-size:.9rem;color:#6b7280;line-height:1.65}

.sv-sobre{padding:5.5rem 0}
.sv-sobre-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.sv-sobre-img{position:relative}
.sv-sobre-img img{
  width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(27,44,70,.18);
  aspect-ratio:4/3;object-fit:cover;
}
.sv-sobre-badge{
  position:absolute;bottom:-24px;right:-20px;
  background:#1b2c46;color:#fff;border-radius:14px;padding:1.1rem 1.4rem;
  display:flex;align-items:center;gap:.8rem;box-shadow:0 12px 30px rgba(27,44,70,.3);
}
.sv-sobre-badge i{font-size:2rem;color:#c2a06a}
.sv-sobre-badge span{font-size:.85rem;font-weight:600;line-height:1.3}
.sv-sobre-text h2{margin-bottom:1.2rem}
.sv-sobre-text p{color:#4a5568;line-height:1.9;margin-bottom:1.5rem;font-size:1rem}
.sv-checklist{display:flex;flex-direction:column;gap:.7rem}
.sv-checklist li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#1b2c46;font-weight:500}
.sv-checklist i{color:#a8854f;font-size:1.2rem;flex-shrink:0}

.sv-quote{
  background:#1b2c46;color:#fff;padding:4.5rem 0;text-align:center;position:relative;overflow:hidden;
}
.sv-quote-icon{font-size:3rem;color:#c2a06a;opacity:.6;margin-bottom:1rem;display:block}
.sv-quote p{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.5;max-width:760px;margin:0 auto;
  color:rgba(255,255,255,.92);
}

.sv-relacionados{padding:5rem 0;background:#f7f2ea}
.sv-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.sv-rel-card{
  background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(27,44,70,.08);
  transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;
}
.sv-rel-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(27,44,70,.12)}
.sv-rel-img{height:140px;background-size:cover;background-position:center}
.sv-rel-body{padding:1.2rem 1.2rem 1.4rem;flex:1;display:flex;flex-direction:column}
.sv-rel-body h3{font-size:1rem;margin-bottom:.4rem;font-family:'Public Sans',sans-serif;font-weight:600;color:#1b2c46}
.sv-rel-body p{font-size:.82rem;color:#6b7280;margin-bottom:.8rem;flex:1}

.sv-cta-final{
  background:linear-gradient(135deg,#1b2c46,#2c4366);color:#fff;
  padding:4.5rem 0;text-align:center;
}
.sv-cta-final h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.8rem}
.sv-cta-final p{color:rgba(255,255,255,.75);margin-bottom:1.8rem}

@media (max-width:1024px){
  .sv-rel-grid{grid-template-columns:repeat(2,1fr)}
  .sv-sobre-grid{gap:2.5rem}
}
@media (max-width:768px){
  .sv-hero{min-height:auto;padding:7rem 0 3rem}
  .sv-recursos-grid{grid-template-columns:1fr}
  .sv-sobre-grid{grid-template-columns:1fr;gap:3rem}
  .sv-sobre-badge{right:10px;bottom:-18px}
}
@media (max-width:560px){
  .sv-rel-grid{grid-template-columns:1fr}
}

/* =========================================================
   PÁGINAS DE SERVIÇO — ESTILO ESCURO (svd-)
   ========================================================= */

/* Header escuro nestas páginas */
body.svd-page{background:#0f0f0f}
body.svd-page .header{background:#0f0f0f;border-bottom:1px solid #222}
body.svd-page .logo{color:#fff}
body.svd-page .logo-text small{color:rgba(255,255,255,.55)}
body.svd-page .nav a{color:rgba(255,255,255,.75)}
body.svd-page .nav a:hover{color:#c2a06a}
body.svd-page .menu-toggle span{background:#fff}
@media (max-width:768px){
  body.svd-page .nav{background:#0f0f0f}
  body.svd-page .nav a{border-bottom-color:#222}
}

/* Hero */
.svd-hero{
  position:relative;min-height:82vh;display:flex;align-items:center;
  background-size:cover;background-position:center;padding:9rem 0 6rem;
}
.svd-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.4) 100%);
}
.svd-hero-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;
  gap:3rem;align-items:center;
}
.svd-hero-left h1{
  color:#fff;font-family:'Playfair Display',serif;font-weight:500;
  font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.1;margin-bottom:1.5rem;
  padding-bottom:1.2rem;border-bottom:2px solid #c2a06a;display:inline-block;
}
.svd-btn-gold{
  display:inline-flex;align-items:center;gap:.5rem;
  border:2px solid #c2a06a;color:#c2a06a;background:transparent;
  padding:.8rem 1.8rem;border-radius:50px;font-weight:600;font-size:.88rem;
  text-transform:uppercase;letter-spacing:.08em;transition:all .25s;
}
.svd-btn-gold:hover{background:#c2a06a;color:#0f0f0f}
.svd-btn-mt{margin-top:1.5rem}
.svd-btn-lg{padding:1rem 2.4rem;font-size:1rem}
.svd-hero-right{max-width:480px;justify-self:end}
.svd-eyebrow{
  color:#c2a06a;text-transform:uppercase;letter-spacing:.22em;
  font-size:.75rem;font-weight:700;margin-bottom:1rem;
}
.svd-intro{color:rgba(255,255,255,.82);font-size:1rem;line-height:1.8}
.svd-curve{position:absolute;bottom:-1px;left:0;width:100%;height:70px;display:block}

/* Seção escura com 3 cards */
.svd-dark{background:#0f0f0f;padding:2rem 0 5rem}
.svd-cards{
  background:#1a1a1a;border-radius:18px;padding:2.8rem 1rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.svd-card{padding:0 2rem;text-align:left}
.svd-card-border{border-left:1px solid #2e2e2e}
.svd-card-icon{
  color:#c2a06a;font-size:1.9rem;margin-bottom:1rem;display:block;
  width:52px;height:52px;border:1px solid #333;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.svd-card h3{
  color:#fff;text-transform:uppercase;letter-spacing:.12em;
  font-size:.9rem;font-weight:700;margin-bottom:.7rem;font-family:'Public Sans',sans-serif;
}
.svd-card p{color:#9a9a9a;font-size:.88rem;line-height:1.7;text-align:justify}

/* Seção clara: Sobre o serviço */
.svd-sobre{background:#f7f2ea;padding:5.5rem 0}
.svd-sobre-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
.svd-eyebrow-gold{
  color:#a8854f;text-transform:uppercase;letter-spacing:.22em;
  font-size:.72rem;font-weight:700;margin-bottom:.8rem;
}
.svd-sobre-text h2{color:#1b2c46;font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1.2rem}
.svd-sobre-text p{color:#4a5568;line-height:1.9;margin-bottom:1.5rem;font-size:1rem}
.svd-checklist{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.5rem}
.svd-checklist li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#1b2c46;font-weight:500}
.svd-checklist i{color:#a8854f;font-size:1.2rem;flex-shrink:0}
.svd-sobre-img img{
  width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(27,44,70,.2);
  aspect-ratio:4/3;object-fit:cover;
}

/* Serviços relacionados (escuro) */
.svd-relacionados{background:#0f0f0f;padding:5rem 0}
.svd-center{text-align:center}
.svd-white{color:#fff;margin-bottom:2.5rem;font-size:clamp(1.7rem,3vw,2.4rem)}
.svd-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.svd-rel-card{
  background:#1a1a1a;border-radius:14px;overflow:hidden;
  transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;
  border:1px solid #262626;
}
.svd-rel-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(0,0,0,.5)}
.svd-rel-img{height:130px;background-size:cover;background-position:center}
.svd-rel-body{padding:1.1rem 1.2rem 1.3rem}
.svd-rel-body h3{color:#fff;font-size:.98rem;margin-bottom:.6rem;font-family:'Public Sans',sans-serif;font-weight:600}
.svd-rel-body span{color:#c2a06a;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem}

/* CTA final */
.svd-cta{
  background:linear-gradient(135deg,#1b2c46,#0f0f0f);color:#fff;
  padding:4.5rem 0;text-align:center;
}
.svd-cta h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.8rem}
.svd-cta p{color:rgba(255,255,255,.7);margin-bottom:2rem}

@media (max-width:900px){
  .svd-hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .svd-hero-right{justify-self:start}
  .svd-cards{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.5rem}
  .svd-card{padding:1rem 0}
  .svd-card-border{border-left:none;border-top:1px solid #2e2e2e;padding-top:1.5rem}
  .svd-sobre-grid{grid-template-columns:1fr;gap:2.5rem}
  .svd-rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .svd-rel-grid{grid-template-columns:1fr}
  .svd-hero{min-height:auto;padding:7rem 0 5rem}
}

/* =========================================================
   PAWMEMORIAL — Página pet (pet-)
   ========================================================= */

/* Ícone de patinha no menu */
.nav-paw{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:#1b2c46;color:#c2a06a;font-size:1.1rem;
  transition:all .25s;
}
.nav-paw:hover{background:#c2a06a;color:#fff;transform:scale(1.1)}
body.svd-page .nav-paw{background:#c2a06a;color:#0f0f0f}

/* Hero */
.pet-hero{
  position:relative;min-height:88vh;display:flex;align-items:center;
  background-size:cover;background-position:center;padding:9rem 0 5rem;
}
.pet-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(27,44,70,.92) 0%,rgba(27,44,70,.7) 45%,rgba(27,44,70,.35) 100%);
}
.pet-hero-content{position:relative;z-index:2;max-width:640px;color:#fff}
.pet-eyebrow{
  text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;
  color:#000;font-weight:700;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;
}
.pet-eyebrow i{font-size:1rem}
.pet-hero-content h1{
  color:#fff;font-family:'Playfair Display',serif;font-weight:600;
  font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1.2rem;
}
.pet-hero-content h1 em{font-style:italic;color:#d4b07a} /* ← dourado mais brilhante */
.pet-sub{
  font-size:1.05rem;
  color:rgba(255,255,255,.96); /* ← de .85 pra .96 — quase branco puro */
  line-height:1.7;
  margin-bottom:2rem;
  max-width:520px;
  text-shadow:0 2px 6px rgba(0,0,0,.4); /* ← sombra leve pra dar destaque */
}
.pet-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-outline-light{
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.75); /* ← de .5 pra .75 — borda mais visível */
}
.btn-outline-light:hover{border-color:#c2a06a;color:#c2a06a}
.pet-quote{
  font-family:'Playfair Display',serif;
  font-style:italic;
  color:rgba(255,255,255,.9); /* ← de .7 pra .9 — bem mais visível */
  font-size:1.05rem;
  line-height:1.6;
  text-shadow:0 1px 4px rgba(0,0,0,.35);
}
.pet-quote strong{color:#d4b07a;font-style:normal} /* ← dourado mais forte */
.pet-quote i{color:#d4b07a}

/* Diferenciais (5 ícones) */
.pet-features{background:#fdfaf5;padding:3.5rem 0;border-bottom:1px solid #e5ddd0}
.pet-features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;text-align:center}
.pet-feat i{font-size:2rem;color:#c2a06a;margin-bottom:.8rem;display:block}
.pet-feat h4{font-size:.95rem;color:#1b2c46;margin-bottom:.4rem;font-weight:600}
.pet-feat p{font-size:.8rem;color:#6b7280;line-height:1.5}

/* Serviços (escuro) */
.pet-services{background:#1b2c46;color:#fff;padding:5rem 0}
.pet-section-head{text-align:center;max-width:600px;margin:0 auto 3rem}
.pet-section-head h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1rem}
.pet-section-head p{color:rgba(255,255,255,.75);font-size:.95rem}
.pet-dark-text h2{color:#1b2c46}
.pet-dark-text p{color:#6b7280}
.pet-eyebrow-gold{
  color:#a8854f;text-transform:uppercase;letter-spacing:.22em;
  font-size:.72rem;font-weight:700;margin-bottom:.8rem;display:block;
}
.pet-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:2.5rem}
.pet-svc{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:1.8rem 1.4rem;text-align:center;
  transition:transform .3s,background .3s;
}
.pet-svc:hover{transform:translateY(-5px);background:rgba(194,160,106,.15)}
.pet-svc i{font-size:2rem;color:#c2a06a;margin-bottom:.8rem;display:block}
.pet-svc h4{font-size:1rem;color:#fff;margin-bottom:.5rem;font-weight:600}
.pet-svc p{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.6}
.pet-center{text-align:center}

/* Planos (claro) */
.pet-plans{background:#f7f2ea;padding:5rem 0}
.pet-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;align-items:stretch}
.pet-plan-card{
  background:#fff;border:1px solid #e5ddd0;border-radius:14px;
  padding:1.8rem 1.4rem;text-align:center;position:relative;
  display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;
}
.pet-plan-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(27,44,70,.12)}
.pet-plan-featured{
  background:#1b2c46;color:#fff;border-color:#1b2c46;
  transform:scale(1.04);box-shadow:0 20px 50px rgba(27,44,70,.25);
}
.pet-plan-featured:hover{transform:scale(1.04) translateY(-5px)}
.pet-plan-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:#c2a06a;color:#fff;font-size:.65rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;padding:.3rem .9rem;border-radius:50px;
}
.pet-plan-card h3{font-size:1.1rem;margin-bottom:.4rem;color:#1b2c46}
.pet-plan-featured h3{color:#fff}
.pet-plan-desc{font-size:.78rem;color:#6b7280;margin-bottom:.6rem;min-height:2.4rem}
.pet-plan-featured .pet-plan-desc{color:rgba(255,255,255,.7)}
.pet-plan-preco{
  font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;
  color:#a8854f;margin-bottom:1rem;
}
.pet-plan-featured .pet-plan-preco{color:#c2a06a}
.pet-plan-list{text-align:left;margin-bottom:1.5rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.pet-plan-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.4}
.pet-plan-list i{color:#a8854f;flex-shrink:0;margin-top:2px}
.pet-plan-featured .pet-plan-list{color:rgba(255,255,255,.9)}
.pet-plan-featured .pet-plan-list i{color:#c2a06a}
.pet-plan-btn{justify-content:center;margin-top:auto;font-size:.82rem;padding:.7rem 1.2rem}

/* Como funciona (passos) */
.pet-steps{background:#fdfaf5;padding:5rem 0}
.pet-steps-grid{display:flex;align-items:stretch;justify-content:center;gap:.5rem;flex-wrap:wrap}
.pet-step{
  background:#fff;border:1px solid #e5ddd0;border-radius:14px;
  padding:1.8rem 1.2rem;text-align:center;flex:1;min-width:180px;max-width:220px;
  position:relative;
}
.pet-step-num{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  width:32px;height:32px;border-radius:50%;background:#c2a06a;color:#fff;
  font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;
}
.pet-step i{font-size:1.8rem;color:#1b2c46;margin:.6rem 0 .8rem;display:block}
.pet-step h4{font-size:.95rem;color:#1b2c46;margin-bottom:.4rem;font-weight:600}
.pet-step p{font-size:.78rem;color:#6b7280;line-height:1.5}
.pet-step-arrow{display:flex;align-items:center;color:#c2a06a;font-size:1.4rem}

/* Depoimentos */
.pet-testimonials{background:#f7f2ea;padding:5rem 0}
.pet-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.pet-test{
  background:#fff;border:1px solid #e5ddd0;border-radius:14px;padding:1.8rem;
  position:relative;text-align:center;
}
.pet-test-avatar{
  width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.6rem;
}
.pet-test p{font-size:.88rem;color:#4a5568;font-style:italic;line-height:1.7;margin-bottom:1rem}
.pet-test footer{font-size:.8rem;color:#1b2c46;font-weight:600;line-height:1.4}

/* Contato pet */
.pet-contact{padding:5rem 0;background:#fdfaf5}
.pet-contact-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
.pet-contact-text h2{color:#1b2c46;margin-bottom:1rem}
.pet-contact-text p{color:#4a5568;line-height:1.8;margin-bottom:1.5rem}

@media (max-width:1024px){
  .pet-features-grid{grid-template-columns:repeat(3,1fr)}
  .pet-services-grid{grid-template-columns:repeat(2,1fr)}
  .pet-plans-grid{grid-template-columns:repeat(2,1fr)}
  .pet-test-grid{grid-template-columns:1fr}
  .pet-contact-inner{grid-template-columns:1fr}
}
@media (max-width:768px){
  .pet-features-grid{grid-template-columns:repeat(2,1fr)}
  .pet-plans-grid{grid-template-columns:1fr}
  .pet-plan-featured{transform:none}
  .pet-step-arrow{display:none}
  .pet-hero{min-height:auto;padding:7rem 0 3rem}
}

/* Pet testimonial avatar = img real */
.pet-test-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #c2a06a;margin:0 auto 1rem;display:block;box-shadow:0 4px 12px rgba(0,0,0,.15)}

/* Patinha SVG personalizada (override) */
.nav-paw{background:transparent !important;border:2px solid #c2a06a !important;width:46px !important;height:46px !important}
.nav-paw:hover{background:#c2a06a !important;transform:scale(1.15) !important}
.nav-paw:hover svg{fill:#0f0f0f !important}
body.svd-page .nav-paw{background:transparent !important;border-color:#c2a06a !important}

/* =========================================================
   RESPIRAÇÃO — JEITO QUE FUNCIONA SEMPRE
   ========================================================= */
.pet-hero {
  position: relative;
}

/* Camada da imagem que vai se mexer */
.pet-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  z-index: 0;
  
  animation: respira 15s ease-in-out infinite alternate;
}

@keyframes respira {
  0%   { transform: scale(1); }
  100% { transform: scale(1.15); }
}

/* Garante que o texto aparece por cima */
.pet-hero-content {
  position: relative;
  z-index: 2;
}
.pet-hero-overlay {
  position: relative;
  z-index: 1;
}
/* =========================================================
   CORREÇÃO FINAL — Patinha visível + Texto + Imagens
   ========================================================= */

/* 1️⃣ PATINHA DO LOGO — FORÇA APARECER */
.logo-icon {
  width: 42px !important;
  height: 42px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.logo-icon path {
  fill: #c2a06a !important;
  stroke: #c2a06a !important;
}

/* Patinha do menu */
.nav-paw svg {
  fill: #c2a06a !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  visibility: visible !important;
}

/* 2️⃣ IMAGENS DE FUNDO — CABEM NA TELA */
.pet-hero,
.hero {
  background-size: cover !important;
  background-position: center center !important;
}
@media (max-width: 768px) {
  .pet-hero,
  .hero {
    background-size: cover !important;
    min-height: 100vh !important;
  }
}

/* 5️⃣ MENU ABERTO — PATINHA VISÍVEL */
.nav-paw {
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================================================
   ATRIIUM — ADIÇÕES DE CSS (cole no FINAL do seu style.css)
   ========================================================= */

/* ========== 1. PÁGINAS DE SERVIÇO: PRETO → CINZA ========== */
body.svd-page{background:#3a3a3a !important}
body.svd-page .header{background:#3a3a3a !important;border-bottom:1px solid #4a4a4a !important}
body.svd-page .logo{color:#fff !important}
body.svd-page .logo-text small{color:rgba(255,255,255,.55) !important}
body.svd-page .nav a{color:rgba(255,255,255,.75) !important}
body.svd-page .nav a:hover{color:#c2a06a !important}
body.svd-page .menu-toggle span{background:#fff !important}
@media (max-width:768px){
  body.svd-page .nav{background:#3a3a3a !important}
  body.svd-page .nav a{border-bottom-color:#4a4a4a !important}
}
.svd-hero-overlay{
  background:linear-gradient(120deg,rgba(58,58,58,.85) 0%,rgba(58,58,58,.6) 50%,rgba(58,58,58,.45) 100%) !important;
}
.svd-dark{background:#3a3a3a !important}
.svd-cards{background:#4a4a4a !important}
.svd-card-border{border-left:1px solid #5a5a5a !important}
.svd-card-icon{border:1px solid #666 !important}
.svd-card p{color:#c5c5c5 !important}
.svd-relacionados{background:#3a3a3a !important}
.svd-rel-card{background:#4a4a4a !important;border:1px solid #555 !important}
.svd-cta{background:linear-gradient(135deg,#1b2c46,#3a3a3a) !important}
@media (max-width:900px){
  .svd-card-border{border-left:none !important;border-top:1px solid #5a5a5a !important}
}

/* ========== 2. NOVO SERVIÇO: EXUMAÇÃO ========== */
.gradient-6{background:linear-gradient(135deg,#5a5040,#3d3628)}
/* Grade com 6 serviços → 3 colunas */
.services-grid{grid-template-columns:repeat(3,1fr) !important}
@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:560px){.services-grid{grid-template-columns:1fr !important}}

/* =========================================================
   PATINHAS FLUTUANTES — 13 PATINHAS
   ========================================================= */
.patinhas-flutuantes {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 99 !important;
  overflow: hidden !important;
}

.pata {
  position: absolute !important;
  color: rgba(194, 160, 106, 0.75) !important;
  width: 52px;
  height: 52px;
  animation: flutua 7s ease-in-out infinite !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.p1  { top: 10%; left: 4%;   animation-delay: 0s;    width: 42px; height: 42px; }
.p2  { top: 12%; right: 8%;  animation-delay: 0.6s;  width: 58px; height: 58px; }
.p3  { top: 24%; left: 10%;  animation-delay: 1.2s;  width: 48px; height: 48px; }
.p4  { top: 28%; right: 4%;  animation-delay: 1.8s;  width: 52px; height: 52px; }
.p5  { top: 35%; left: 2%;   animation-delay: 2.4s;  width: 38px; height: 38px; }
.p6  { top: 40%; right: 12%; animation-delay: 3s;    width: 64px; height: 64px; }
.p7  { top: 48%; left: 14%;  animation-delay: 3.6s;  width: 44px; height: 44px; }
.p8  { top: 55%; right: 2%;  animation-delay: 4.2s;  width: 50px; height: 50px; }
.p9  { top: 62%; left: 6%;   animation-delay: 4.8s;  width: 46px; height: 46px; }
.p10 { top: 68%; right: 10%; animation-delay: 5.4s;  width: 60px; height: 60px; }
.p11 { top: 78%; left: 12%;  animation-delay: 6s;    width: 54px; height: 54px; }
.p12 { top: 82%; right: 6%;  animation-delay: 6.6s;  width: 40px; height: 40px; }
.p13 { top: 88%; left: 3%;   animation-delay: 7.2s;  width: 56px; height: 56px; }

@keyframes flutua {
  0% { transform: translateY(0) rotate(-8deg); }
  50% { transform: translateY(-35px) rotate(8deg); }
  100% { transform: translateY(0) rotate(-8deg); }
}

@media (max-width: 768px) {
  .patinhas-flutuantes { display: none !important; }
}

/* =========================================================
   REDES SOCIAIS — CORES ORIGINAIS
   ========================================================= */
.socials a {
  background: transparent !important;
  border: none !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 1.1rem !important;
  transition: transform 0.3s ease !important;
}

/* Facebook — cor oficial */
.socials a[aria-label="Facebook"] {
  background-color: #1877F2 !important;
}
.socials a[aria-label="Facebook"]:hover {
  background-color: #0d66e0 !important;
  transform: translateY(-3px) !important;
}

/* Instagram — cor oficial */
.socials a[aria-label="Instagram"] {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}
.socials a[aria-label="Instagram"]:hover {
  transform: translateY(-3px) !important;
  filter: brightness(1.1) !important;
}

/* LinkedIn — cor oficial */
.socials a[aria-label="LinkedIn"] {
  background-color: #0A66C2 !important;
}
.socials a[aria-label="LinkedIn"]:hover {
  background-color: #0855a3 !important;
  transform: translateY(-3px) !important;
}

/* ========== 5. CORREÇÃO MOBILE — SVG e imagens ========== */
img,svg,img[src$=".svg"]{max-width:100% !important;height:auto !important;display:block}
.logo-icon{width:42px !important;height:42px !important;display:block !important;visibility:visible !important;opacity:1 !important}
.logo-icon path{fill:#c2a06a !important;stroke:#c2a06a !important}
.nav-paw svg{fill:#c2a06a !important;width:22px !important;height:22px !important;display:block !important;visibility:visible !important}
.nav-paw{opacity:1 !important;visibility:visible !important}
@media (max-width:768px){
  .logo-icon{width:32px !important;height:32px !important}
  .nav-paw{width:42px !important;height:42px !important}
  .pet-hero,.hero{background-size:cover !important;background-position:center center !important;min-height:100vh !important}
  .pet-hero-content h1,.hero-title{font-size:clamp(1.8rem,6vw,2.8rem) !important;line-height:1.2 !important;word-wrap:break-word}
  .pet-sub,.hero-sub{font-size:1rem !important;line-height:1.6 !important}
  .btn,.pet-ctas .btn{width:100% !important;max-width:340px !important;box-sizing:border-box !important}
  .pet-features-grid{grid-template-columns:repeat(2,1fr) !important;gap:1rem}
  .pet-services-grid{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:480px){
  .pet-features-grid,.pet-services-grid,.pet-plans-grid{grid-template-columns:1fr !important}
}

/* =========================================================
   CORREÇÃO DOS CARDS QUE FALTAVAM — Garantido
   ========================================================= */
/* Planos Funerários */
.service-img.gradient-1 {
  background: linear-gradient(135deg, #2c4366, #1b2c46) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 2.6rem !important;
  height: 150px !important;
}

/* Exumação */
.service-img.gradient-6 {
  background: linear-gradient(135deg, #5a5040, #3d3628) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 2.6rem !important;
  height: 150px !important;
}

/* Garante que os ícones apareçam */
.service-img i {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ajusta a grade para 3 colunas (com 6 serviços) */
.services-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* =========================================================
   EFEITO RESPIRAÇÃO — PÁGINAS DE SERVIÇO (servico.php)
   ========================================================= */
.svd-hero {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  animation: respiraSvdHero 15s ease-in-out infinite alternate;
}

@keyframes respiraSvdHero {
  0% {
    background-size: 100% auto;
    background-position: center center;
  }
  100% {
    background-size: 112% auto;
    background-position: center center;
  }
}

/* =========================================================
   CORREÇÃO DEFINITIVA — IMAGEM NÃO REPETE + IGUAL AO PC
   ========================================================= */

/* Para as páginas svd-hero (Sepultamento, Homenagens etc) */
.svd-hero {
  background-repeat: no-repeat !important;
  background-size: 1200px auto !important;
  background-position: center top !important;
  height: 700px !important;
  min-height: auto !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

/* Garante que NENHUM outro elemento duplique a imagem */
.svd-hero::before,
.svd-hero::after,
.svd-hero-overlay {
  background-image: none !important;
  background-repeat: no-repeat !important;
}

/* Mantém animação SEM repetir */
@keyframes respiraSvdHero {
  0% {
    background-size: 1200px auto;
    background-position: center top;
  }
  100% {
    background-size: 1300px auto;
    background-position: center top;
  }
}

/* Garante que o texto não sai do lugar */
.svd-hero-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}