/* ==========================================================================
   GLOB AIS
   ========================================================================== */

@import url('https://fonts.cdnfonts.com/css/apple-garamond');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lora:wght@400;500&family=Montserrat:wght@400;500;600&display=swap');

@font-face {
  font-family: 'BrotherBold';
  src: url('../font/brother-1816-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

:root {
    --color-text: #fff4dd;
    --primary-color: #D3BEB9;
    --secondy-color: #D3BEB9;
    --orange-black: #170E00;
    --gradient: linear-gradient(45deg, #D3BEB9 0%, #D3BEB9 100%);
    --bg-black: #0b0b0b;
    --bg-white: #f4f2ee;
    --nav-height: 7.2rem;
    --brother: 'BrotherBold', sans-serif;
}

* { 
   margin: 0; 
   padding: 0; 
   box-sizing: border-box; 
}

body, html { 
   width: 100%; 
   overflow-x: hidden; 
}

html {
    scroll-behavior: smooth;
}

html, body {
    width: 100%;
    height: 100%;
    text-align: center;
}

body {
    background: var(--bg-white);
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

img, video {
  max-width: 100%;
  display: block;
}

.wrapper {
    width: min(50rem, 100%);
    margin-inline: auto;
    padding-inline: 2.4rem;
}

@media (min-width: 1080px) {
    .wrapper {
      width: min(110rem, 100%);
    }
}

@media (min-width: 1200px) {
    .wrapper {
      width: min(120rem, 100%);
    }
}

@media (min-width: 1600px) {
    .wrapper {
      width: min(130rem, 100%);
    }
    :root {
      font-size: 65%;
    }
}

@media (min-width: 1700px) {
    .wrapper {
      width: min(140rem, 100%);
    }
}

section {
    padding-block: 7rem;
}

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

.button {
    align-self: left;
    min-width: 220px;
    font-family: 'Paralucent-Medium', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    padding: 1.6rem 2.4rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #8b0000, #8b0000);
    color: #fff;
    border: 2px solid #ffffff33;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.button::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -100px;
    background-image: linear-gradient(
        120deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.8),
        rgba(255,255,255,0) 70%
    );
    opacity: 0.6;
    animation: shine 2s ease-out infinite;
}

@keyframes shine {
    0% { left: -100px; }
    60% { left: 100%; }
    100% { left: 100%; }
}

.button:hover {
    transform: scale(1.05);
    border-color: #fff9;
}

.button:hover .icon {
    transform: translate(4px);
}

@media (hover: none) {
    .button:hover {
        transform: none;
        border-color: initial;
    }
}

.btn-sobre {
    background: linear-gradient(135deg, #8b0000, #8b0000);
    color: #fff;
    border: 2px solid #ffffff33;
}

.btn-sobre:hover {
    background: linear-gradient(135deg, #600000, #600000);
}

button {
    cursor: url(""), auto;
}

#buttonWhatsapp {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 300ms ease-in-out;
}

#buttonWhatsapp.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#buttonWhatsapp img {
    width: 6rem;
    transition: all 300ms ease-in-out;
}

#buttonWhatsapp svg:hover {
    transform: scale(1.1);
}

/* ==========================================================================
   UTILIDADES
   ========================================================================== */

::-webkit-scrollbar {
  width: .6rem;
  background-color: #0f0f0f;
}

::-webkit-scrollbar-thumb {
  width: .6rem;
  background: var(--gradient);
  border-radius: 1rem;
}

::selection {
  color: #000000;
  background: #d8d8d8;
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.reveal {
    opacity: 0;
    transform: translateY(60px) scale(0.98);
    filter: blur(6px);
    transition: 
        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-left {
    transform: translateX(-80px) scale(0.98);
}

.reveal-right {
    transform: translateX(80px) scale(0.98);
}

.reveal.active {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
    filter: blur(0);
}

#contagem {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (min-width: 1080px) {
    #contagem {
      left: 70%;
      transform: translate(-50%, -50%);
    }
}

/* ==========================================================================
   HOME
   ========================================================================== */

#home {
  background: var(--bg-black);
  height: 94vh;
  max-height: 94vh;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: start;
  flex-direction: column;
  transition: all 200ms ease-in-out;
}

#home .wrapper {
  position: relative;
  z-index: 3;
  height: 100%;
}

#home .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#home .text {
  margin-top: 110%;
  text-align: center;
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#home img.logo {
  display: none;
}

#home h1 {
  color: #630207;
  line-height: .8;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 3.5rem;
  letter-spacing: -1px;
}

#home h1 span {
  font-family: 'Lora', serif;
  font-style: italic;

  font-weight: 400;
  font-size: 2.8rem;
  color: #430205;
}

