:root{--sand:#e3b97c;--sand2:#d5ad8e;--green:#185f55;--green2:#4d7964;--ink:#111;--mint:#50d2ad;--cream:#fffaf2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f3eee5}
a{color:inherit}.wrap{width:min(1120px,100%);margin:auto;background:var(--sand)}
header{position:sticky;top:0;z-index:30;background:rgba(227,185,124,.96);border-bottom:1px solid rgba(0,0,0,.08)}
nav{max-width:1120px;margin:auto;display:flex;align-items:center;gap:24px;padding:12px 22px;font-size:14px}
nav img{width:78px;height:50px;object-fit:contain;margin-right:auto}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;color:#386b60}
.hero{min-height:680px;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.05)),url('/assets/img/hero-wix.png') center/cover no-repeat;position:relative;color:#080808}
.hero .copy{max-width:610px;padding:60px 55px}.hero h1{font-size:46px;line-height:1.04;margin:0 0 15px;font-style:italic}.hero p{font-size:20px;max-width:520px}.seal{width:190px;margin:22px 0;display:block}.btn{display:inline-block;background:#c96f4a;color:#fff;text-decoration:none;padding:17px 34px;border-radius:7px;font-weight:700;border:0;cursor:pointer}
.section{padding:70px 55px}.two{display:grid;grid-template-columns:1fr 1fr;gap:0}.pain-left{font-size:36px;line-height:1.3;font-weight:700;font-style:italic;padding:65px}.pain-right{background:var(--green);color:white;padding:55px;font-size:22px;line-height:1.5}.pain-right ul{margin:0;padding-left:26px}
.transition{background:var(--sand2)}.transition h2,.about h1,.doubt h1{font-size:44px;line-height:1.12;font-style:italic;margin-top:0}.transition p,.transition li,.about p,.doubt p,.doubt li{font-size:20px;line-height:1.55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.cards img{width:100%;display:block}
.about{background:var(--sand);text-align:center}.about .portrait{width:min(700px,100%);margin:20px auto 40px;display:block}.about .text{max-width:900px;margin:auto;text-align:left}
.cta{background:var(--green2);color:white;text-align:center}.cta h2{font-size:44px;color:#efc08f}.cta p{font-size:20px;line-height:1.5;max-width:760px;margin:0 auto 28px}
.testimonial{background:#afa185}.testgrid{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:35px}.testgrid img{width:330px;height:430px;object-fit:cover;border-radius:50%;border:4px solid white;margin:auto}.quote{background:#d6ad8d;padding:42px;font-size:21px;line-height:1.5}
.choice{display:grid;grid-template-columns:1fr 1fr;background:var(--sand)}.choice .copy{padding:55px}.choice h2{font-size:46px;color:#3f725f}.choice img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.contact{display:grid;grid-template-columns:repeat(3,1fr);min-height:330px}.contact>div{padding:55px 35px;text-align:center}.contact h2{letter-spacing:8px;font-size:28px}.contact .c1{background:#050505;color:#f0c480}.contact .c2{background:#4b765f;color:#fff}.contact .c3{background:#4fd0aa}.contact input,.contact textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #225f51;background:transparent}.contact button{background:#000;color:#fff;border:0;padding:10px 30px}
footer{padding:18px;text-align:center;background:var(--sand);font-size:13px}
.page{padding:55px;min-height:70vh}.page h1{font-size:48px}.legal{color:#346d61;line-height:1.45}.legal h2{font-size:20px}.blog-card{display:grid;grid-template-columns:1fr 1.3fr;background:#f0ecff;margin:30px 0}.blog-card img{width:100%;height:100%;object-fit:cover}.blog-card div{padding:35px}.doubt-hero{display:grid;grid-template-columns:1fr 1.5fr}.doubt-hero img{width:100%;height:100%;object-fit:cover}.doubt-hero div{padding:55px}.photo-band{min-height:520px;background:url('/assets/img/pilates-pb.jpg') center/cover no-repeat;display:grid;place-items:center}.photo-band div{background:#d5ad8e;padding:55px;max-width:620px;font-size:21px;line-height:1.5}
@media(max-width:760px){.navlinks{display:none}nav{padding:8px 15px}.hero{min-height:590px;background-position:center}.hero .copy{padding:35px 24px}.hero h1{font-size:34px}.section{padding:42px 24px}.two,.cards,.testgrid,.choice,.contact,.blog-card,.doubt-hero{grid-template-columns:1fr}.pain-left,.pain-right{padding:38px 24px}.transition h2,.about h1,.doubt h1,.cta h2,.choice h2,.page h1{font-size:34px}.testgrid img{width:240px;height:310px}.page{padding:38px 24px}}


/* =========================================================
   ARTMOVI - HEADER FIX
   ========================================================= */

header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;

    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e3b97c !important;
    overflow: visible !important;
}

header nav {
    width: min(1120px, calc(100% - 40px)) !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

header nav > a:first-child {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    height: 64px !important;

    margin: 0 auto 0 0 !important;
    padding: 0 !important;
}

header nav > a:first-child img {
    display: block !important;

    width: 105px !important;
    height: 62px !important;
    max-width: 105px !important;
    max-height: 62px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}

header .navlinks {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 22px !important;
}

header .navlinks a {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    color: #386b60 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;

    text-decoration: none !important;
}

/* MOBILE */
@media (max-width: 760px) {

    header {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }

    header nav {
        width: calc(100% - 30px) !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }

    header nav > a:first-child {
        height: 58px !important;
    }

    header nav > a:first-child img {
        width: 95px !important;
        height: 56px !important;
    }

    header .navlinks {
        display: none !important;
    }
}


/* ==========================================================
   ARTMOVI — REFINAMENTO VISUAL / WIX MATCH
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600&display=swap');


/* ---------- TIPOGRAFIA GLOBAL ---------- */

body {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 400;
    color: #111;
}

p,
li,
a,
button,
input,
textarea {
    font-family: 'Montserrat', Arial, sans-serif !important;
}


/* ---------- MENU ---------- */

header .navlinks a {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #4b7469 !important;
}

header .navlinks a:hover {
    color: #174e43 !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.hero {
    min-height: 670px !important;

    display: flex !important;
    align-items: stretch !important;

    background-position: center center !important;
    background-size: cover !important;

    position: relative !important;
}

/* escurecimento sutil somente para melhorar leitura */
.hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,.03) 45%,
            rgba(0,0,0,.00) 75%
        ) !important;

    pointer-events: none !important;
}

.hero .copy {
    position: relative !important;
    z-index: 2 !important;

    width: 500px !important;
    max-width: 48% !important;

    padding: 48px 0 34px 54px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    text-align: center !important;
}


/* TÍTULO */

.hero h1 {
    width: 100% !important;

    margin: 0 0 17px !important;

    font-family: 'Montserrat', Arial, sans-serif !important;

    font-size: 34px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;
    font-style: italic !important;

    letter-spacing: -1px !important;

    color: #000 !important;

    text-align: left !important;
}


/* SUBTÍTULO */

.hero .copy > p:first-of-type {
    width: 360px !important;
    max-width: 100% !important;

    margin: 0 auto 16px !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;
    font-style: italic !important;

    color: #fff !important;

    text-shadow: 0 1px 5px rgba(0,0,0,.45) !important;
}


/* SELO */

.hero .seal {
    width: 160px !important;
    height: auto !important;

    margin: 8px auto 18px !important;

    object-fit: contain !important;
}


/* BOTÃO */

.hero .btn {
    width: 340px !important;
    max-width: 100% !important;

    min-height: 50px !important;

    padding: 13px 24px !important;

    border-radius: 8px !important;

    background: #c96f4d !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    letter-spacing: 0 !important;

    box-shadow: none !important;
}

.hero .btn:hover {
    background: #b85f40 !important;
}


/* TEXTO ABAIXO DO BOTÃO */

.hero .copy > p:last-of-type {
    width: 360px !important;
    max-width: 100% !important;

    margin: 9px auto 0 !important;

    color: #fff !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 500 !important;

    text-align: center !important;

    text-shadow: 0 1px 5px rgba(0,0,0,.5) !important;
}


/* ==========================================================
   SEGUNDA SEÇÃO
   ========================================================== */

.two {
    min-height: 400px !important;
}

.pain-left,
.pain-right {
    min-height: 400px !important;
}


/* ESQUERDA */

.pain-left {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    padding: 55px 65px !important;

    font-family: 'Montserrat', Arial, sans-serif !important;

    font-size: 27px !important;
    line-height: 1.65 !important;

    font-weight: 600 !important;
    font-style: italic !important;

    text-align: center !important;

    color: #080808 !important;
}


/* DIREITA */

.pain-right {
    display: flex !important;
    align-items: flex-start !important;

    padding: 47px 58px !important;

    color: #fff !important;
}

.pain-right ul {
    margin: 0 !important;
    padding-left: 24px !important;
}

.pain-right li {
    margin-bottom: 10px !important;

    font-family: 'Montserrat', Arial, sans-serif !important;

    font-size: 17px !important;
    line-height: 1.55 !important;

    font-weight: 400 !important;

    color: #fff !important;
}


/* ==========================================================
   BOTÕES GERAIS
   ========================================================== */

.btn {
    font-family: 'Montserrat', Arial, sans-serif !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .hero {
        min-height: 600px !important;
        background-position: 58% center !important;
    }

    .hero::before {
        background: rgba(0,0,0,.15) !important;
    }

    .hero .copy {
        width: 100% !important;
        max-width: 100% !important;

        padding: 40px 25px !important;

        align-items: center !important;
    }

    .hero h1 {
        font-size: 31px !important;
        line-height: 1.1 !important;

        text-align: center !important;
    }

    .hero .copy > p:first-of-type {
        font-size: 13px !important;
    }

    .hero .seal {
        width: 135px !important;
    }

    .hero .btn {
        width: 100% !important;
    }

    .pain-left {
        min-height: auto !important;

        padding: 45px 28px !important;

        font-size: 25px !important;
        line-height: 1.5 !important;
    }

    .pain-right {
        min-height: auto !important;

        padding: 42px 30px !important;
    }

    .pain-right li {
        font-size: 15px !important;
    }
}


/* ==========================================================
   ARTMOVI — SELO 4ª GERAÇÃO
   ========================================================== */

.hero .seal {
    width: 220px !important;
    height: auto !important;

    margin: 10px auto 20px !important;
    padding: 10px 14px !important;

    object-fit: contain !important;

    /* fundo translúcido */
    background: rgba(0, 0, 0, 0.20) !important;

    /* acabamento suave */
    border-radius: 12px !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;

    /* ajuda o dourado a aparecer */
    filter:
        drop-shadow(0 3px 7px rgba(0,0,0,.40))
        brightness(1.08) !important;
}


/* MOBILE */
@media (max-width: 760px) {
    .hero .seal {
        width: 175px !important;
        padding: 8px 12px !important;
        margin: 8px auto 16px !important;
    }
}


/* ==========================================================
   ARTMÓVI V3 — REFINAMENTO VISUAL
   Mantém conteúdo/textos e aproxima o acabamento do Wix.
   ========================================================== */

:root {
  --art-cream: #f8f5ed;
  --art-sand: #e4bb80;
  --art-sand-soft: #d9b394;
  --art-green: #175e54;
  --art-green-soft: #4e7662;
  --art-ink: #172f2a;
  --art-coral: #c96f4d;
}

html { scroll-behavior: smooth; }

body {
  color: var(--art-ink);
  background: var(--art-cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------- HOME / HERO ---------- */
.hero {
  min-height: 640px !important;
  background-position: center center !important;
  background-size: cover !important;
}

.hero::before {
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.22) 0%,
      rgba(0,0,0,.10) 42%,
      rgba(0,0,0,.02) 72%,
      rgba(0,0,0,.06) 100%) !important;
}

.hero .copy {
  max-width: 520px !important;
  padding: 44px 38px 34px !important;
}

.hero h1 {
  font-size: clamp(32px, 3.2vw, 49px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.8px !important;
  font-weight: 650 !important;
  text-wrap: balance;
  text-shadow: 0 2px 12px rgba(0,0,0,.20);
}

.hero .copy > p:first-of-type {
  max-width: 390px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.50);
}

.hero .seal {
  width: 245px !important;
  margin: 10px auto 17px !important;
  padding: 13px 18px !important;
  background: rgba(0,0,0,.16) !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  filter: drop-shadow(0 5px 11px rgba(0,0,0,.34)) brightness(1.10) !important;
}

.hero .btn {
  min-width: 310px;
  padding: 14px 24px !important;
  border-radius: 8px !important;
}

.hero .copy > p:last-of-type {
  font-size: 14px !important;
  line-height: 1.38 !important;
}

/* ---------- HOME / DOR ---------- */
.two {
  min-height: 390px !important;
}

.pain-left,
.pain-right {
  min-height: 390px !important;
}

.pain-left {
  padding: 54px 60px !important;
  font-size: clamp(25px, 2.3vw, 34px) !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}

.pain-right {
  padding: 48px 55px !important;
}

.pain-right li {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

/* ---------- DÚVIDAS ---------- */
.doubt {
  overflow: hidden;
}

.doubt-hero {
  min-height: 610px;
  display: grid !important;
  grid-template-columns: 42% 58%;
  align-items: stretch;
  background: var(--art-sand);
}

.doubt-hero > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 610px;
  object-fit: cover !important;
  object-position: center top !important;
  margin: 0 !important;
}

.doubt-hero > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 65px 58px;
}

.doubt-hero h1 {
  margin: 0 0 28px;
  font-size: clamp(38px, 4.2vw, 66px);
  line-height: 1.04;
  letter-spacing: -1.5px;
  color: #090909;
}

.doubt-hero p {
  margin: 0;
  max-width: 650px;
  font-size: 23px;
  line-height: 1.65;
  color: #171717;
}

/* bloco de frustrações */
.doubt > .section {
  padding-top: 64px;
  padding-bottom: 64px;
}

.doubt > .section h3 {
  font-size: 24px;
  line-height: 1.35;
}

.doubt > .section li,
.doubt > .section p {
  font-size: 18px;
  line-height: 1.55;
}

/* A verdade — imagem de tapete + caixa central */
.photo-band {
  position: relative;
  min-height: 610px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 65px 30px !important;
  background-position: center !important;
  background-size: cover !important;
  overflow: hidden;
}

.photo-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.08);
}

