.elementor-4738 .elementor-element.elementor-element-58ced1e{--display:flex;}.elementor-4738 .elementor-element.elementor-element-7d1930e > .elementor-widget-container{margin:-11px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-7d1930e *//* =================================
   SITE PAI PEDRO - QUIMBANDA LUCIFERIANA
   Stylesheet Principal (COMPLETÃO + PRIVACIDADE)
   ================================= */

/* === RESET E VARIÁVEIS === */
*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --cor-primaria:#bc1823;
  --cor-secundaria:#000000;
  --cor-terciaria:#b8a5a5;
  --cor-branco:#ffffff;
  --cor-texto:#333333;

  --font-titulos:'Playfair Display',serif;
  --font-paragrafos:'Cormorant Garamond',serif;
  --font-auxiliar:'Montserrat',sans-serif;

  --shadow-light:0 2px 10px rgba(0,0,0,0.1);
  --shadow-medium:0 4px 20px rgba(0,0,0,0.15);
  --shadow-heavy:0 10px 40px rgba(0,0,0,0.3);
}

/* === TIPOGRAFIA === */
body{
  font-family:var(--font-paragrafos);
  font-size:18px;
  line-height:1.6;
  color:var(--cor-texto);
  overflow-x:hidden;
}

h1,h2,h3{
  font-family:var(--font-titulos);
  line-height:1.2;
  margin-bottom:20px;
}

h1{font-size:56px;font-weight:700;}
h2{font-size:40px;font-weight:700;}
h3{font-size:32px;font-weight:700;}

h4{
  font-family:var(--font-paragrafos);
  font-size:24px;
  font-weight:600;
}

p{margin-bottom:15px;}

/* === CONTAINER === */
.container{
  max-width:1377px;
  margin:0 auto;
  padding:0 20px;
  overflow:visible;
}

/* === BOTÕES === */
.btn{
  display:inline-block;
  padding:15px 40px;
  font-family:var(--font-auxiliar);
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  border-radius:50px;
  transition:all .3s ease;
  cursor:pointer;
  border:none;
}

.btn-primary{background:var(--cor-primaria);color:var(--cor-branco);}
.btn-primary:hover{transform:scale(1.05);box-shadow:var(--shadow-heavy);}

.btn-secondary{
  background:transparent;
  color:var(--cor-branco);
  border:2px solid var(--cor-branco);
}
.btn-secondary:hover{background:var(--cor-branco);color:var(--cor-secundaria);}

.btn-dark{background:var(--cor-secundaria);color:var(--cor-branco);}
.btn-dark:hover{transform:scale(1.05);box-shadow:var(--shadow-heavy);}

/* === HERO SECTION === */
.hero{
  height:100vh;
  background:
    linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
    url('https://dev-site.paipedroficial.com.br/images/pai-pedro-ensaio-1.jpg') center/cover;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--cor-branco);
  padding:100px 20px;
}

.hero-content h1{
  font-size:64px;
  margin-bottom:20px;
  animation:fadeInDown 1s ease;
}

.hero-content p{
  font-size:24px;
  margin-bottom:40px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  color:var(--cor-terciaria);
  animation:fadeInUp 1s ease .3s both;
}

.hero-buttons{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
  animation:fadeInUp 1s ease .6s both;
}

/* === SEÇÃO VSL === */
.vsl-section{
  background:var(--cor-primaria);
  padding:100px 20px;
  text-align:center;
  color:var(--cor-branco);
}

.vsl-section h2{font-size:48px;margin-bottom:20px;}

.vsl-section p{
  font-size:22px;
  max-width:800px;
  margin:0 auto 40px;
  opacity:.95;
}

.video-container{
  max-width:900px;
  margin:40px auto;
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--shadow-heavy);
}

.video-container iframe{
  width:100%;
  height:500px;
  border:none;
}

/* === SEÇÃO SOBRE === */
.sobre-section{
  background:var(--cor-terciaria);
  padding:100px 20px;
}

.sobre-content{
  display:grid;
  grid-template-columns:40% 60%;
  gap:60px;
  align-items:center;
}

.sobre-image img{
  width:100%;
  border-radius:10px;
  box-shadow:var(--shadow-medium);
}

.sobre-text h2{color:var(--cor-secundaria);margin-bottom:20px;}

.sobre-text p{
  font-size:20px;
  color:var(--cor-secundaria);
  margin-bottom:30px;
}

.diferenciais{list-style:none;margin:30px 0;}

.diferenciais li{
  padding:10px 0;
  font-size:18px;
  color:var(--cor-secundaria);
}

.diferenciais li::before{
  content:"✓ ";
  color:var(--cor-primaria);
  font-weight:bold;
  font-size:20px;
  margin-right:10px;
}

/* === SEÇÃO SERVIÇOS === */
.servicos-section{
  background:var(--cor-secundaria);
  padding:100px 20px;
  text-align:center;
  color:var(--cor-branco);
}

.servicos-section h2{margin-bottom:15px;}

.servicos-section > p{
  font-size:20px;
  color:var(--cor-terciaria);
  margin-bottom:60px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.servicos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:30px;
  margin-top:60px;
}

.servico-card{
  background:#1a1a1a;
  padding:40px 30px;
  border-radius:10px;
  border:2px solid transparent;
  transition:all .3s ease;
  text-align:center;
  display:flex;
  flex-direction:column;
}