#home p {
  font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #430205;
  line-height: 1.4;
  width: 70%;
}

#home p:nth-child(3) {
  font-size: 1.7rem;
}

#home p:nth-child(3) span:nth-child(2) {
  display: block;
}

#home h3 {
  margin-top: 1.5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #cacaca;
}

#home p span {
  font-weight: 500;
}

#home a {
  width: 100%;
}

#home a button.button {
  margin-top: 1rem;
  width: 100%;
  background: #f6eeea;
}

#home .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

#home .image img.mobile {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#home .image img.desktop {
  display: none;
}

#home h2 {
  display: inherit;
  font-size: 1.2rem;
  letter-spacing: 4px;
  background: linear-gradient(145deg, #f2faff 65%, #ffe1a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.custom-shape-divider-bottom-1736960517 {
  display: inherit;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 1;
}

.custom-shape-divider-bottom-1736960517 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 30px;
}

.custom-shape-divider-bottom-1736960517 .shape-fill {
  fill: var(--bg-white);
}

@media (min-width: 1080px) {
  header#home {
    justify-content: center;
    position: relative;
    height: 95vh;
    max-height: 95vh;
  }
  .custom-shape-divider-bottom-1736960517 svg {
    height: 40px;
  }
  header#home::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #82736b, #82736b 50%);
    z-index: 2;
    display: none;
  }
  header#home::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #6b5950 0%, #8e7e76 40%, transparent 70%);
    z-index: 1;
  }
  #home .image img.mobile {
    display: none;
  }
  #home .image img.desktop {
    display: block;
    position: absolute;
    top: -180px;
    right: 0;
    left: auto;
    width: auto;
    height: 130%;
    object-fit: contain;
    -webkit-mask-image: linear-gradient(to left, rgb(103, 85, 71) 0%, rgb(118, 97, 81) 50%, rgb(103, 85, 71) 100%);
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  }
  header#home .content {
    text-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }
  header#home .text {
    margin-top: initial;
    margin-bottom: initial;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: start;
    flex-direction: column;
    position: relative;
    z-index: 2;
  }
  header#home .content img.logo {
    display: inherit;
    width: 30rem;
    position: absolute;
    bottom: 96%;
    left: -3%;
  }
  header#home .content h1 {
    font-size: 7rem;
    line-height: 0.9;
    background: linear-gradient(180deg, #5E0006 60%, #5E0006);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
  }
  header#home .content h1 span {
    font-size: 8rem;
    background: linear-gradient(to bottom, #fff 60%, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  header#home .content a {
    width: initial;
  }
  header#home .content p {
    font-size: 2.2rem;
    font-weight: 200;
    color: #ffffffdc;
    width: initial;
  }
  header#home .content p span {
    color: #ffffffdc;
    font-weight: 600;
  }
  header#home .content a button {
    font-size: 1.8rem;
    margin-top: 3rem;
  }
}

.topicos-premium {
  padding: 4rem 2rem;
  background: none;
  color: #ffffff;
}

.topicos-premium .container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 900px;
  margin: 0 auto;
}

.topicos-premium .bloco {
  background: #5E0006;
  border: 1px solid #5E0006;
  padding: 2rem;
  border-radius: 16px;
  transition: all 0.4s ease;
  backdrop-filter: blur(10px);
}

.topicos-premium .bloco:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: none;
}

.topicos-premium h3 {
  font-size: 2.0rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.topicos-premium ul {
  list-style: none;
  padding: 0;
}

.topicos-premium li {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 0.7rem;
  opacity: 0.85;
}

.topicos-premium li::before {
  content: "•";
  margin-right: 8px;
  color: none;
}

.topicos-premium .destaque {
  border: 1px solid none;
}

.topicos-premium .cta-final {
  margin-top: 3rem;
  text-align: center;
}

.topicos-premium .cta-final p {
  font-size: 1.7rem;
  font-weight: 500;
}

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

#sobre {
    position: relative;
}

#sobre .content {
    display: grid;
    grid-template-columns: 1fr;
}

#sobre .image {
    min-height: 400px;
    background-image: url('./assets/sobreFlavia.jpeg');
    background-size: cover;
    background-position: center 45%;
    background-repeat: no-repeat;
    border-radius: 0px 40px 40px 0px;
}

#sobre .text {
    padding: 4rem 2rem;
}

#sobre h2 {
    font-size: 2.5rem;
    color: #5E0006;
}

#sobre p {
    line-height: 1.6;
    font-size: 1.3rem;
    color: #453933;
    font-weight: 500;
    margin-top: 1rem;
}