.photo-band > div {
  position: relative;
  z-index: 1;
  width: min(620px, 80%) !important;
  padding: 54px 56px !important;
  margin: 0 !important;
  background: rgba(213,173,142,.96) !important;
  color: #111 !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}

/* Linhagem da Mestra */
.lineage {
  display: grid !important;
  grid-template-columns: 45% 55%;
  gap: 0 !important;
  align-items: center;
  padding: 0 !important;
  background: #ada27e;
  min-height: 560px;
}

.lineage-photo {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 560px;
  object-fit: cover !important;
  margin: 0 !important;
  float: none !important;
}

.lineage-copy {
  margin-left: -8%;
  position: relative;
  z-index: 2;
  padding: 58px 58px;
  background: var(--art-sand);
  color: #111;
}

.lineage-copy h2 {
  margin-top: 0;
  font-size: 31px;
  line-height: 1.16;
}

.lineage-copy p {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* CTA */
.doubt .cta {
  text-align: center;
  padding: 65px max(30px, 10vw) !important;
  background: var(--art-green-soft);
  color: #fff;
}

.doubt .cta h2 {
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.12;
}

.doubt .cta p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width: 800px) {
  .hero {
    min-height: 650px !important;
  }

  .hero .copy {
    padding: 42px 24px 30px !important;
  }

  .hero h1 {
    font-size: 32px !important;
  }

  .hero .seal {
    width: 190px !important;
  }

  .hero .btn {
    min-width: 0;
    width: 100% !important;
  }

  .doubt-hero {
    grid-template-columns: 1fr;
  }

  .doubt-hero > img {
    min-height: 430px;
    max-height: 520px;
  }

  .doubt-hero > div {
    padding: 42px 28px 48px;
  }

  .doubt-hero h1 {
    font-size: 38px;
  }

  .doubt-hero p {
    font-size: 18px;
    line-height: 1.5;
  }

  .photo-band {
    min-height: 520px !important;
    padding: 38px 20px !important;
  }

  .photo-band > div {
    width: 100% !important;
    padding: 34px 28px !important;
    font-size: 18px !important;
  }

  .lineage {
    grid-template-columns: 1fr;
  }

  .lineage-photo {
    min-height: 430px;
    max-height: 520px;
  }

  .lineage-copy {
    margin: 0;
    padding: 40px 28px;
  }
}