/* =========================================================
   DR. CESAR AQUINO
   IDENTIDADE VISUAL 2026
   ========================================================= */

:root {
  --verde-essencia: #173F35;
  --verde-noite: #0E2620;
  --creme: #F4EFE6;
  --areia: #D9CBB5;
  --latao: #B08D57;
  --texto: #1F2421;

  /* Compatibilidade com o CSS original */
  --forest: var(--verde-essencia);
  --paper: var(--creme);
  --accent: var(--latao);
  --ink: var(--texto);
  --muted: var(--texto);
  --line: var(--areia);
  --soft: var(--creme);
  --white: var(--creme);

  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Jost", Arial, sans-serif;
}

/* =========================================================
   BASE
   ========================================================= */

html,
body {
  background: var(--creme);
  color: var(--texto);
}

body,
button,
input,
select,
textarea,
a,
p,
li,
span,
small,
strong,
label,
summary,
details {
  font-family: var(--sans);
}

body {
  font-weight: 400;
}

h1,
h2,
h3,
blockquote,
.hero-quote,
.footer-top > p {
  font-family: var(--serif);
  font-weight: 500;
}

h1 em,
h2 em,
h3 em,
blockquote em,
.hero-quote em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  color: var(--latao);
}

/* Cormorant nunca em texto pequeno */

.hero-quote p,
.footer-top > p,
blockquote {
  font-size: max(18px, 1em);
}

/* =========================================================
   ROTULOS
   ========================================================= */

.eyebrow,
.hero-eyebrow,
.service-category,
.booking-info-eyebrow,
.art-caption,
.professional-id span,
.visual-side-note {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
}

/* =========================================================
   FUNDOS
   ========================================================= */

.site-header,
.hero,
.philosophy,
.about,
.faq,
.seo-hero,
.seo-content-section,
.seo-faq,
.seo-related {
  background: var(--creme);
}

.services,
.journey,
.values-strip {
  background: var(--creme);
}

/* =========================================================
   TITULOS
   ========================================================= */

h1,
h2,
h3,
.hero h1,
.pillar h3,
.service-card h3,
.journey-steps h3,
.about-copy h2,
.faq-heading h2 {
  color: var(--verde-essencia);
}

.hero h1 em,
.philosophy h2 em,
.section-heading h2 em,
.about-copy h2 em,
.journey-heading h2 em,
.faq-heading h2 em,
.seo-hero h1 em,
.seo-content-section h2 em,
.seo-faq h2 em,
.seo-related h2 em {
  color: var(--latao);
}

/* =========================================================
   TEXTO
   ========================================================= */

body,
.hero-intro,
.section-intro,
.pillar p,
.service-card p,
.about-text p,
.journey-steps p,
.faq-answer,
.microcopy,
.professional-id,
.seo-content-section p,
.seo-faq p,
.seo-related p {
  color: var(--texto);
}

.hero-location,
.art-caption {
  color: var(--texto);
}

/* =========================================================
   DETALHES EM LATAO
   ========================================================= */

.tiny-star,
.faq-flower,
.card-number,
.pillar-number {
  color: var(--latao);
}

.mini-line,
.quote-line {
  background: var(--latao);
}

/* =========================================================
   BOTOES
   ========================================================= */

.button-primary,
.floating-wa {
  background: var(--verde-essencia);
  border-color: var(--verde-essencia);
  color: var(--creme);
}

.button-primary:hover,
.floating-wa:hover {
  background: var(--verde-noite);
  border-color: var(--latao);
  color: var(--creme);
}

.button-light {
  background: var(--creme);
  border-color: var(--creme);
  color: var(--verde-essencia);
}

.button-light:hover {
  background: var(--areia);
  border-color: var(--areia);
  color: var(--verde-noite);
}

/* =========================================================
   LINKS
   ========================================================= */

.text-link,
.subtle-link {
  color: var(--verde-essencia);
}

.text-link:hover,
.subtle-link:hover {
  color: var(--latao);
}

/* =========================================================
   CARDS / LINHAS
   ========================================================= */

.service-card {
  background: var(--creme);
  border-color: var(--areia);
}

.service-card:hover {
  border-color: var(--latao);
}