@media (min-width: 1080px) {
    #sobre .content {
        grid-template-columns: 1fr 1fr;
        min-height: 600px;
    }
    #sobre .image {
        height: 100%;
    }
    #sobre .text {
        padding: 6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #sobre h2 {
        font-size: 3rem;
        color: #5E0006;
    }
    #sobre p {
        font-size: 1.6rem;
    }
}

#sobre-invertido {
    position: relative;
}

#sobre-invertido .content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}

#sobre-invertido .image-invertido {
    min-height: 400px;
    background-image: url('./assets/eparavoce.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 60px 0px 0px 60px;
}

#sobre-invertido .text-invertido {
    padding:0;
}

#sobre-invertido .text-invertido {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
}

#sobre-invertido h2 {
    font-size: 2.5rem;
    color: #5E0006;
}

#sobre-invertido p {
    line-height: 1.6;
    font-size: 1.3rem;
    color: #453933;
    font-weight: 500;
    margin-top: 1rem;
}

@media (min-width: 1080px) {
    #sobre-invertido .content {
        grid-template-columns: 1fr 1fr;
        min-height: 600px;
        align-items: stretch;
    }
    #sobre-invertido .image-invertido {
        height: 100%;
    }
    #sobre-invertido .text-invertido {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #sobre-invertido h2 {
        font-size: 3rem;
        color: #5E0006;
    }
    #sobre-invertido p {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    #sobre-invertido .content {
        flex-direction: column;
        gap: 3rem;
    }
    #sobre-invertido .text-invertido {
        gap: 2rem;
    }
    #sobre-invertido .button {
        margin-top: 1.5rem;
    }
    #sobre .image,
    #sobre-invertido .image-invertido {
        aspect-ratio: 4 / 5;
        min-height: unset;
    }
}
/* ==========================================================================
   Ser para vestir
   ========================================================================== */
#metodo {
  background: transparent;
  padding: 8rem 2rem;
  display: flex;
  justify-content: center;
}

/* BLOCO PRINCIPAL */
#metodo .wrapper {
  max-width: 900px;
  width: 100%;
  background: #5E0006; /* vermelho fechado sofisticado */
  border-radius: 24px;
  padding: 4rem 2.5rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* TEXTO */
#metodo .text {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

/* TÍTULO */
#metodo h2 {
  font-family: 'Playfair Display', serif;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.5px;

  color: #f6eeea; /* claro elegante */
}

#metodo h2 span {
  font-family: 'Lora', serif;
  font-style: italic;
  font-weight: 400;
  color: #ffffff;
}

/* INTRO */
#metodo .intro {
  font-family: 'Lora', serif;
  font-size: 1.8rem;
  font-style: italic;
  color: #f3e5e0;
}

/* PARÁGRAFOS */
#metodo p {
  font-family: 'Lora', serif;
  font-size: 1.5rem;
  color: #f6eeea;
  line-height: 1.6;
}

/* LISTA */
#metodo .lista {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

#metodo .lista p {
  font-size: 1.45rem;
  color: #ffffffd9;
  letter-spacing: 0.2px;
}

/* FINAL */
#metodo .final {
  margin-top: 1.5rem;
  font-weight: 500;
  color: #ffffff;
}

/* RESPONSIVO */
@media (min-width: 1080px) {
  #metodo {
    padding: 10rem 4rem;
  }

  #metodo .wrapper {
    padding: 6rem 5rem;
    border-radius: 32px;
  }

  #metodo h2 {
    font-size: 4rem;
  }

  #metodo .intro {
    font-size: 2rem;
  }

  #metodo p {
    font-size: 1.7rem;
  }

  #metodo .lista p {
    font-size: 1.6rem;
  }
}

/* BASE DO REVEAL */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ATIVA */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* VARIAÇÕES */
.reveal-up {
  transform: translateY(40px);
}

/* DELAYS (efeito cascata elegante) */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }
.delay-7 { transition-delay: 0.7s; }
.delay-8 { transition-delay: 0.8s; }
.delay-9 { transition-delay: 0.9s; }

/* MICRO DETALHE: lista ainda mais suave */
#metodo .lista p {
  transition-duration: 1.2s;
}

/* ==========================================================================
   FORMAS DE ATENDIMENTO
   ========================================================================== */

#formas {
  padding: 8rem 2rem;
  display: flex;
  justify-content: center;
}

#formas .wrapper {
  max-width: 1100px;
  width: 100%;
}

/* TÍTULO */
#formas header {
  text-align: center;
  margin-bottom: 4rem;
}

#formas h2 {
  font-family: 'Playfair Display', serif;
  font-size: 3rem;
  color: #630207;
  letter-spacing: -0.5px;
}

