.elementor-5766 .elementor-element.elementor-element-1324359{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-5766 .elementor-element.elementor-element-1324359{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-5848a10 *//* --- RESET & VARIÁVEIS RESILIENTES --- */
        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        
        /* --- MOTOR DE CONFIGURAÇÃO DE TIPOGRAFIA RESPONSIVA E CORES DE ACORDO COM A NOVA PALETA --- */
        :root {
            /* Nova Paleta de Cores Modificada */
            --tema-terracota: #B35A43;
            --branco: #FFFFFF;
            --preto: #1D2731;
            --cinza-fundo: #F9F9F9;

            /* TAMANHOS DE FONTE - PADRÃO MOBILE */
            --fs-h1: 2.0rem;
            --fs-h2: 1.6rem;
            --fs-h3: 1.25rem;
            --fs-body: 1.0rem;
            --fs-cta: 1.1rem;
            --fs-sub-cta: 0.85rem;
        }

        /* TAMANHOS DE FONTE - CHAVEAMENTO DESKTOP */
        @media(min-width: 768px) {
            :root {
                --fs-h1: 2.8rem;
                --fs-h2: 2.2rem;
                --fs-h3: 1.5rem;
                --fs-body: 1.15rem;
                --fs-cta: 1.25rem;
                --fs-sub-cta: 0.95rem;
            }
        }

        /* --- APLICAÇÃO GLOBAL DE TIPOGRAFIA --- */
        body { 
            color: var(--preto); 
            background-color: var(--branco); 
            line-height: 1.6; 
            font-size: var(--fs-body); 
        }
        
        h1 { font-size: var(--fs-h1); font-weight: 700; margin-bottom: 1.5rem; text-align: left; }
        h2 { font-size: var(--fs-h2); font-weight: 700; margin-bottom: 1.5rem; text-align: left; }
        h3 { font-size: var(--fs-h3); font-weight: 700; margin-bottom: 1.5rem; text-align: left; }
        p { margin-bottom: 1.2rem; font-size: var(--fs-body); text-align: left; }
        
        .container { max-width: 1200px; margin: 0 auto; padding: 4rem 2rem; display: flex; flex-direction: column; gap: 2rem; }
        
        /* Regras utilitárias para alinhamento explícito */
        .text-center { text-align: center !important; width: 100%; }
        
        /* TRAVAMENTO VERTICAL DA COLUNA DE TEXTO */
        .content-block-left {
            display: block !important;
            text-align: left !important;
            width: 100%;
        }

        /* ESTILIZAÇÃO DO LOGO NO TOPO */
        .logo-topo {
            display: block;
            max-width: 200px !important;
            height: auto;
            margin-bottom: 1.5rem;
            text-align: left;
        }
        @media(max-width: 768px) {
            .logo-topo {
                margin-left: 0;
                margin-right: auto;
                max-width: 80px !important;
            }
        }
        
        /* Regras de Alternância e Inversão de Cores de Seções baseadas no pedido */
        /* Configuração 1: Fundo Branco, Títulos Terracota, Descrições Escuras/Preto (Para manter leitura clara no fundo branco) */
        .bg-white { background-color: var(--branco); color: var(--preto); }
        .bg-white h1, .bg-white h2, .bg-white h3 { color: var(--tema-terracota); }
        .bg-white p, .bg-white li, .bg-white label { color: var(--preto); }
        
        /* Configuração 2: Fundo Terracota (#B35A43), Títulos Brancos, Descrições Brancas */
        .bg-blue { background-color: var(--tema-terracota); color: var(--branco); }
        .bg-blue h1, .bg-blue h2, .bg-blue h3 { color: var(--branco); }
        .bg-blue p, .bg-blue li, .bg-blue label, .bg-blue ol { color: var(--branco); }
        
        /* --- ARQUITETURA DE TEXTURAS VISÍVEIS --- */
        .bg-white.bg-texture { 
            background-color: var(--branco);
            background-image: radial-gradient(rgba(179, 90, 67, 0.08) 1.2px, transparent 1.2px);
            background-size: 24px 24px;
        }
        .bg-blue.bg-texture {
            background-color: var(--tema-terracota);
            background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1.2px, transparent 1.2px);
            background-size: 20px 20px;
        }

        /* Botões de Conversão */
        .btn-cta {
            display: inline-block;
            background-color: #25D366;
            color: var(--branco) !important;
            padding: 1rem 2rem;
            font-size: var(--fs-cta);
            font-weight: bold;
            text-decoration: none;
            border-radius: 6px;
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
            transition: transform 0.2s, background-color 0.2s;
            margin-top: 1rem;
            text-align: center;
        }
        .btn-cta:hover { transform: translateY(-2px); background-color: #20ba59; }
        .sub-cta { font-size: var(--fs-sub-cta); margin-top: 0.5rem; opacity: 0.8; text-align: left; }

        /* --- ARQUITETURA RESPONSIVA (MOBILE-FIRST) --- */
        .hero-container {
            display: flex;
            flex-direction: column-reverse;
            gap: 2.5rem;
        }

        .grid-2 { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }

        @media(min-width: 768px) {
            .hero-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 3rem;
                align-items: center;
            }
            .grid-2 { grid-template-columns: 1fr 1fr; }
            .order-md-2 { order: 2; }
        }

        /* Imagens */
        .img-placeholder {
            width: 100%;
            max-width: 100% !important;
            height: auto;
            border-radius: 8px !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            justify-self: center;
        }
        
        /* Imagens 2*/
        .img-placeholder2 {
            width: 90%;
            max-width: 100% !important;
            height: auto;
            border-radius: 8px !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            justify-self: center;
        }
        
        @media(max-width: 768px) {
            .img-placeholder, .img-placeholder2 {
                width: 100%;
                max-width: 100% !important;
                height: auto;
                border-radius: 8px !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
                justify-self: center;
            }
        }

        /* CORREÇÃO DO ALINHAMENTO DA SEGUNDA SEÇÃO */
        .aligned-ordered-list {
            list-style-type: decimal !important;
            list-style-position: outside !important;
            margin: 0 0 2rem 0 !important;
            padding: 0 0 0 20px !important;
            font-size: var(--fs-body);
            text-align: left !important;
            width: 100%;
        }
        .aligned-ordered-list li {
            margin-bottom: 0.5rem;
            text-align: left !important;
        }

        /* Checklist */
        .checklist-container { display: flex; flex-direction: column; gap: 0.8rem; margin: 1.5rem 0; width: 100%; align-items: flex-start; }
        .checklist-item { display: flex; align-items: center; gap: 0.8rem; font-size: var(--fs-body); cursor: pointer; text-align: left; }
        .checklist-item input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--branco); flex-shrink: 0; }
        
        /* Listas Estilizadas (Seção Atendimento e Método) */
        .aligned-treatment-list {
            list-style-type: decimal !important;
            list-style-position: outside !important;
            margin: 0 !important;
            padding: 0 0 0 20px !important;
            font-size: var(--fs-body);
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        .aligned-treatment-list li {
            text-align: left !important;
        }

        .styled-list { list-style: none; width: 100%; }
        .styled-list li { margin-bottom: 1rem; position: relative; padding-left: 1.5rem; font-size: var(--fs-body); text-align: left; }
        .styled-list li::before { content: "•"; color: var(--tema-terracota); font-weight: bold; font-size: 1.5rem; position: absolute; left: 0; top: -0.2rem; }
        
        /* --- ARQUITETURA DOS TRATAMENTOS --- */
        .treatments-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            width: 100%;
            margin-top: 1rem;
            justify-content: center;
        }
        
        .treatment-card {
            background-color: var(--branco);
            color: var(--tema-terracota);
            padding: 1.5rem;
            border-radius: 8px;
            font-size: var(--fs-body);
            font-weight: 600;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 90px;
            transition: transform 0.2s ease-in-out;
            flex: 1 1 100%;
        }
        
        @media(min-width: 768px) {
            .treatment-card {
                flex: 1 1 calc(33.333% - 1rem); 
                max-width: calc(33.333% - 1rem);
            }
        }
        
        .treatment-card:hover { transform: translateY(-3px); }

        /* Rodapé */
        .rodape {
            background-color: #592B1F; /* Tom escurecido derivado do terracota para harmonia visual */
            color: var(--branco); 
            text-align: center;
            padding-top: 1.3rem;
            padding-bottom: 0.1rem;
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: 1rem; 
        }
        
        /* --- ARQUITETURA RESPONSIVA (MOBILE-FIRST) --- */
        .hero-container {
            display: flex;
            flex-direction: column; /* Alterado de column-reverse para column */
            gap: 2.5rem;
        }

        .grid-2 { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }

        @media(min-width: 768px) {
            .hero-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 3rem;
                align-items: center;
            }
            .grid-2 { grid-template-columns: 1fr 1fr; }
            .order-md-2 { order: 2; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a024d0 *//* garante que não vai surgir barra horizontal */
html, body { overflow-x: hidden; }

.btn-whatsapp{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  background-color: rgb(37, 211, 102);
  width: 60px;
  height: 60px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 28px;
  text-decoration: none;
}

.btn-whatsapp:before,
.btn-whatsapp:after{
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #25d366;
  inset: -20px;              /* no lugar de left/right/top/bottom */
  animation: animate 1.5s linear infinite;
  opacity: 0;
  pointer-events: none;
}

.pulsaDelay:after{ animation-delay: 0.5s; }

@keyframes animate{
  0%{ transform: scale(0.5); opacity: 0; }
  50%{ opacity: 1; }
  100%{ transform: scale(1.2); opacity: 0; }
}/* End custom CSS */