.servico-card:hover{
  border-color:var(--cor-primaria);
  transform:translateY(-10px);
  box-shadow:var(--shadow-heavy);
}

.servico-icon{
  font-size:60px;
  margin-bottom:20px;
  color:var(--cor-primaria);
  line-height:1;
}

.servico-card h3{
  font-size:26px;
  margin-bottom:15px;
  color:var(--cor-branco);
}

.servico-card p{
  color:var(--cor-terciaria);
  margin-bottom:25px;
  font-size:16px;
  line-height:1.5;
  flex:1;
}

.servico-card .btn{
  background:transparent;
  border:2px solid var(--cor-primaria);
  color:var(--cor-primaria);
  padding:12px 30px;
  font-size:14px;
  box-shadow:0 0 10px 0 #BC1823;
  border-radius:50px;
  line-height:normal;
  align-self:center;
}

.servico-card .btn:hover{
  background:var(--cor-primaria);
  color:var(--cor-branco);
}

/* === SEÇÃO DEPOIMENTOS (base antiga) === */
.depoimentos-section{
  background:var(--cor-terciaria);
  padding:100px 20px;
  text-align:center;
}

.depoimentos-section h2{
  color:var(--cor-secundaria);
  margin-bottom:60px;
}

.depoimentos-carousel-wrapper{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.depoimentos-slider{
  position:relative;
  flex:1;
  max-width:700px;
  overflow:hidden;
  min-height:350px;
}

.depoimento-card{
  background:var(--cor-branco);
  padding:40px;
  border-radius:10px;
  box-shadow:var(--shadow-medium);
  position:absolute;
  top:0;left:0;
  width:100%;
  opacity:0;
  transform:translateX(100%);
  transition:all .5s ease-in-out;
  pointer-events:none;
}

.depoimento-card.active{
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
  position:relative;
}

.carousel-btn{
  background:var(--cor-primaria);
  color:var(--cor-branco);
  border:none;
  width:50px;
  height:50px;
  border-radius:50%;
  cursor:pointer;
  transition:all .3s ease;
  box-shadow:var(--shadow-light);
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:100;
  position:relative;
}

.carousel-btn:hover{
  background:var(--cor-secundaria);
  transform:scale(1.1);
  box-shadow:var(--shadow-medium);
}

.carousel-btn i{font-size:20px;}

.carousel-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:30px;
}

.dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(0,0,0,.2);
  cursor:pointer;
  transition:all .3s ease;
}

.dot.active{
  background:var(--cor-primaria);
  width:30px;
  border-radius:6px;
}

.dot:hover{background:var(--cor-primaria);}