/* GRID */
#formas .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* CARDS */
#formas .card {
  background: #5E0006;
  border-radius: 20px;
  padding: 2.5rem 2rem;
  color: #f6eeea;

  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
  transition: all 0.4s ease;
}

/* HOVER SUAVE (luxo discreto) */
#formas .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.18);
}

/* DESTAQUE (empresas) */
#formas .card.destaque {
  background: linear-gradient(145deg, #5E0006, #2a0003);
}

/* TÍTULOS */
#formas .card h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: #ffffffb3;
}

#formas .card h4 {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  color: #ffffff;
}

/* TEXTO */
#formas .card p {
  font-family: 'Lora', serif;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #f3e5e0;
  margin-bottom: 1rem;
}

/* RESPONSIVO */
@media (min-width: 768px) {
  #formas .grid {
    grid-template-columns: 1fr 1fr;
  }

  #formas .card.destaque {
    grid-column: span 2;
  }
}

@media (min-width: 1080px) {
  #formas {
    padding: 10rem 4rem;
  }

  #formas h2 {
    font-size: 4rem;
  }

  #formas .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  #formas .card.destaque {
    grid-column: span 1;
  }
}

/* ==========================================================================
   SERVIÇOS - PREMIUM
   ========================================================================== */

#servicos {
  background: #f4f2ee;
  padding: 8rem 2rem;
}

/* HEADER */
#servicos header {
  text-align: center;
  margin-bottom: 6rem;
}

#servicos h2 {
  font-size: 3.2rem;
  color: #5E0006;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}

#servicos header p {
  font-size: 1.5rem;
  color: #7a6a63;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* BLOCO SERVIÇO */
.servico {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  margin-bottom: 7rem;
}

/* IMAGEM */
.servico-image {
  width: 100%;
  min-height: 360px;
  background-size: cover;
  background-position: center;
  border-radius: 22px;
  transition: transform 0.6s ease;
}

.servico-image:hover {
  transform: scale(1.02);
}

/* TEXTO */
.servico-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 520px;
  margin: 0 auto;
}

.servico-intro {
  max-width: 100%;
}

.etapas-grid {
  width: 100%;
}

.servico-resultado {
  text-align: center;
}

/* TAG */
.tag-servico {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #a67c6d;
  margin-bottom: 1rem;
}

/* TÍTULO */
.servico-text h3 {
  font-size: 2.6rem;
  color: #5E0006;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

/* INTRO */
.servico-intro {
  font-size: 1.5rem;
  color: #5a4a44;
  line-height: 1.7;
  margin-bottom: 2.5rem;
  max-width: 500px;
}

/* GRID ETAPAS */
.etapas-grid {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

/* CARD */
.etapa-card {
  background: #faf7f5;
  padding: 1.8rem;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.04);

  display: flex;
  flex-direction: column;
  justify-content: center; /* CENTRALIZA VERTICAL */
  align-items: center;     /* CENTRALIZA HORIZONTAL */

  text-align: center;

  min-height: 140px; /* IMPORTANTE: padroniza altura */
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* HOVER PREMIUM */
.etapa-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* TÍTULO CARD */
.etapa-card h4 {
  font-size: 1.35rem;
  color: #5E0006;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

/* TEXTO CARD */
.etapa-card p {
  font-size: 1.3rem;
  color: #6b5b55;
  line-height: 1.5;
  max-width: 220px;
}

/* RESULTADO */
.servico-resultado {
  font-size: 1.4rem;
  font-weight: 500;
  color: #5E0006;
  margin-bottom: 2rem;
}

/* BOTÃO */
.btn-servico {
  align-self: center;
  padding: 1.2rem 2.4rem;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 500;
  background: #5E0006;
  color: #fff;
  transition: all 0.3s ease;
}

.btn-servico:hover {
  background: #3d0004;
  transform: translateY(-2px);
}

/* DESKTOP */
@media (min-width: 1080px) {

  .servico {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 5rem;
  }

 .servico.invertido {
  direction: initial;
}

  .servico.invertido .servico-text {
    direction: ltr;
  }

  .servico-image {
    min-height: 500px;
  }

  .servico-text {
    padding: 2rem 0;
  }

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

  .servico-text h3 {
    font-size: 3rem;
  }

  .servico-intro {
    font-size: 1.6rem;
  }
}

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

  #servicos {
    padding: 6rem 1.5rem;
  }

  .servico-text h3 {
    font-size: 2.2rem;
  }

  .servico-intro {
    font-size: 1.4rem;
  }

  .etapa-card {
    padding: 1.5rem;
  }

}
}/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer {
    background: #f4f2ee;
    padding: 2rem 0;
    border-top: 1px solid #6b5b55;
}

.footer p {
    font-size: 1.3rem;
    color: #6b5b55;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
}