.elementor-10659 .elementor-element.elementor-element-c80e47d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-910a7b8 */<style>
/* =========================================================
   DANTAS ADVOCACIA - PÁGINA 10659
   Esconde título da página + menu secundário do SINDIFÍCIOS
   e deixa o conteúdo em largura total
   ========================================================= */

/* Esconde o título da página "DD" */
body.page-id-10659 .page-title,
body.page-id-10659 .entry-title,
body.page-id-10659 .post-title,
body.page-id-10659 .title-header,
body.page-id-10659 .page-header,
body.page-id-10659 h1.entry-title {
    display: none !important;
}

/* Esconde o menu secundário / sidebar lateral */
body.page-id-10659 aside,
body.page-id-10659 .sidebar,
body.page-id-10659 #sidebar,
body.page-id-10659 .secondary,
body.page-id-10659 #secondary,
body.page-id-10659 .widget-area,
body.page-id-10659 .right-sidebar,
body.page-id-10659 .sidebar-right,
body.page-id-10659 .vc_sidebar,
body.page-id-10659 .secondary-menu,
body.page-id-10659 .menu-secondary-container {
    display: none !important;
}

/* Faz o conteúdo ocupar toda a largura */
body.page-id-10659 .content-area,
body.page-id-10659 #primary,
body.page-id-10659 .site-main,
body.page-id-10659 .main-content,
body.page-id-10659 .container,
body.page-id-10659 .container-fluid,
body.page-id-10659 .row,
body.page-id-10659 .vc_row,
body.page-id-10659 .wpb-content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove padding lateral herdado do tema */
body.page-id-10659 .content-area,
body.page-id-10659 #primary,
body.page-id-10659 .site-main,
body.page-id-10659 .main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove espaços extras no topo */
body.page-id-10659 .site-content,
body.page-id-10659 .content,
body.page-id-10659 .main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Garante que a página da Dantas fique por cima da estrutura antiga */
body.page-id-10659 .dddantas-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
</style>/* End custom CSS */
/* Start custom CSS */<!DOCTYPE html>
<!-- DANTAS ADVOCACIA - VERSAO 04-09-2026 V2 - FOTO DIDI2 + CONTATOS REAIS -->
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Dantas Advocacia — Direito de Família e Sucessões. Atuação jurídica com experiência, discrição e atenção a cada história." />
  <title>Dantas Advocacia | Direito de Família e Sucessões</title>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">

  <style>
    /* =========================================================
       PÁGINA PROVISÓRIA DENTRO DO SITE SINDIFÍCIOS — ID 10659
       Oculta SOMENTE nesta página o header/menu/footer/título do
       WordPress e libera o conteúdo para ocupar 100% da largura.
       ========================================================= */
    body.page-id-10659 > header,
    body.page-id-10659 #masthead,
    body.page-id-10659 .elementor-location-header,
    body.page-id-10659 header.elementor-location-header,
    body.page-id-10659 .header-wrapper,
    body.page-id-10659 .main-header,
    body.page-id-10659 > footer,
    body.page-id-10659 #colophon,
    body.page-id-10659 #footer,
    body.page-id-10659 .elementor-location-footer,
    body.page-id-10659 footer.elementor-location-footer,
    body.page-id-10659 .footer-wrapper,
    body.page-id-10659 .page-header,
    body.page-id-10659 .page-title,
    body.page-id-10659 .entry-title,
    body.page-id-10659 .post-title,
    body.page-id-10659 .title-header,
    body.page-id-10659 .breadcrumbs,
    body.page-id-10659 .breadcrumb,
    body.page-id-10659 #secondary,
    body.page-id-10659 .sidebar {
      display: none !important;
    }

    body.page-id-10659,
    body.page-id-10659 #page,
    body.page-id-10659 #content,
    body.page-id-10659 #primary,
    body.page-id-10659 .site-content,
    body.page-id-10659 .content-area,
    body.page-id-10659 main.site-main {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: none !important;
    }

    body.page-id-10659 #primary,
    body.page-id-10659 .content-area {
      float: none !important;
    }

    body.page-id-10659 .entry-content {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: none !important;
    }

    :root {
      --vinho: #5B1F2D;
      --vinho-escuro: #421621;
      --champagne: #B89468;
      --champagne-claro: #D8C2A5;
      --creme: #F7F3EC;
      --creme-2: #EFE7DC;
      --grafite: #292625;
      --cinza: #716B67;
      --branco: #FFFFFF;
      --linha: rgba(91, 31, 45, .16);
      --sombra: 0 18px 50px rgba(49, 31, 28, .10);
      --radius: 22px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--creme);
      color: var(--grafite);
      font-family: "Montserrat", sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }

    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button, input, textarea { font: inherit; }

    .container {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--champagne);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .22em;
      text-transform: uppercase;
    }
    .eyebrow::before {
      content: "";
      width: 34px;
      height: 1px;
      background: currentColor;
    }

    h1, h2, h3 {
      font-family: "Bodoni Moda", serif;
      font-weight: 500;
      margin: 0;
      color: var(--vinho-escuro);
      line-height: 1.08;
    }
    h1 { font-size: clamp(52px, 7vw, 96px); letter-spacing: -.035em; }
    h2 { font-size: clamp(38px, 5vw, 64px); letter-spacing: -.025em; }
    h3 { font-size: 29px; }

    p { margin: 0; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 0 24px;
      border: 1px solid transparent;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .04em;
      transition: .25s ease;
    }
    .ddantas-page a.btn-primary,
    .ddantas-page a.btn-primary:link,
    .ddantas-page a.btn-primary:visited {
      background: var(--vinho) !important;
      color: var(--branco) !important;
      border-color: var(--vinho) !important;
      text-decoration: none !important;
    }
    .ddantas-page a.btn-primary:hover,
    .ddantas-page a.btn-primary:focus {
      background: var(--champagne) !important;
      color: var(--vinho-escuro) !important;
      border-color: var(--champagne) !important;
      transform: translateY(-2px);
    }

    .ddantas-page a.btn-outline,
    .ddantas-page a.btn-outline:link,
    .ddantas-page a.btn-outline:visited {
      border-color: rgba(91,31,45,.28) !important;
      color: var(--vinho) !important;
      background: transparent !important;
      text-decoration: none !important;
    }
    .ddantas-page a.btn-outline:hover,
    .ddantas-page a.btn-outline:focus {
      background: var(--branco) !important;
      border-color: var(--vinho) !important;
      color: var(--vinho) !important;
      transform: translateY(-2px);
    }

    /* HEADER */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(247,243,236,.90);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(91,31,45,.08);
    }
    .header-inner {
      min-height: 88px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-width: max-content;
    }
    .brand img {
      width: 48px;
      height: 48px;
      object-fit: contain;
    }
    .brand-text strong {
      display: block;
      color: var(--vinho);
      font-family: "Bodoni Moda", serif;
      font-size: 22px;
      font-weight: 500;
      letter-spacing: .02em;
      line-height: 1;
    }
    .brand-text span {
      display: block;
      margin-top: 5px;
      color: var(--champagne);
      font-size: 9px;
      letter-spacing: .23em;
      text-transform: uppercase;
    }
    .nav { display: flex; align-items: center; gap: 26px; }
    .nav a {
      font-size: 12px;
      font-weight: 500;
      color: #4e4743;
      transition: .2s ease;
    }
    .nav a:hover { color: var(--vinho); }
    .menu-toggle { display: none; }

    /* HERO */
    .hero {
      position: relative;
      overflow: hidden;
      padding: 76px 0 74px;
      background:
        radial-gradient(circle at 80% 16%, rgba(184,148,104,.14), transparent 28%),
        linear-gradient(180deg, #FBF8F3 0%, var(--creme) 100%);
    }
    .hero::after {
      content: "DD";
      position: absolute;
      right: -30px;
      bottom: -118px;
      font-family: "Bodoni Moda", serif;
      font-size: 320px;
      line-height: 1;
      color: rgba(91,31,45,.035);
      pointer-events: none;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 74px;
      align-items: center;
    }
    .hero-copy { position: relative; z-index: 2; }
    .hero h1 { max-width: 760px; margin-top: 24px; }
    .hero h1 em { color: var(--vinho); font-style: normal; }
    .hero-lead {
      max-width: 650px;
      margin-top: 28px;
      color: #5f5955;
      font-size: 17px;
      font-weight: 300;
    }
    .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
    .hero-note {
      margin-top: 34px;
      padding-top: 22px;
      border-top: 1px solid var(--linha);
      display: flex;
      gap: 34px;
      flex-wrap: wrap;
    }
    .hero-note strong {
      display: block;
      color: var(--vinho);
      font-family: "Bodoni Moda", serif;
      font-size: 22px;
      font-weight: 500;
    }
    .hero-note span { color: var(--cinza); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }

    .hero-visual {
      position: relative;
      min-height: 560px;
      display: grid;
      place-items: center;
    }
    .hero-panel {
      position: absolute;
      inset: 46px 0 0 56px;
      border-radius: 180px 180px 28px 28px;
      background: linear-gradient(160deg, #6D2B3B 0%, var(--vinho-escuro) 100%);
      box-shadow: var(--sombra);
    }
    .hero-monogram {
      position: relative;
      z-index: 2;
      width: min(88%, 560px);
      filter: drop-shadow(0 22px 34px rgba(30,9,15,.22));
    }
    .hero-edith-photo {
      width: min(360px, 78%) !important;
      height: 520px !important;
      object-fit: cover !important;
      object-position: center 18% !important;
      border-radius: 180px 180px 28px 28px !important;
      box-shadow: 0 24px 70px rgba(66,22,33,.18) !important;
      background: #f7f3ec;
    }

    .hero-caption {
      position: absolute;
      z-index: 3;
      left: 0;
      bottom: 26px;
      width: 260px;
      padding: 22px 24px;
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(184,148,104,.25);
      border-radius: 18px;
      box-shadow: var(--sombra);
    }
    .hero-caption strong {
      color: var(--vinho);
      font-family: "Bodoni Moda", serif;
      font-size: 23px;
      font-weight: 500;
    }
    .hero-caption span { display: block; margin-top: 4px; color: var(--cinza); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

    /* MANIFESTO */
    .manifesto { padding: 105px 0; }
    .manifesto-grid {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 80px;
      align-items: start;
    }
    .manifesto h2 { max-width: 760px; }
    .manifesto-text { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; margin-top: 34px; }
    .manifesto-text p { color: #625b57; font-size: 15px; }

    /* AREAS */
    .areas {
      padding: 100px 0;
      background: var(--vinho-escuro);
      color: var(--branco);
    }
    .areas .eyebrow { color: var(--champagne-claro); }
    .areas h2 { color: var(--branco); margin-top: 18px; max-width: 720px; }
    .areas-intro { max-width: 650px; margin-top: 24px; color: rgba(255,255,255,.66); }
    .areas-grid {
      margin-top: 54px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid rgba(255,255,255,.13);
      border-left: 1px solid rgba(255,255,255,.13);
    }
    .area-card {
      min-height: 265px;
      padding: 34px;
      border-right: 1px solid rgba(255,255,255,.13);
      border-bottom: 1px solid rgba(255,255,255,.13);
      transition: .3s ease;
    }
    .area-card:hover { background: rgba(255,255,255,.045); }
    .area-number {
      color: var(--champagne-claro);
      font-size: 11px;
      letter-spacing: .18em;
    }
    .area-card h3 { color: var(--branco); margin-top: 40px; font-size: 28px; }
    .area-card p { margin-top: 14px; color: rgba(255,255,255,.62); font-size: 13px; }

    /* SOBRE */
    .about { padding: 110px 0; background: #FBF8F3; }
    .about-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 84px; align-items: center; }
    .about-portrait {
      position: relative;
      min-height: 620px;
      border-radius: 190px 190px 24px 24px;
      background-image: url("https://sindificios.com.br/site/wp-content/uploads/2026/09/didi2.png") !important;
      background-size: cover !important;
      background-position: center 24% !important;
      background-repeat: no-repeat !important;
      background-color: #E8DDD0;
      overflow: hidden;
      box-shadow: var(--sombra);
    }
    .about-photo {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 24%;
    }
    .about-copy h2 { margin-top: 18px; }
    .about-copy .lead { margin-top: 28px; color: #544e4a; font-size: 18px; }
    .about-copy p + p { margin-top: 17px; }
    .about-copy .body-text { margin-top: 28px; color: #6a625d; font-size: 14px; }
    .signature { margin-top: 30px; color: var(--vinho); font-family: "Bodoni Moda", serif; font-style: italic; font-size: 25px; }

    /* COMO ATENDE */
    .approach { padding: 105px 0; }
    .approach-header { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: end; }
    .approach-header p { color: #655e59; max-width: 600px; }
    .steps { margin-top: 50px; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
    .step { background: #FCFAF7; border: 1px solid var(--linha); border-radius: var(--radius); padding: 32px; min-height: 260px; }
    .step small { color: var(--champagne); font-weight: 600; letter-spacing: .18em; }
    .step h3 { margin-top: 34px; font-size: 26px; }
    .step p { margin-top: 12px; color: #6b645f; font-size: 13px; }

    /* CONTEUDO */
    .content-section { padding: 100px 0; background: var(--creme-2); }
    .content-head { display:flex; justify-content:space-between; gap:30px; align-items:end; }
    .content-head p { max-width: 500px; color:#645c57; font-size:14px; }
    .articles { margin-top: 48px; display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
    .article {
      background: rgba(255,255,255,.62);
      border-radius: 20px;
      padding: 28px;
      min-height: 270px;
      border: 1px solid rgba(91,31,45,.08);
    }
    .article span { color: var(--champagne); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
    .article h3 { margin-top: 25px; font-size: 27px; }
    .article p { margin-top: 14px; color: #6a625d; font-size: 13px; }

    /* CONTATO */
    .contact { padding: 100px 0; background: var(--vinho); color: var(--branco); }
    .contact-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items:start; }
    .contact h2 { color: var(--branco); margin-top: 18px; }
    .contact-copy p { color: rgba(255,255,255,.68); margin-top: 22px; max-width: 520px; }
    .contact-list { margin-top: 34px; display:grid; gap:13px; }
    .contact-item {
      display:flex;
      align-items:center;
      gap:12px;
      width:fit-content;
      max-width:100%;
      color:rgba(255,255,255,.94) !important;
      font-size:13px;
      text-decoration:none !important;
      transition:.22s ease;
    }
    .contact-item:hover { color:var(--champagne-claro) !important; transform:translateX(3px); }
    .contact-icon {
      flex:0 0 34px;
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.20);
      border-radius:50%;
      background:rgba(255,255,255,.06);
    }
    .contact-icon svg { width:16px; height:16px; display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .contact-icon svg.fill-icon { fill:currentColor; stroke:none; }
    .contact-meta { display:flex; flex-direction:column; line-height:1.35; }
    .contact-meta small { color:rgba(255,255,255,.52); font-size:9px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:2px; }
    .contact-meta strong { color:inherit; font-weight:500; }
    .form {
      padding: 32px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 24px;
    }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .field { margin-bottom: 14px; }
    .field label { display:block; margin-bottom:8px; color:rgba(255,255,255,.72); font-size:11px; }
    .field input, .field textarea {
      width:100%;
      border:1px solid rgba(255,255,255,.18);
      border-radius:12px;
      background:rgba(255,255,255,.08);
      color:#fff;
      padding:14px 15px;
      outline:none;
    }
    .field input:focus, .field textarea:focus { border-color: var(--champagne-claro); }
    .field textarea { min-height: 130px; resize: vertical; }
    .form .btn { margin-top: 4px; background: var(--creme); color: var(--vinho); }
    .legal-note { margin-top: 14px; color: rgba(255,255,255,.48); font-size: 10px; line-height:1.5; }

    /* FOOTER */
    .footer { background:#2F1018; color:rgba(255,255,255,.66); padding:42px 0; }
    .footer-grid { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
    .footer-brand { display:flex; align-items:center; gap:14px; }
    .footer-brand img { width:42px; }
    .footer-brand strong { color:#fff; font-family:"Bodoni Moda",serif; font-size:21px; font-weight:500; }
    .footer-brand span { display:block; font-size:10px; margin-top:4px; }
    .footer-links { display:flex; gap:12px; align-items:center; font-size:11px; }
    .footer-social {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:36px;
      height:36px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:50%;
      color:rgba(255,255,255,.82) !important;
      transition:.22s ease;
    }
    .footer-social:hover { color:var(--champagne-claro) !important; border-color:var(--champagne-claro); transform:translateY(-2px); }
    .footer-social svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .footer-social svg.fill-icon { fill:currentColor; stroke:none; }
    .footer-text-link { color:rgba(255,255,255,.72) !important; padding:8px 4px; }
    .footer-text-link:hover { color:var(--champagne-claro) !important; }
    .footer-bottom { margin-top:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.10); font-size:10px; }

    /* ANIMAÇÃO */
    .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    @media (max-width: 960px) {
      .nav { display:none; }
      .menu-toggle {
        display:inline-flex;
        width:42px; height:42px;
        border:1px solid var(--linha);
        border-radius:50%;
        align-items:center; justify-content:center;
        background:transparent; color:var(--vinho);
        cursor:pointer;
      }
      .nav.open {
        display:flex;
        position:absolute;
        top:88px; left:20px; right:20px;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:16px;
        background:#fff;
        border:1px solid var(--linha);
        border-radius:18px;
        box-shadow:var(--sombra);
      }
      .nav.open a { padding:12px; }
      .hero-grid, .manifesto-grid, .about-grid, .contact-grid, .approach-header { grid-template-columns:1fr; gap:45px; }
      .hero-visual { min-height:480px; }
      .hero-panel { left:30px; }
      .manifesto-text { grid-template-columns:1fr; }
      .areas-grid, .steps, .articles { grid-template-columns:1fr 1fr; }
      .about-portrait { min-height:520px; }
    }

    @media (max-width: 640px) {
      .container { width:min(100% - 28px, 1180px); }
      .header-inner { min-height:76px; }
      .nav.open { top:76px; left:14px; right:14px; }
      .brand-text span { display:none; }
      .hero { padding-top:48px; }
      .hero-grid { gap:30px; }
      .hero-lead { font-size:15px; }
      .hero-visual { min-height:390px; }
      .hero-panel { inset:30px 0 0 28px; border-radius:110px 110px 24px 24px; }
      .hero-caption { width:220px; padding:17px 18px; }
      .manifesto, .areas, .about, .approach, .content-section, .contact { padding:76px 0; }
      .areas-grid, .steps, .articles { grid-template-columns:1fr; }
      .area-card { min-height:220px; }
      .about-portrait { min-height:430px; }
      .content-head { align-items:flex-start; flex-direction:column; }
      .form-row { grid-template-columns:1fr; gap:0; }
      .footer-grid { grid-template-columns:1fr; }
      .footer-links { flex-wrap:wrap; }
    }
  </style>
</head>
<body class="ddantas-page">

  <header class="site-header">
    <div class="container header-inner">
      <a class="brand" href="#inicio" aria-label="Dantas Advocacia">
        <!-- Monograma DD carregado pela URL pública -->
        <img src="https://sindificios.com.br/site/wp-content/uploads/2026/09/dd-monograma.png" alt="Monograma DD" />
        <span class="brand-text">
          <strong>Dantas</strong>
          <span>Advocacia de Família</span>
        </span>
      </a>

      <nav class="nav" id="mainNav">
        <a href="#inicio">Início</a>
        <a href="#atuacao">Atuação</a>
        <a href="#edith">Edith Dantas</a>
        <a href="#orientacoes">Orientações</a>
        <a href="#contato" class="btn btn-outline">Contato</a>
      </nav>

      <button class="menu-toggle" id="menuToggle" aria-label="Abrir menu">☰</button>
    </div>
  </header>

  <main>
    <section class="hero" id="inicio">
      <div class="container hero-grid">
        <div class="hero-copy reveal">
          <span class="eyebrow">Direito de Família e Sucessões</span>
          <h1>Questões de família pedem <em>clareza, experiência e cuidado.</em></h1>
          <p class="hero-lead">Atuação jurídica pessoal e criteriosa em temas familiares e sucessórios, com atenção à realidade de cada pessoa e à segurança das decisões tomadas ao longo do caminho.</p>

          <div class="hero-actions">
            <a href="#atuacao" class="btn btn-primary">Conheça a atuação</a>
            <a href="#contato" class="btn btn-outline">Entre em contato</a>
          </div>

          <div class="hero-note">
            <div><strong>Família</strong><span>Relações e proteção</span></div>
            <div><strong>Sucessões</strong><span>Patrimônio e continuidade</span></div>
            <div><strong>Discrição</strong><span>Atendimento pessoal</span></div>
          </div>
        </div>

        <div class="hero-visual reveal">
          <div class="hero-panel"></div>
          <img src="https://sindificios.com.br/site/wp-content/uploads/2026/09/didi2.png" class="hero-monogram hero-edith-photo" alt="Edith Dantas — Dantas Advocacia" />
          <div class="hero-caption">
            <strong>Edith Dantas</strong>
            <span>Advogada · OAB/SP nº 213.220</span>
            <span>(11) 98281-5025 · @ddantas.adv</span>
          </div>
        </div>
      </div>
    </section>

    <section class="manifesto">
      <div class="container manifesto-grid">
        <div class="reveal">
          <span class="eyebrow">Dantas Advocacia</span>
        </div>
        <div class="reveal">
          <h2>Algumas decisões jurídicas começam com uma conversa.</h2>
          <div class="manifesto-text">
            <p>Cada família tem sua própria história. Por isso, questões familiares não devem ser tratadas como situações genéricas. O trabalho jurídico começa pela compreensão cuidadosa do contexto.</p>
            <p>A proposta da Dantas Advocacia é unir conhecimento técnico, comunicação clara e condução responsável para que cada decisão seja tomada com mais segurança e consciência.</p>
          </div>
        </div>
      </div>
    </section>

    <section class="areas" id="atuacao">
      <div class="container">
        <span class="eyebrow reveal">Áreas de atuação</span>
        <h2 class="reveal">Direito de Família e Sucessões com atuação próxima e individualizada.</h2>
        <p class="areas-intro reveal">Os serviços abaixo representam áreas de atuação e possuem caráter exclusivamente informativo. Cada situação requer análise jurídica própria.</p>

        <div class="areas-grid">
          <article class="area-card reveal"><span class="area-number">01</span><h3>Divórcio e União Estável</h3><p>Orientação jurídica para divórcios consensuais ou litigiosos, dissolução de união estável e seus efeitos pessoais e patrimoniais.</p></article>
          <article class="area-card reveal"><span class="area-number">02</span><h3>Guarda e Convivência</h3><p>Análise de guarda, convivência familiar e organização das responsabilidades parentais, com atenção ao melhor interesse dos filhos.</p></article>
          <article class="area-card reveal"><span class="area-number">03</span><h3>Alimentos</h3><p>Pedidos, revisões e exonerações de pensão alimentícia, considerando as particularidades jurídicas e econômicas de cada situação.</p></article>
          <article class="area-card reveal"><span class="area-number">04</span><h3>Partilha de Bens</h3><p>Orientação sobre regime de bens, patrimônio comum, divisão patrimonial e repercussões decorrentes do término da relação.</p></article>
          <article class="area-card reveal"><span class="area-number">05</span><h3>Inventário e Sucessões</h3><p>Inventários judiciais e extrajudiciais, partilha, regularização patrimonial e orientação aos herdeiros.</p></article>
          <article class="area-card reveal"><span class="area-number">06</span><h3>Planejamento Familiar e Patrimonial</h3><p>Organização preventiva de questões familiares e patrimoniais com foco em segurança jurídica e redução de conflitos futuros.</p></article>
        </div>
      </div>
    </section>

    <section class="about" id="edith">
      <div class="container about-grid">
        <div class="about-portrait reveal" role="img" aria-label="Edith Dantas — Dantas Advocacia"></div>

        <div class="about-copy reveal">
          <span class="eyebrow">Edith Dantas</span>
          <h2>Experiência que permanece. Um novo capítulo na advocacia.</h2>
          <p class="lead">A trajetória profissional também pode ter novos começos. A experiência acumulada ao longo dos anos retorna agora com foco no Direito de Família e Sucessões.</p>
          <div class="body-text">
            <p>Edith Dantas retoma sua atuação profissional com foco em Direito de Família e Sucessões, trazendo para este novo momento a experiência construída ao longo de sua trajetória na advocacia.</p>
            <p>Seu trabalho é pautado por escuta atenta, clareza na orientação jurídica e condução responsável de situações que envolvem relações familiares, patrimônio e decisões de grande impacto pessoal.</p>
          </div>
          <div class="signature">Edith Dantas</div>
        </div>
      </div>
    </section>

    <section class="approach">
      <div class="container">
        <div class="approach-header">
          <div class="reveal"><span class="eyebrow">Forma de atuação</span><h2 style="margin-top:18px">Clareza em cada etapa.</h2></div>
          <p class="reveal">Uma comunicação jurídica simples não significa simplificar o problema. Significa explicar possibilidades, riscos e caminhos para que as decisões possam ser tomadas de forma consciente.</p>
        </div>

        <div class="steps">
          <article class="step reveal"><small>01</small><h3>Compreender</h3><p>Entendimento inicial do contexto, dos documentos existentes e das questões que precisam ser analisadas juridicamente.</p></article>
          <article class="step reveal"><small>02</small><h3>Orientar</h3><p>Apresentação clara das alternativas jurídicas possíveis, seus efeitos e os pontos que precisam ser considerados.</p></article>
          <article class="step reveal"><small>03</small><h3>Conduzir</h3><p>Acompanhamento jurídico da solução adotada, de forma organizada, responsável e compatível com as particularidades do caso.</p></article>
        </div>
      </div>
    </section>

    <section class="content-section" id="orientacoes">
      <div class="container">
        <div class="content-head">
          <div class="reveal"><span class="eyebrow">Orientações</span><h2 style="margin-top:18px">Informação jurídica em linguagem clara.</h2></div>
          <p class="reveal">Conteúdos informativos para ajudar a compreender temas recorrentes do Direito de Família e Sucessões. As informações não substituem uma análise jurídica individualizada.</p>
        </div>

        <div class="articles">
          <article class="article reveal"><span>Família</span><h3>Como funciona o divórcio consensual?</h3><p>Entenda quais pontos precisam ser definidos e em quais situações o procedimento pode ocorrer de forma extrajudicial.</p></article>
          <article class="article reveal"><span>Alimentos</span><h3>Quando a pensão alimentícia pode ser revista?</h3><p>Uma mudança relevante na necessidade de quem recebe ou na possibilidade de quem paga pode justificar nova análise.</p></article>
          <article class="article reveal"><span>Sucessões</span><h3>É possível fazer inventário em cartório?</h3><p>Conheça, em linhas gerais, as situações em que o inventário extrajudicial pode ser uma alternativa.</p></article>
        </div>
      </div>
    </section>

    <section class="contact" id="contato">
      <div class="container contact-grid">
        <div class="contact-copy reveal">
          <span class="eyebrow">Contato</span>
          <h2>Para entender uma situação, o primeiro passo é conhecer o contexto.</h2>
          <p>Utilize os canais abaixo para solicitar informações sobre atendimento e disponibilidade. Não envie documentos ou informações sensíveis antes da confirmação do canal adequado.</p>
          <div class="contact-list">
            <a class="contact-item" href="mailto:edithdantas@adv.oabsp.org.br" aria-label="Enviar e-mail para Edith Dantas">
              <span class="contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="M4 7l8 6 8-6"></path></svg>
              </span>
              <span class="contact-meta"><small>E-mail</small><strong>edithdantas@adv.oabsp.org.br</strong></span>
            </a>

            <a class="contact-item" href="https://wa.me/5511982815025" target="_blank" rel="noopener" aria-label="Falar com Edith Dantas pelo WhatsApp">
              <span class="contact-icon" aria-hidden="true">
                <svg class="fill-icon" viewBox="0 0 24 24"><path d="M12.04 2a9.83 9.83 0 0 0-8.39 14.95L2 22l5.18-1.61A9.9 9.9 0 1 0 12.04 2Zm0 17.98a8.1 8.1 0 0 1-4.13-1.13l-.3-.18-3.07.96 1-2.99-.2-.31A8.06 8.06 0 1 1 12.04 19.98Zm4.44-6.05c-.24-.12-1.43-.71-1.65-.79-.22-.08-.38-.12-.54.12-.16.24-.63.79-.77.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2-.72-.64-1.2-1.43-1.34-1.67-.14-.24-.02-.37.1-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.47-.4-.4-.54-.41h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.58.18 1.1.16 1.51.1.46-.07 1.43-.58 1.63-1.15.2-.57.2-1.05.14-1.15-.06-.1-.22-.16-.46-.28Z"/></svg>
              </span>
              <span class="contact-meta"><small>WhatsApp</small><strong>(11) 98281-5025</strong></span>
            </a>

            <a class="contact-item" href="https://www.instagram.com/ddantas.adv/" target="_blank" rel="noopener" aria-label="Instagram da Dantas Advocacia">
              <span class="contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="1" class="fill-icon"></circle></svg>
              </span>
              <span class="contact-meta"><small>Instagram</small><strong>@ddantas.adv</strong></span>
            </a>

            <a class="contact-item" href="https://ddantas.adv.br" target="_blank" rel="noopener" aria-label="Site Dantas Advocacia">
              <span class="contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"></circle><path d="M3.5 12h17M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21M12 3c-2.3 2.5-3.5 5.5-3.5 9S9.7 18.5 12 21"></path></svg>
              </span>
              <span class="contact-meta"><small>Site</small><strong>ddantas.adv.br</strong></span>
            </a>

            <div class="contact-item" aria-label="Inscrição OAB de Edith Dantas">
              <span class="contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M7 3h10v18H7z"></path><path d="M9.5 7h5M9.5 11h5M9.5 15h3"></path></svg>
              </span>
              <span class="contact-meta"><small>Registro profissional</small><strong>OAB/SP nº 213.220</strong></span>
            </div>
          </div>
        </div>

        <form class="form reveal" onsubmit="event.preventDefault(); alert('Formulário demonstrativo. Depois ligamos ao formulário do WordPress.');">
          <div class="form-row">
            <div class="field"><label for="nome">Nome</label><input id="nome" name="nome" type="text" required></div>
            <div class="field"><label for="telefone">Telefone</label><input id="telefone" name="telefone" type="tel"></div>
          </div>
          <div class="field"><label for="email">E-mail</label><input id="email" name="email" type="email" required></div>
          <div class="field"><label for="assunto">Assunto</label><input id="assunto" name="assunto" type="text"></div>
          <div class="field"><label for="mensagem">Mensagem</label><textarea id="mensagem" name="mensagem" required></textarea></div>
          <button class="btn" type="submit">Enviar mensagem</button>
          <p class="legal-note">Ao enviar este formulário, você concorda com o tratamento dos dados fornecidos para retorno do contato, conforme a Política de Privacidade.</p>
        </form>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <img src="https://sindificios.com.br/site/wp-content/uploads/2026/09/dd-monograma.png" alt="DD">
          <div><strong>Dantas Advocacia</strong><span>Edith Dantas · OAB/SP nº 213.220 · ddantas.adv.br</span></div>
        </div>
        <div class="footer-links">
          <a class="footer-social" href="https://www.instagram.com/ddantas.adv/" target="_blank" rel="noopener" aria-label="Instagram">
            <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="1" class="fill-icon"></circle></svg>
          </a>
          <a class="footer-social" href="https://wa.me/5511982815025" target="_blank" rel="noopener" aria-label="WhatsApp">
            <svg class="fill-icon" viewBox="0 0 24 24"><path d="M12.04 2a9.83 9.83 0 0 0-8.39 14.95L2 22l5.18-1.61A9.9 9.9 0 1 0 12.04 2Zm0 17.98a8.1 8.1 0 0 1-4.13-1.13l-.3-.18-3.07.96 1-2.99-.2-.31A8.06 8.06 0 1 1 12.04 19.98Z"/></svg>
          </a>
          <a class="footer-social" href="mailto:edithdantas@adv.oabsp.org.br" aria-label="E-mail">
            <svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="M4 7l8 6 8-6"></path></svg>
          </a>
          <a class="footer-text-link" href="#contato">Contato</a>
          <a class="footer-text-link" href="#">Privacidade</a>
        </div>
      </div>
      <div class="footer-bottom">© <span id="year"></span> Dantas Advocacia. Conteúdo de caráter informativo, em observância às normas aplicáveis à publicidade na advocacia.</div>
    </div>
  </footer>

  <script>
    const menuToggle = document.getElementById('menuToggle');
    const mainNav = document.getElementById('mainNav');

    menuToggle.addEventListener('click', () => mainNav.classList.toggle('open'));
    mainNav.querySelectorAll('a').forEach(link => link.addEventListener('click', () => mainNav.classList.remove('open')));

    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
          observer.unobserve(entry.target);
        }
      });
    }, { threshold: .10 });

    document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>/* End custom CSS */