.service-icon,
.service-details,
.faq-list,
.faq-item,
.pillar,
.footer-top,
.footer-bottom,
.privacy-details > div {
  border-color: var(--areia);
}

.filter {
  border-color: var(--areia);
  color: var(--texto);
}

.filter:hover {
  background: var(--areia);
}

.filter.is-active {
  background: var(--verde-essencia);
  color: var(--creme);
  border-color: var(--verde-essencia);
}

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

.hero-seal {
  background: var(--verde-essencia);
  color: var(--creme);
  border-color: var(--creme);
}

.hero-quote {
  background: var(--creme);
  border-color: var(--areia);
}

.hero-quote p {
  color: var(--verde-essencia);
}

/* =========================================================
   SOBRE
   ========================================================= */

.about-signature {
  background: var(--verde-essencia);
  color: var(--creme);
}

.about-signature strong,
.about-signature span {
  color: var(--creme);
}

.about-copy blockquote {
  color: var(--verde-essencia);
  border-color: var(--latao);
}

/* =========================================================
   JORNADA
   ========================================================= */

.step-number {
  background: var(--creme);
  border-color: var(--areia);
  color: var(--verde-essencia);
}

.journey-steps li::before {
  background: var(--areia);
}

/* =========================================================
   AGENDAMENTO
   ========================================================= */

.booking-panel {
  background: var(--verde-essencia);
  color: var(--creme);
}

.booking-panel h1,
.booking-panel h2,
.booking-panel h3 {
  color: var(--creme);
}

.booking-panel h1 em,
.booking-panel h2 em,
.booking-panel h3 em {
  color: var(--latao);
}

.booking-panel .eyebrow,
.booking-panel p,
.booking-panel .booking-note,
.booking-panel .booking-info-eyebrow,
.booking-panel .contact-row p,
.booking-panel .contact-socials a,
.booking-panel label {
  color: var(--areia);
}

.booking-panel .contact-row strong {
  color: var(--creme);
}

.booking-panel .contact-row > .icon {
  color: var(--latao);
}

.booking-info {
  border-color: var(--areia);
}

.booking-choice select {
  background: var(--verde-noite);
  color: var(--creme);
  border-color: var(--areia);
}

.booking-choice option {
  background: var(--verde-noite);
  color: var(--creme);
}

.booking-watermark {
  color: var(--creme);
  opacity: .04;
}

/* =========================================================
   RODAPE
   ========================================================= */

.site-footer {
  background: var(--verde-noite);
  color: var(--creme);
  padding-top: 52px;
}

.site-footer .footer-top {
  border-color: var(--areia);
}

.site-footer .footer-top > p {
  color: var(--creme);
}

.site-footer .footer-id,
.site-footer .legal-note,
.site-footer .privacy-details,
.site-footer .privacy-details p,
.site-footer .footer-bottom,
.site-footer .footer-bottom small {
  color: var(--areia);
}

.site-footer .privacy-details > div {
  border-color: var(--latao);
}

.site-footer .back-top {
  color: var(--creme);
  border-color: var(--areia);
}

.site-footer .back-top:hover {
  color: var(--latao);
  border-color: var(--latao);
}

/* =========================================================
   LOGOTIPO
   ========================================================= */

.brand {
  display: inline-flex;
  align-items: center;
  flex: none;
  max-width: 100%;
}

.brand-identity {
  display: block;
  line-height: 0;
}

.brand-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  filter: none;
  box-shadow: none;
}

.brand-logo-header {
  width: 205px;
  max-height: 66px;
}

.brand-logo-footer {
  width: 215px;
  max-height: 72px;
}

.brand-logo-mobile {
  display: none;
  width: 48px;
  height: 48px;
}

/* =========================================================
   MENU
   ========================================================= */

.primary-nav,
.primary-nav a,
.button {
  font-family: var(--sans);
}

.primary-nav a {
  font-weight: 400;
}

.button {
  font-weight: 500;
}

.primary-nav > a::after {
  background: var(--latao);
}

.menu-toggle {
  border-color: var(--areia);
}

.menu-toggle span {
  background: var(--verde-essencia);
}

.js-ready .primary-nav.is-open {
  background: var(--creme);
  border-color: var(--areia);
}