.estrelas{color:#FFD700;font-size:24px;margin-bottom:20px;}

.depoimento-texto{
  font-size:20px;
  font-style:italic;
  color:var(--cor-texto);
  margin-bottom:25px;
  line-height:1.8;
}

.depoimento-autor{
  font-family:var(--font-auxiliar);
  font-weight:600;
  color:var(--cor-secundaria);
  font-size:16px;
}

.depoimento-local{font-size:14px;color:#666;}

/* === SEÇÃO COMO FUNCIONA === */
.como-funciona-section{
  background:var(--cor-secundaria);
  padding:100px 20px;
  text-align:center;
  color:var(--cor-branco);
}

.como-funciona-section h2{margin-bottom:15px;}

.como-funciona-section > p{
  font-size:20px;
  color:var(--cor-terciaria);
  margin-bottom:60px;
}

.passos-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
  margin-top:60px;
  position:relative;
}

.passo{text-align:center;position:relative;}

.passo-numero{
  font-size:80px;
  font-weight:bold;
  color:var(--cor-primaria);
  font-family:var(--font-titulos);
  margin-bottom:20px;
}

.passo-icone{font-size:60px;margin-bottom:20px;}

.passo h3{font-size:24px;margin-bottom:15px;color:var(--cor-branco);}

.passo p{color:var(--cor-terciaria);font-size:16px;}

/* === FORMULÁRIO DE CONTATO === */
.formulario-section{
  background:linear-gradient(135deg, var(--cor-primaria) 0%, #8b0e17 100%);
  padding:100px 20px;
  position:relative;
}

.formulario-section::before{
  content:'';
  position:absolute;top:0;left:0;
  width:100%;height:100%;
  background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
  background-size:50px 50px;
  opacity:.3;
  pointer-events:none;
}

.form-wrapper{
  max-width:800px;
  margin:0 auto;
  background:var(--cor-branco);
  padding:60px 50px;
  border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
  position:relative;
  z-index:1;
}

.form-header{
  text-align:center;
  margin-bottom:40px;
  padding-bottom:30px;
  border-bottom:2px solid #f0f0f0;
}

.form-header h2{
  color:var(--cor-secundaria);
  margin-bottom:15px;
  font-size:42px;
}

.form-header p{color:#666;font-size:18px;line-height:1.6;}

.contact-form{width:100%;}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-bottom:0;
}

.form-group{margin-bottom:25px;}

.form-group label{
  display:block;
  font-family:var(--font-auxiliar);
  font-weight:600;
  color:var(--cor-secundaria);
  margin-bottom:10px;
  font-size:15px;
  letter-spacing:.3px;
}

.form-group input,
.form-group select,
.form-group textarea{
  width:100%;
  padding:16px 18px;
  border:2px solid #e5e5e5;
  border-radius:10px;
  font-family:var(--font-paragrafos);
  font-size:16px;
  transition:all .3s ease;
  background:#fafafa;
  color:var(--cor-texto);
}

.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover{
  border-color:#d0d0d0;
  background:#ffffff;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none;
  border-color:var(--cor-primaria);
  background:var(--cor-branco);
  box-shadow:0 0 0 4px rgba(188,24,35,.08);
  transform:translateY(-1px);
}

.form-group input::placeholder,
.form-group textarea::placeholder{
  color:#aaa;
  font-style:italic;
}

.form-group select{
  cursor:pointer;
  appearance:none;
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M6 9L1 4h10z"/></svg>');
  background-repeat:no-repeat;
  background-position:right 15px center;
  padding-right:40px;
}

.form-group textarea{
  resize:vertical;
  min-height:140px;
  line-height:1.6;
}

.checkbox-group{
  margin:30px 0;
  padding:20px;
  background:#f9f9f9;
  border-radius:10px;
  border:1px solid #e5e5e5;
}

.checkbox-label{
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
  font-size:14px;
  color:#555;
  line-height:1.6;
}

.checkbox-label input[type="checkbox"]{
  width:20px !important;
  height:20px !important;
  margin-top:2px;
  cursor:pointer;
  flex-shrink:0;
  accent-color:var(--cor-primaria);
}

.checkbox-label span{flex:1;}

.checkbox-label a{
  color:var(--cor-primaria);
  text-decoration:underline;
  font-weight:600;
  transition:color .3s ease;
}

.checkbox-label a:hover{color:#8b0e17;}

.btn-submit{
  width:100%;
  padding:20px 40px;
  font-size:18px;
  font-weight:700;
  margin-top:30px;
  cursor:pointer;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  transition:all .3s ease;
  text-transform:uppercase;
  letter-spacing:1px;
}

.btn-submit:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(188,24,35,.3);
}

.btn-submit:active{transform:translateY(-1px);}

.btn-submit i{font-size:20px;}

.form-footer{
  text-align:center;
  margin-top:25px;
  padding-top:20px;
  border-top:1px solid #f0f0f0;
}

.form-footer p{
  font-size:13px;
  color:#999;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.form-footer i{color:var(--cor-primaria);font-size:16px;}

/* Validação visual */
.form-group input:invalid:not(:placeholder-shown),
.form-group textarea:invalid:not(:placeholder-shown){border-color:#e74c3c;}

.form-group input:valid:not(:placeholder-shown),
.form-group textarea:valid:not(:placeholder-shown){border-color:#27ae60;}

.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none !important;}

/* === CTA FINAL === */
.cta-final{
  background:linear-gradient(135deg, var(--cor-primaria) 0%, #8b0e17 100%);
  padding:80px 20px;
  text-align:center;
  color:var(--cor-branco);
}

.cta-final h2{font-size:48px;margin-bottom:20px;}

.cta-final p{
  font-size:22px;
  margin-bottom:40px;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}

.cta-buttons{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}

.cta-buttons .btn{min-width:200px;}

/* === FOOTER === */
.footer{
  background:var(--cor-secundaria);
  color:var(--cor-branco);
  padding:60px 20px 30px;
}

.footer-content{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:40px;
  margin-bottom:40px;
}

.footer-col h4{
  color:var(--cor-primaria);
  margin-bottom:20px;
  font-family:var(--font-titulos);
}

.footer-col p,
.footer-col a{
  color:var(--cor-terciaria);
  font-size:16px;
  text-decoration:none;
  display:block;
  margin-bottom:10px;
}

.footer-col a:hover{color:var(--cor-branco);}

.footer-links{list-style:none;}
.footer-links li{margin-bottom:10px;}

.redes-sociais{
  display:flex;
  gap:15px;
  font-size:24px;
  margin-top:20px;
}

.redes-sociais a{color:var(--cor-branco);transition:color .3s;}
.redes-sociais a:hover{color:var(--cor-primaria);}

.footer-bottom{
  text-align:center;
  padding-top:30px;
  border-top:1px solid #333;
  color:var(--cor-terciaria);
  font-size:14px;
}

.footer-bottom a{color:var(--cor-terciaria);text-decoration:none;}
.footer-bottom a:hover{color:var(--cor-branco);}

/* === WHATSAPP FLUTUANTE === */
.whatsapp-float{
  position:fixed;
  width:60px;height:60px;
  bottom:30px;right:30px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50%;
  text-align:center;
  font-size:30px;
  box-shadow:2px 2px 10px rgba(0,0,0,.3);
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:all .3s;
}

.whatsapp-float:hover{
  transform:scale(1.1);
  box-shadow:2px 2px 20px rgba(37,211,102,.5);
}

/* === ANIMAÇÕES === */
@keyframes fadeInDown{
  from{opacity:0;transform:translateY(-30px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes fadeInUp{
  from{opacity:0;transform:translateY(30px);}
  to{opacity:1;transform:translateY(0);}
}

/* === RESPONSIVIDADE === */
@media (max-width:1024px){
  .footer-content{grid-template-columns:repeat(2, 1fr);}
  .servicos-grid{grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:768px){
  h1{font-size:36px;}
  h2{font-size:32px;}
  h3{font-size:24px;}

  .hero-content h1{font-size:42px;}
  .hero-content p{font-size:18px;}
  .hero-buttons{flex-direction:column;}

  .sobre-content{grid-template-columns:1fr;gap:30px;}
  .servicos-grid{grid-template-columns:1fr;}

  .depoimentos-carousel-wrapper{flex-direction:row;gap:10px;padding:0 10px;}
  .carousel-btn{flex-shrink:0;width:45px;height:45px;z-index:100;}
  .carousel-btn i{font-size:18px;}
  .depoimento-card{padding:30px 20px;}
  .depoimento-texto{font-size:18px;}

  .passos-grid{grid-template-columns:1fr;gap:40px;}

  .formulario-section{padding:60px 15px;}
  .form-wrapper{padding:40px 25px;border-radius:15px;}
  .form-header h2{font-size:32px;}
  .form-header p{font-size:16px;}
  .form-row{grid-template-columns:1fr;gap:0;}
  .form-group{margin-bottom:20px;}

  .form-group input,
  .form-group select,
  .form-group textarea{padding:14px 16px;font-size:16px;}

  .btn-submit{padding:16px 30px;font-size:16px;}
  .checkbox-group{padding:15px;}
  .checkbox-label{font-size:13px;}

  .footer-content{grid-template-columns:1fr;text-align:center;}
  .redes-sociais{justify-content:center;}

  .video-container iframe{height:300px;}

  .nav-menu{display:none;} /* em produção: menu hamburguer */

  .cta-buttons{flex-direction:column;}
}

@media (max-width:480px){
  .hero-content h1{font-size:32px;}
  .btn{padding:12px 30px;font-size:14px;}
  .vsl-section h2,
  .cta-final h2{font-size:32px;}
}

/* === SEÇÃO INTERNA (Sobre/Serviços) === */
.hero-interno{
  height:50vh;
  background:
    linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
    url('https://dev-site.paipedroficial.com.br/images/pai-pedro-ensaio-2.jpg') center/cover;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--cor-branco);
  padding-top:100px;

  /* CORREÇÃO: nada de width fixa + sem borda */
  width:100%;
  border:0;
  outline:0;
  box-shadow:none;
}

.hero-interno h1{font-size:56px;}
.hero-interno p{font-size:24px;color:#b8a5a5; line-height: 2;}

.conteudo-section{
  padding:80px 20px;
  background:var(--cor-branco);
}

.conteudo-section h2{
  color:#bc1823;
  margin-bottom:30px;
  margin-top:40px;
}

.conteudo-section p{
  font-size:20px;
  margin-bottom:20px;
  line-height:1.8;
}

.valores-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:30px;
  margin:40px 0;
}

.valor-card{
  background:var(--cor-terciaria);
  padding:30px;
  border-radius:10px;
  text-align:center;
}

.valor-card h3{
  color:var(--cor-secundaria);
  margin-bottom:15px;
  font-size:24px;
}

.valor-card p{
  font-size:16px;
  color:var(--cor-secundaria);
}

@media (max-width:768px){
  .valores-grid{grid-template-columns:1fr;}
  .hero-interno h1{font-size:36px;}
  .hero-interno p{font-size:18px;}
}

/* =================================
   BLOG STYLES
   ================================= */

/* === HERO BLOG === */
.hero-blog{
  height:50vh;
  background:
    linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
    url('../images/pai-pedro-ensaio-2.jpg') center/cover;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--cor-branco);
  padding-top:100px;
}

.hero-blog h1{font-size:56px;margin-bottom:15px;}
.hero-blog p{font-size:24px;color:var(--cor-terciaria);}

/* === BLOG SECTION === */
.blog-section{background:#f5f5f5;padding:100px 20px;}

.blog-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
  gap:40px;
  margin-bottom:60px;
}

.blog-card{
  background:var(--cor-branco);
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  transition:all .3s ease;
}

.blog-card:hover{
  transform:translateY(-10px);
  box-shadow:0 15px 40px rgba(0,0,0,.2);
}

.blog-card-image{position:relative;overflow:hidden;height:250px;}

.blog-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.blog-card:hover .blog-card-image img{transform:scale(1.1);}

.blog-card-category{
  position:absolute;
  top:15px;left:15px;
  background:var(--cor-primaria);
  color:var(--cor-branco);
  padding:8px 20px;
  border-radius:50px;
  font-family:var(--font-auxiliar);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
}

.blog-card-content{padding:30px;}

.blog-card-meta{
  display:flex;
  gap:20px;
  margin-bottom:15px;
  font-size:14px;
  color:#999;
}

.blog-card-meta span{display:flex;align-items:center;gap:5px;}
.blog-card-meta i{color:var(--cor-primaria);}

.blog-card-title{font-size:24px;margin-bottom:15px;line-height:1.3;}
.blog-card-title a{color:var(--cor-secundaria);text-decoration:none;transition:color .3s;}
.blog-card-title a:hover{color:var(--cor-primaria);}

.blog-card-excerpt{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px;}

.blog-read-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--cor-primaria);
  font-family:var(--font-auxiliar);
  font-weight:600;
  text-decoration:none;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:gap .3s;
}

.blog-read-more:hover{gap:12px;}

/* === PAGINAÇÃO === */
.blog-pagination{margin-top:60px;}

.blog-pagination ul{
  display:flex;
  justify-content:center;
  gap:10px;
  list-style:none;
}

.blog-pagination a,
.blog-pagination span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:45px;
  height:45px;
  background:var(--cor-branco);
  color:var(--cor-secundaria);
  border-radius:8px;
  text-decoration:none;
  font-family:var(--font-auxiliar);
  font-weight:600;
  transition:all .3s;
  padding:0 15px;
}

.blog-pagination a:hover,
.blog-pagination .current{
  background:var(--cor-primaria);
  color:var(--cor-branco);
  transform:translateY(-2px);
}

/* ========================================
   POST INDIVIDUAL
   ======================================== */
.post-hero{
  position:relative;
  height:60vh;
  display:flex;
  align-items:flex-end;
  padding-bottom:60px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
}

.post-hero-overlay{
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  background:linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.8));
}

.post-hero-content{
  position:relative;
  z-index:10;
  color:var(--cor-branco);
  max-width:800px;
}

.post-category{
  display:inline-block;
  background:var(--cor-primaria);
  color:var(--cor-branco);
  padding:8px 20px;
  border-radius:50px;
  font-family:var(--font-auxiliar);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:20px;
}

.post-hero h1{font-size:48px;margin-bottom:20px;line-height:1.2;}

.post-meta{
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  opacity:.9;
}

.post-meta span{display:flex;align-items:center;gap:8px;font-size:14px;}
.post-meta i{color:var(--cor-primaria);}

/* === CONTEÚDO DO POST === */
.post-content-section{background:#f5f5f5;padding:80px 20px;}

.post-content-wrapper{
  display:grid;
  grid-template-columns:1fr 350px;
  gap:60px;
  align-items:start;
}

.post-main-content{
  background:var(--cor-branco);
  padding:60px;
  border-radius:15px;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
}

.post-content{
  font-family:var(--font-paragrafos);
  font-size:20px;
  line-height:1.8;
  color:var(--cor-texto);
}

.post-content h2,
.post-content h3,
.post-content h4{
  margin-top:40px;
  margin-bottom:20px;
  color:var(--cor-secundaria);
}

.post-content h2{
  font-size:36px;
  padding-bottom:15px;
  border-bottom:3px solid var(--cor-primaria);
}

.post-content h3{font-size:28px;}

.post-content p{margin-bottom:25px;}

.post-content img{
  max-width:100%;
  height:auto;
  border-radius:10px;
  margin:30px 0;
}

.post-content blockquote{
  border-left:5px solid var(--cor-primaria);
  margin:40px 0;
  font-style:italic;
  font-size:22px;
  color:#666;
  background:#f9f9f9;
  padding:30px;
  border-radius:10px;
}

.post-content ul,
.post-content ol{
  margin:25px 0;
  padding-left:30px;
}

.post-content li{margin-bottom:12px;line-height:1.8;}
.post-content strong{color:var(--cor-primaria);font-weight:700;}

/* === TAGS === */
.post-tags{
  margin-top:40px;
  padding-top:40px;
  border-top:2px solid #f0f0f0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.post-tags i{color:var(--cor-primaria);font-size:18px;}

.post-tags a{
  background:#f5f5f5;
  color:var(--cor-texto);
  padding:8px 16px;
  border-radius:20px;
  text-decoration:none;
  font-size:14px;
  transition:all .3s;
}

.post-tags a:hover{background:var(--cor-primaria);color:var(--cor-branco);}

/* === COMPARTILHAR === */
.post-share{
  margin-top:50px;
  padding:30px;
  background:#f9f9f9;
  border-radius:10px;
  text-align:center;
}

.post-share h3{margin-bottom:20px;color:var(--cor-secundaria);}

.share-buttons{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.share-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 25px;
  border-radius:50px;
  color:var(--cor-branco);
  text-decoration:none;
  font-family:var(--font-auxiliar);
  font-weight:600;
  font-size:14px;
  transition:transform .3s;
}

.share-btn:hover{transform:translateY(-3px);}

.share-btn.facebook{background:#3b5998;}
.share-btn.twitter{background:#1da1f2;}
.share-btn.whatsapp{background:#25d366;}

/* === NAVEGAÇÃO ENTRE POSTS === */
.post-navigation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:60px;
  padding-top:40px;
  border-top:2px solid #f0f0f0;
}

.nav-post{
  padding:20px;
  background:#f9f9f9;
  border-radius:10px;
  transition:all .3s;
}

.nav-post:hover{background:var(--cor-primaria);}
.nav-post:hover a,
.nav-post:hover .nav-label{color:var(--cor-branco);}

.nav-label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  color:#999;
  margin-bottom:8px;
  font-family:var(--font-auxiliar);
  font-weight:600;
  letter-spacing:1px;
}

.nav-post a{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--cor-secundaria);
  text-decoration:none;
  font-weight:600;
  font-size:16px;
}

.nav-post.next-post{text-align:right;}

/* === SIDEBAR === */
.post-sidebar{position:sticky;top:120px;}

.sidebar-widget{
  background:var(--cor-branco);
  padding:30px;
  border-radius:15px;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  margin-bottom:30px;
}

.sidebar-widget h3{
  font-size:20px;
  margin-bottom:20px;
  padding-bottom:15px;
  border-bottom:2px solid var(--cor-primaria);
  color:var(--cor-secundaria);
}

/* AUTOR */
.author-widget{text-align:center;}

.author-info img{
  width:80px;height:80px;
  border-radius:50%;
  margin-bottom:15px;
  border:3px solid var(--cor-primaria);
  object-fit:cover;
}

.author-info h4{margin-bottom:10px;color:var(--cor-secundaria);}

.author-info p{font-size:14px;color:#666;line-height:1.6;}

/* POSTS RELACIONADOS */
.related-posts-list{list-style:none;}

.related-posts-list li{
  display:flex;
  gap:15px;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #f0f0f0;
}

.related-posts-list li:last-child{border-bottom:none;}

.related-thumb{
  flex-shrink:0;
  width:80px;height:80px;
  border-radius:8px;
  overflow:hidden;
}

.related-thumb img{width:100%;height:100%;object-fit:cover;}

.related-content{flex:1;}

.related-content a{
  display:block;
  color:var(--cor-secundaria);
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  margin-bottom:5px;
  line-height:1.3;
  transition:color .3s;
}

.related-content a:hover{color:var(--cor-primaria);}

.related-date{font-size:12px;color:#999;}

/* CATEGORIAS */
.categories-widget ul{list-style:none;}
.categories-widget li{margin-bottom:12px;}

.categories-widget a{
  display:flex;
  justify-content:space-between;
  color:var(--cor-texto);
  text-decoration:none;
  padding:10px 15px;
  background:#f9f9f9;
  border-radius:8px;
  transition:all .3s;
}

.categories-widget a:hover{background:var(--cor-primaria);color:var(--cor-branco);}
.categories-widget span{color:#999;font-size:14px;}

/* CTA WIDGET */
.cta-widget{
  background:linear-gradient(135deg, var(--cor-primaria), #8b0f17);
  color:var(--cor-branco);
  text-align:center;
}

.cta-widget h3{
  color:var(--cor-branco);
  border-bottom-color:rgba(255,255,255,.3);
}

.cta-widget p{margin-bottom:20px;color:rgba(255,255,255,.9);}
.cta-widget .btn{width:100%;justify-content:center;}

/* === RESPONSIVIDADE BLOG === */
@media (max-width:1024px){
  .post-content-wrapper{grid-template-columns:1fr 280px;gap:40px;}
}

@media (max-width:768px){
  .hero-blog h1{font-size:36px;}
  .hero-blog p{font-size:18px;}
  .blog-grid{grid-template-columns:1fr;}

  .post-hero{
    height:auto;
    min-height:50vh;
    padding:150px 20px 40px;
  }

  .post-hero h1{font-size:32px;}
  .post-meta{flex-direction:column;gap:10px;}
  .post-content-wrapper{grid-template-columns:1fr;}
  .post-sidebar{position:static;}
  .post-main-content{padding:30px 20px;}
  .post-content{font-size:18px;}
  .post-content h2{font-size:28px;}
  .post-content h3{font-size:22px;}
  .post-navigation{grid-template-columns:1fr;}

  .share-buttons{flex-direction:column;}
  .share-btn{width:100%;justify-content:center;}
}

/* =================================
   CARROSSEL DE POSTS (HOME)
   ================================= */
.ultimos-posts-section{
  background:linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  padding:100px 20px;
}

.ultimos-posts-section .section-header{
  text-align:center;
  margin-bottom:60px;
}

.ultimos-posts-section .section-header h2{
  font-size:48px;
  color:var(--cor-secundaria);
  margin-bottom:15px;
}

.ultimos-posts-section .section-header p{
  font-size:20px;
  color:#666;
}

/* Wrapper do Carrossel */
.posts-carousel-wrapper{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:0 60px;
}

/* Carrossel */
.posts-carousel{
  display:flex;
  overflow:hidden;
  gap:30px;
  transition:transform .5s ease;
}

/* Card do Post no Carrossel */
.post-card-carousel{
  flex:0 0 calc(33.333% - 20px);
  background:var(--cor-branco);
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  transition:all .3s ease;
}

.post-card-carousel:hover{
  transform:translateY(-10px);
  box-shadow:0 15px 40px rgba(0,0,0,.2);
}

.post-card-carousel .post-card-image{
  position:relative;
  overflow:hidden;
  height:220px;
}

.post-card-carousel .post-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.post-card-carousel:hover .post-card-image img{transform:scale(1.1);}

.post-card-carousel .post-card-category{
  position:absolute;
  top:15px;left:15px;
  background:var(--cor-primaria);
  color:var(--cor-branco);
  padding:6px 15px;
  border-radius:50px;
  font-family:var(--font-auxiliar);
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
}

.post-card-carousel .post-card-content{padding:25px;}

.post-card-carousel .post-card-meta{
  display:flex;
  gap:15px;
  margin-bottom:12px;
  font-size:13px;
  color:#999;
}

.post-card-carousel .post-card-meta span{display:flex;align-items:center;gap:5px;}
.post-card-carousel .post-card-meta i{color:var(--cor-primaria);}

.post-card-carousel .post-card-title{
  font-size:20px;
  margin-bottom:12px;
  line-height:1.3;
  min-height:52px;
}

.post-card-carousel .post-card-title a{
  color:var(--cor-secundaria);
  text-decoration:none;
  transition:color .3s;
}

.post-card-carousel .post-card-title a:hover{color:var(--cor-primaria);}

.post-card-carousel .post-card-excerpt{
  color:#666;
  font-size:15px;
  line-height:1.6;
  margin-bottom:15px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.post-card-carousel .post-read-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--cor-primaria);
  font-family:var(--font-auxiliar);
  font-weight:600;
  text-decoration:none;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:gap .3s;
}

.post-card-carousel .post-read-more:hover{gap:12px;}

/* Botões de Navegação */
.carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:var(--cor-primaria);
  color:var(--cor-branco);
  border:none;
  width:50px;
  height:50px;
  border-radius:50%;
  cursor:pointer;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s;
  z-index:10;
  box-shadow:0 5px 15px rgba(188,24,35,.3);
}

.carousel-btn:hover{
  background:var(--cor-secundaria);
  transform:translateY(-50%) scale(1.1);
}

.carousel-btn.prev-btn{left:0;}
.carousel-btn.next-btn{right:0;}

/* Dots (Indicadores) */
.carousel-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:40px;
}

.carousel-dots .dot{
  width:12px;height:12px;
  border-radius:50%;
  background:#ccc;
  cursor:pointer;
  transition:all .3s;
}

.carousel-dots .dot:hover{background:#999;}

.carousel-dots .dot.active{
  background:var(--cor-primaria);
  width:30px;
  border-radius:6px;
}

/* CTA Ver Todos */
.blog-cta{text-align:center;margin-top:50px;}

/* === RESPONSIVIDADE DO CARROSSEL === */
@media (max-width:1024px){
  .post-card-carousel{flex:0 0 calc(50% - 15px);}
  .posts-carousel-wrapper{padding:0 50px;}
  .carousel-btn{width:40px;height:40px;font-size:16px;}
}

@media (max-width:768px){
  .ultimos-posts-section{padding:60px 20px;}
  .ultimos-posts-section .section-header h2{font-size:32px;}
  .ultimos-posts-section .section-header p{font-size:18px;}
  .post-card-carousel{flex:0 0 100%;}
  .posts-carousel-wrapper{padding:0 40px;}
  .carousel-btn{width:35px;height:35px;font-size:14px;}
  .carousel-btn.prev-btn{left:-5px;}
  .carousel-btn.next-btn{right:-5px;}
  .post-card-carousel .post-card-title{min-height:auto;}
}

/* ==========================================================
   PRIVACIDADE (NOVO) + HERO FULL-BLEED (SEM “BORDA”)
   ========================================================== */

/* Força o hero interno a “sangrar” até a borda do viewport (Elementor costuma limitar) */
.hero-interno.hero-privacidade{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Se algum wrapper do tema estiver aplicando border/padding, isso ajuda */
.hero-interno,
.hero-interno *{
  outline:0;
}

.privacidade-section{
  background:#f5f5f5;
  padding:90px 20px;
}

.privacidade-container{
  max-width:1100px;
}

.privacidade-card{
  background:#ffffff;
  border-radius:16px;
  padding:60px 60px;
  box-shadow:0 18px 50px rgba(0,0,0,.10);
  border:1px solid rgba(0,0,0,.06);
}

.privacidade-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:30px;
  padding-bottom:18px;
  border-bottom:2px solid rgba(0,0,0,.06);
}

.pill{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(188,24,35,.10);
  color:#bc1823;
  font-family:var(--font-auxiliar);
  font-weight:700;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.update{
  font-family:var(--font-auxiliar);
  font-weight:600;
  font-size:13px;
  color:rgba(0,0,0,.55);
}

.privacidade-card h2{
  font-size:28px;
  color:#000;
  margin:34px 0 14px;
}

.privacidade-card p{
  font-size:20px;
  line-height:1.9;
  color:#333;
  margin-bottom:18px;
}

.privacidade-card strong{
  color:#bc1823;
  font-weight:700;
}

.privacidade-lista{
  margin:10px 0 24px;
  padding-left:18px;
}

.privacidade-lista li{
  font-size:20px;
  line-height:1.9;
  color:#333;
  margin-bottom:10px;
}

.privacidade-cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:36px;
  padding-top:28px;
  border-top:2px solid rgba(0,0,0,.06);
}

.privacidade-cta .btn{
  min-width:220px;
  text-align:center;
}

/* Botão secundário em fundo branco (senão some) */
.privacidade-card .btn-secondary{
  border-color:#000;
  color:#000;
}
.privacidade-card .btn-secondary:hover{
  background:#000;
  color:#fff;
  border-color:#000;
}

/* Responsivo privacidade */
@media (max-width:768px){
  .hero-privacidade { line-height: 1;}
  .privacidade-section{padding:60px 15px;}
  .privacidade-card{padding:34px 22px;border-radius:14px;}
  .privacidade-meta{flex-direction:column;align-items:flex-start;}
  .privacidade-card h2{font-size:22px;}
  .privacidade-card p,
  .privacidade-lista li{font-size:18px;}
  .privacidade-cta .btn{width:100%;min-width:0;}
}


/* ==========================================================
   TERMOS E CONDIÇÕES (HTML + CSS COMPLETO DA PÁGINA)
   - Usa o mesmo padrão visual da Privacidade
   ========================================================== */

/* HERO FULL-BLEED (sem “borda” do Elementor/tema) */
.hero-interno.hero-termos{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Se algum wrapper estiver aplicando outline */
.hero-interno,
.hero-interno *{
  outline: 0;
}

/* SECTION */
.termos-section{
  background: #f5f5f5;
  padding: 90px 20px;
}

.termos-container{
  max-width: 1100px;
}

/* CARD */
.termos-card{
  background: #ffffff;
  border-radius: 16px;
  padding: 60px 60px;
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
  border: 1px solid rgba(0,0,0,.06);
}

/* META */
.termos-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 30px;
  padding-bottom: 18px;
  border-bottom: 2px solid rgba(0,0,0,.06);
}

/* PILLS (reaproveita a classe .pill se já existir) */
.termos-card .pill{
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(188,24,35,.10);
  color: #bc1823;
  font-family: var(--font-auxiliar);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.termos-card .update{
  font-family: var(--font-auxiliar);
  font-weight: 600;
  font-size: 13px;
  color: rgba(0,0,0,.55);
}

/* BODY */
.termos-body h2{
  font-size: 28px;
  color: #000;
  margin: 34px 0 14px;
  font-family: var(--font-titulos);
}

.termos-body p{
  font-size: 20px;
  line-height: 1.9;
  color: #333;
  margin-bottom: 18px;
  font-family: var(--font-paragrafos);
}

.termos-body strong{
  color: #bc1823;
  font-weight: 700;
}

/* CTA FOOTER */
.termos-cta{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 2px solid rgba(0,0,0,.06);
}

.termos-cta .btn{
  min-width: 220px;
  text-align: center;
}

/* Botão secundário em fundo branco (pra não “sumir”) */
.termos-card .btn-secondary{
  border-color: #000;
  color: #000;
  background: transparent;
}

.termos-card .btn-secondary:hover{
  background: #000;
  color: #fff;
  border-color: #000;
}

/* RESPONSIVO */
@media (max-width: 768px){
  .termos-section{ padding: 60px 15px; }
  .termos-card{ padding: 34px 22px; border-radius: 14px; }

  .termos-meta{
    flex-direction: column;
    align-items: flex-start;
  }

  .termos-body h2{ font-size: 22px; }
  .termos-body p{ font-size: 18px; }

  .termos-cta .btn{
    width: 100%;
    min-width: 0;
  }
}

/* ==========================================================
   FIX TERMOS - À PROVA DE TEMA / ELEMENTOR
   Cole no FINAL do seu CSS principal
   ========================================================== */

/* 1) Mata overflow lateral do tema */
html, body{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* 2) Se o Elementor/tema estiver colocando padding/margin na área */
.page .site-content,
.site-content,
.elementor-section-wrap,
.elementor-section,
.elementor-container{
  max-width: 100%;
}

/* 3) HERO FULL BLEED (sem borda/margem) */
.hero-interno.hero-termos{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* 4) Se o tema estiver colocando borda/outline em section */
.hero-interno.hero-termos,
.hero-interno.hero-termos *{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* 5) Termos: força um “container real” independente do teu .container global */
.termos-section{
  background: #f5f5f5;
  padding: 90px 20px;
}

.termos-section .termos-container{
  width: 100%;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* 6) Card: ocupa o espaço certinho e não fica “encolhido” */
.termos-card{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  padding: 60px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
}

/* 7) Meta alinhada */
.termos-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 30px;
  padding-bottom: 18px;
  border-bottom: 2px solid rgba(0,0,0,.06);
}

.termos-card .pill{
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(188,24,35,.10);
  color: #bc1823;
  font-family: var(--font-auxiliar);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.termos-card .update{
  font-family: var(--font-auxiliar);
  font-weight: 600;
  font-size: 13px;
  color: rgba(0,0,0,.55);
}

/* 8) Tipografia interna (evita herança estranha do tema) */
.termos-body h2{
  font-family: var(--font-titulos);
  font-size: 28px;
  color: #000;
  margin: 34px 0 14px;
}

.termos-body p{
  font-family: var(--font-paragrafos);
  font-size: 20px;
  line-height: 1.9;
  color: #333;
  margin: 0 0 18px;
}

.termos-body strong{
  color: #bc1823;
  font-weight: 700;
}

/* 9) CTA footer */
.termos-cta{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 2px solid rgba(0,0,0,.06);
}

.termos-cta .btn{
  min-width: 220px;
  text-align: center;
}

/* Ajuste do btn-secondary nesse contexto */
.termos-card .btn-secondary{
  border: 2px solid #000;
  color: #000;
  background: transparent;
}

.termos-card .btn-secondary:hover{
  background: #000;
  color: #fff;
}

/* 10) Responsivo */
@media (max-width: 768px){
  .termos-section{ padding: 60px 15px; }
  .termos-card{ padding: 34px 22px; border-radius: 14px; }

  .termos-meta{
    flex-direction: column;
    align-items: flex-start;
  }

  .termos-body h2{ font-size: 22px; }
  .termos-body p{ font-size: 18px; }

  .termos-cta .btn{
    width: 100%;
    min-width: 0;
  }
}/* End custom CSS */