/* =========================================================
   ACESSIBILIDADE
   ========================================================= */

::selection {
  background: var(--areia);
  color: var(--verde-noite);
}

:focus-visible {
  outline-color: var(--latao);
}

.skip-link {
  background: var(--creme);
  color: var(--verde-noite);
  border-color: var(--verde-essencia);
}

/* =========================================================
   WHATSAPP / TOAST
   ========================================================= */

.floating-wa {
  border-color: var(--areia);
}

.toast {
  background: var(--creme);
  color: var(--verde-noite);
  border-color: var(--areia);
}

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

@media (max-width: 760px) {

  .site-footer {
    padding-top: 42px;
  }

  .brand-logo-header {
    width: 175px;
  }

  .brand-logo-footer {
    width: 185px;
  }
}

/* Quando a logo horizontal ficaria abaixo de 160px,
   usamos o símbolo reduzido */

@media (max-width: 420px) {

  .site-header .brand-logo-header {
    display: none;
  }

  .site-header .brand-logo-mobile {
    display: block;
  }

  .header-inner {
    min-height: 76px;
  }
}


/* =========================================================
   AJUSTE VISUAL 2
   ========================================================= */

/* CORES EXATAS */

:root {
  --verde-essencia: #173F35;
  --verde-noite: #0E2620;
  --creme: #F4EFE6;
  --areia: #D9CBB5;
  --latao: #B08D57;
  --texto: #1F2421;

  --forest: #173F35;
  --paper: #F4EFE6;
  --accent: #B08D57;
  --ink: #1F2421;
  --muted: #1F2421;
  --line: #D9CBB5;
  --soft: #F4EFE6;
  --white: #F4EFE6;
}

/* FUNDO GERAL */

html,
body {
  background: #F4EFE6 !important;
  color: #1F2421 !important;
}

/* HEADER */

.site-header {
  background: #F4EFE6 !important;
  border-bottom-color: rgba(23,63,53,.12) !important;
}

.header-inner {
  min-height: 112px !important;
}

/* Logo maior no desktop */

.site-header .brand {
  width: 300px !important;
  height: 82px !important;
  overflow: visible !important;
}

.site-header .brand-identity {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.site-header .brand-logo-header {
  display: block !important;
  width: 290px !important;
  height: 76px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.site-header .brand-logo-mobile {
  display: none !important;
}

/* MENU */

.primary-nav {
  color: #1F2421 !important;
}

.primary-nav > a {
  color: #1F2421 !important;
}

.primary-nav > a::after {
  background: #B08D57 !important;
}

/* HERO E FUNDOS CLAROS */

.hero,
.philosophy,
.about,
.faq,
.seo-hero,
.seo-content-section,
.seo-faq,
.seo-related {
  background: #F4EFE6 !important;
}

.services,
.journey,
.values-strip {
  background: #EEE7DB !important;
}

/* TITULOS */

h1,
h2,
h3,
.hero h1,
.pillar h3,
.service-card h3,
.journey-steps h3 {
  color: #173F35 !important;
}

h1 em,
h2 em,
h3 em {
  color: #B08D57 !important;
}

/* TEXTO CORRIDO */

.hero-intro,
.section-intro,
.pillar p,
.service-card p,
.about-text p,
.journey-steps p,
.faq-answer,
.professional-id,
.microcopy,
.hero-location {
  color: #1F2421 !important;
}

/* DETALHES */

.tiny-star,
.faq-flower,
.card-number,
.pillar-number {
  color: #B08D57 !important;
}

.mini-line,
.quote-line {
  background: #B08D57 !important;
}

/* CARDS */

.service-card {
  background: #F4EFE6 !important;
  border-color: #D9CBB5 !important;
}

.service-card:hover {
  border-color: #B08D57 !important;
}

.service-icon {
  border-color: #D9CBB5 !important;
  color: #173F35 !important;
}

/* SOBRE */

.about-signature {
  background: #173F35 !important;
  color: #F4EFE6 !important;
}

.about-signature strong,
.about-signature span {
  color: #F4EFE6 !important;
}

/* CONTATO */

.booking-panel {
  background: #173F35 !important;
}

.booking-panel .eyebrow,
.booking-panel p,
.booking-note,
.booking-info-eyebrow,
.contact-row p {
  color: #D9CBB5 !important;
}

.booking-panel h2,
.contact-row strong {
  color: #F4EFE6 !important;
}

.booking-panel h2 em {
  color: #B08D57 !important;
}

.contact-row > .icon {
  color: #B08D57 !important;
}

.booking-info {
  border-color: rgba(217,203,181,.55) !important;
}

.booking-choice select {
  background: #0E2620 !important;
  color: #F4EFE6 !important;
  border-color: #D9CBB5 !important;
}

.button-light {
  background: #F4EFE6 !important;
  color: #173F35 !important;
  border-color: #F4EFE6 !important;
}

/* REMOVE CA ANTIGO */

.booking-watermark {
  font-size: 0 !important;
  right: 35px !important;
  bottom: 22px !important;
  width: 260px !important;
  height: 260px !important;
  background:
    url("/site-assets/brand/simbolo-reduzido-negativo.svg")
    center / contain no-repeat !important;
  opacity: .055 !important;
}

/* FOOTER */

.site-footer {
  background: #0E2620 !important;
  color: #F4EFE6 !important;
}

.site-footer .footer-top {
  border-color: rgba(217,203,181,.55) !important;
}

.site-footer .footer-top > p {
  color: #F4EFE6 !important;
}

.site-footer .footer-id,
.site-footer .legal-note,
.site-footer .privacy-details,
.site-footer .privacy-details p,
.site-footer .footer-bottom,
.site-footer .footer-bottom small {
  color: #D9CBB5 !important;
}

.site-footer .back-top {
  color: #F4EFE6 !important;
  border-color: #D9CBB5 !important;
}

/* Logo footer maior */

.site-footer .brand {
  width: 250px !important;
}

.site-footer .brand-logo-footer {
  width: 240px !important;
  max-height: 80px !important;
}

/* WHATSAPP */

.floating-wa {
  background: #173F35 !important;
  color: #F4EFE6 !important;
  border-color: #D9CBB5 !important;
}

/* MOBILE */

@media (max-width: 760px) {

  .header-inner {
    min-height: 88px !important;
  }

  .site-header .brand {
    width: 210px !important;
    height: 62px !important;
  }

  .site-header .brand-logo-header {
    width: 205px !important;
    height: 58px !important;
  }

  .site-footer .brand {
    width: 200px !important;
  }

  .site-footer .brand-logo-footer {
    width: 195px !important;
  }

  .booking-watermark {
    width: 170px !important;
    height: 170px !important;
    right: -10px !important;
    bottom: 0 !important;
  }
}

@media (max-width: 420px) {

  .site-header .brand {
    width: 58px !important;
    height: 58px !important;
  }

  .site-header .brand-logo-header {
    display: none !important;
  }

  .site-header .brand-logo-mobile {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
  }
}

/* =========================================================
   AJUSTE POS-RECORTE SVG
   ========================================================= */

/* HEADER DESKTOP */
.site-header .brand {
  width: 300px !important;
  height: auto !important;
}

.site-header .brand-identity {
  width: 100% !important;
  height: auto !important;
}

.site-header .brand-logo-header {
  display: block !important;
  width: 300px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* FOOTER */
.site-footer .brand {
  width: 250px !important;
}

.site-footer .brand-logo-footer {
  width: 250px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* WATERMARK DA AREA DE CONTATO */
.booking-watermark {
  font-size: 0 !important;
  width: 220px !important;
  height: 255px !important;
  right: 28px !important;
  bottom: 5px !important;
  background-image: url("/site-assets/brand/simbolo-reduzido-negativo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .055 !important;
}

/* MOBILE */
@media (max-width: 760px) {
  .site-header .brand {
    width: 210px !important;
  }

  .site-header .brand-logo-header {
    width: 210px !important;
  }

  .site-footer .brand,
  .site-footer .brand-logo-footer {
    width: 190px !important;
  }

  .booking-watermark {
    width: 145px !important;
    height: 170px !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}

/* CELULAR PEQUENO: USA SIMBOLO */
@media (max-width: 420px) {
  .site-header .brand {
    width: 54px !important;
  }

  .site-header .brand-logo-header {
    display: none !important;
  }

  .site-header .brand-logo-mobile {
    display: block !important;
    width: 54px !important;
    height: auto !important;
  }
}

/* =========================================================
   AJUSTE POS-RECORTE SVG
   ========================================================= */

/* HEADER DESKTOP */
.site-header .brand {
  width: 300px !important;
  height: auto !important;
}

.site-header .brand-identity {
  width: 100% !important;
  height: auto !important;
}

.site-header .brand-logo-header {
  display: block !important;
  width: 300px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* FOOTER */
.site-footer .brand {
  width: 250px !important;
}

.site-footer .brand-logo-footer {
  width: 250px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* WATERMARK DA AREA DE CONTATO */
.booking-watermark {
  font-size: 0 !important;
  width: 220px !important;
  height: 255px !important;
  right: 28px !important;
  bottom: 5px !important;
  background-image: url("/site-assets/brand/simbolo-reduzido-negativo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .055 !important;
}

/* MOBILE */
@media (max-width: 760px) {
  .site-header .brand {
    width: 210px !important;
  }

  .site-header .brand-logo-header {
    width: 210px !important;
  }

  .site-footer .brand,
  .site-footer .brand-logo-footer {
    width: 190px !important;
  }

  .booking-watermark {
    width: 145px !important;
    height: 170px !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}

/* CELULAR PEQUENO: USA SIMBOLO */
@media (max-width: 420px) {
  .site-header .brand {
    width: 54px !important;
  }

  .site-header .brand-logo-header {
    display: none !important;
  }

  .site-header .brand-logo-mobile {
    display: block !important;
    width: 54px !important;
    height: auto !important;
  }
}

/* Watermark maior no bloco de contato */
.booking-watermark {
  width: 360px !important;
  height: 420px !important;
  right: -10px !important;
  bottom: -35px !important;
  opacity: .07 !important;
}

@media (max-width: 760px) {
  .booking-watermark {
    width: 220px !important;
    height: 260px !important;
    right: -20px !important;
    bottom: -15px !important;
  }
}

/* ===== WATERMARK - ZOOM REAL NO SIMBOLO ===== */

.booking-watermark {
  width: 300px !important;
  height: 330px !important;

  right: 20px !important;
  bottom: -15px !important;

  background-image: url("/site-assets/brand/simbolo-reduzido-negativo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* aqui esta o segredo */
  background-size: 420% auto !important;

  opacity: .065 !important;
  font-size: 0 !important;
}

@media (max-width: 760px) {
  .booking-watermark {
    width: 190px !important;
    height: 210px !important;
    right: -5px !important;
    bottom: -10px !important;
    background-size: 420% auto !important;
  }
}

/* Ajuste fino do watermark da marca */
.booking-watermark {
  right: 35px !important;
  bottom: 25px !important;
  opacity: .06 !important;
}

@media (max-width: 760px) {
  .booking-watermark {
    right: 5px !important;
    bottom: 10px !important;
    opacity: .055 !important;
  }
}

/* =========================================================
   ICONES MOBILE / IDENTIDADE
   ========================================================= */

/* Remove o caractere ✳ para impedir renderização como emoji */
.tiny-star {
  font-size: 0 !important;
  display: inline-block !important;
  width: 20px !important;
  height: 23px !important;
  flex: 0 0 20px !important;

  background-image: url("/site-assets/brand/simbolo-reduzido-positivo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Flor/símbolo decorativo da FAQ também usa a identidade */
.faq-flower {
  font-size: 0 !important;
  width: 90px !important;
  height: 105px !important;

  background-image: url("/site-assets/brand/simbolo-reduzido-positivo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  opacity: .25 !important;
}

/* =========================================================
   WHATSAPP
   Substitui o SVG antigo que estava deformando
   ========================================================= */

.booking-copy .button-light > svg:first-child,
.floating-wa > svg:first-child {
  display: none !important;
}

/* Botão de WhatsApp da área de agendamento */
.booking-copy .button-light::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23173F35' d='M16 3C8.82 3 3 8.65 3 15.62c0 2.44.72 4.82 2.07 6.85L3 29l6.76-1.98A13.24 13.24 0 0 0 16 28.5c7.18 0 13-5.65 13-12.88C29 8.65 23.18 3 16 3Zm0 23.1c-2.04 0-4.04-.55-5.78-1.58l-.41-.24-4.01 1.17 1.2-3.83-.27-.42a10.18 10.18 0 0 1-1.65-5.58C5.08 10 9.98 5.4 16 5.4S26.92 10 26.92 15.62 22.02 26.1 16 26.1Zm6-7.85c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.26-.19.21-.38.24-.71.08-.33-.16-1.39-.5-2.65-1.59-.98-.85-1.64-1.9-1.83-2.22-.19-.32-.02-.49.14-.65.15-.14.33-.37.49-.56.16-.19.22-.32.33-.53.11-.21.05-.4-.03-.56-.08-.16-.74-1.74-1.01-2.38-.27-.62-.54-.54-.74-.55h-.63c-.22 0-.57.08-.87.4-.3.32-1.15 1.1-1.15 2.67 0 1.58 1.18 3.1 1.34 3.31.16.21 2.32 3.46 5.62 4.85.79.33 1.4.53 1.88.68.79.24 1.51.21 2.08.13.63-.09 1.95-.77 2.22-1.51.27-.74.27-1.37.19-1.5-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* WhatsApp flutuante */
.floating-wa::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4EFE6' d='M16 3C8.82 3 3 8.65 3 15.62c0 2.44.72 4.82 2.07 6.85L3 29l6.76-1.98A13.24 13.24 0 0 0 16 28.5c7.18 0 13-5.65 13-12.88C29 8.65 23.18 3 16 3Zm0 23.1c-2.04 0-4.04-.55-5.78-1.58l-.41-.24-4.01 1.17 1.2-3.83-.27-.42a10.18 10.18 0 0 1-1.65-5.58C5.08 10 9.98 5.4 16 5.4S26.92 10 26.92 15.62 22.02 26.1 16 26.1Zm6-7.85c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.26-.19.21-.38.24-.71.08-.33-.16-1.39-.5-2.65-1.59-.98-.85-1.64-1.9-1.83-2.22-.19-.32-.02-.49.14-.65.15-.14.33-.37.49-.56.16-.19.22-.32.33-.53.11-.21.05-.4-.03-.56-.08-.16-.74-1.74-1.01-2.38-.27-.62-.54-.54-.74-.55h-.63c-.22 0-.57.08-.87.4-.3.32-1.15 1.1-1.15 2.67 0 1.58 1.18 3.1 1.34 3.31.16.21 2.32 3.46 5.62 4.85.79.33 1.4.53 1.88.68.79.24 1.51.21 2.08.13.63-.09 1.95-.77 2.22-1.51.27-.74.27-1.37.19-1.5-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

@media (max-width: 760px) {
  .tiny-star {
    width: 18px !important;
    height: 21px !important;
    flex-basis: 18px !important;
  }

  .floating-wa::before {
    width: 23px !important;
    height: 23px !important;
  }
}

/* =========================================================
   MOBILE FIXES FINAIS
   ========================================================= */

/* 1. HEADER MOBILE - manter logo horizontal inteira */
@media (max-width: 420px) {
  .site-header .brand {
    width: 190px !important;
    height: auto !important;
  }

  .site-header .brand-logo-header {
    display: block !important;
    width: 190px !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .site-header .brand-logo-mobile {
    display: none !important;
  }
}

/* 2. TROCA DOS ASTERISCOS/EMOJIS RESTANTES PELO SIMBOLO */

/* pequenos simbolos decorativos */
.tiny-star,
.service-footnote > span,
.values-strip span[aria-hidden],
.faq-flower {
  font-size: 0 !important;
}

/* ciência no cuidado / hero */
.tiny-star::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 21px !important;
  background: url("/site-assets/brand/simbolo-reduzido-positivo.svg") center/contain no-repeat !important;
}

/* linha "o procedimento vem depois..." */
.service-footnote > span::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 23px !important;
  background: url("/site-assets/brand/simbolo-reduzido-positivo.svg") center/contain no-repeat !important;
}

/* faixa abaixo da foto / ciência e sensibilidade */
.values-strip span[aria-hidden] {
  width: 18px !important;
  height: 21px !important;
  display: inline-block !important;
  background: url("/site-assets/brand/simbolo-reduzido-positivo.svg") center/contain no-repeat !important;
}

/* FAQ decorativa */
.faq-flower {
  width: 72px !important;
  height: 84px !important;
  background: url("/site-assets/brand/simbolo-reduzido-positivo.svg") center/contain no-repeat !important;
  opacity: .22 !important;
}

/* 3. BOTAO WHATSAPP DO HERO E DO BLOCO DE CONTATO */

/* remove os svgs antigos do primeiro icone */
.hero-actions .button-primary > svg:first-child,
.booking-copy .button-light > svg:first-child,
.floating-wa > svg:first-child {
  display: none !important;
}

/* icone zap consistente */
.hero-actions .button-primary::before,
.booking-copy .button-light::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4EFE6' d='M16 3C8.82 3 3 8.65 3 15.62c0 2.44.72 4.82 2.07 6.85L3 29l6.76-1.98A13.24 13.24 0 0 0 16 28.5c7.18 0 13-5.65 13-12.88C29 8.65 23.18 3 16 3Zm0 23.1c-2.04 0-4.04-.55-5.78-1.58l-.41-.24-4.01 1.17 1.2-3.83-.27-.42a10.18 10.18 0 0 1-1.65-5.58C5.08 10 9.98 5.4 16 5.4S26.92 10 26.92 15.62 22.02 26.1 16 26.1Zm6-7.85c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.26-.19.21-.38.24-.71.08-.33-.16-1.39-.5-2.65-1.59-.98-.85-1.64-1.9-1.83-2.22-.19-.32-.02-.49.14-.65.15-.14.33-.37.49-.56.16-.19.22-.32.33-.53.11-.21.05-.4-.03-.56-.08-.16-.74-1.74-1.01-2.38-.27-.62-.54-.54-.74-.55h-.63c-.22 0-.57.08-.87.4-.3.32-1.15 1.1-1.15 2.67 0 1.58 1.18 3.1 1.34 3.31.16.21 2.32 3.46 5.62 4.85.79.33 1.4.53 1.88.68.79.24 1.51.21 2.08.13.63-.09 1.95-.77 2.22-1.51.27-.74.27-1.37.19-1.5-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* no botão claro o zap precisa ser verde */
.booking-copy .button-light::before {
  filter: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23173F35' d='M16 3C8.82 3 3 8.65 3 15.62c0 2.44.72 4.82 2.07 6.85L3 29l6.76-1.98A13.24 13.24 0 0 0 16 28.5c7.18 0 13-5.65 13-12.88C29 8.65 23.18 3 16 3Zm0 23.1c-2.04 0-4.04-.55-5.78-1.58l-.41-.24-4.01 1.17 1.2-3.83-.27-.42a10.18 10.18 0 0 1-1.65-5.58C5.08 10 9.98 5.4 16 5.4S26.92 10 26.92 15.62 22.02 26.1 16 26.1Zm6-7.85c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.26-.19.21-.38.24-.71.08-.33-.16-1.39-.5-2.65-1.59-.98-.85-1.64-1.9-1.83-2.22-.19-.32-.02-.49.14-.65.15-.14.33-.37.49-.56.16-.19.22-.32.33-.53.11-.21.05-.4-.03-.56-.08-.16-.74-1.74-1.01-2.38-.27-.62-.54-.54-.74-.55h-.63c-.22 0-.57.08-.87.4-.3.32-1.15 1.1-1.15 2.67 0 1.58 1.18 3.1 1.34 3.31.16.21 2.32 3.46 5.62 4.85.79.33 1.4.53 1.88.68.79.24 1.51.21 2.08.13.63-.09 1.95-.77 2.22-1.51.27-.74.27-1.37.19-1.5-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E") !important;
}

/* 4. WATERMARK MOBILE SEM CORTAR */
@media (max-width: 760px) {
  .booking-watermark {
    width: 155px !important;
    height: 180px !important;
    right: 18px !important;
    bottom: 18px !important;
    background-size: contain !important;
    background-position: center !important;
    opacity: .05 !important;
  }
}

/* 5. BOTAO VOLTAR AO TOPO */
.back-top {
  scroll-behavior: auto !important;
}