@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700&family=Montserrat:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Baskervville:ital,wght@0,400..700;1,400..700&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap');

:root {
  --branco: #FFFFFF;
  --marrom-escuro: #383022;
  --marrom-dourado:#987b55;
  --bege-marrom: #cfa773;
  --bege-claro: #ddc8a3;
  --cinza: #060b0e;
  --cinza-claro: #0059ff;
}

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

body {
  background-color: var(--bege-claro);
  color: var(--marrom-escuro);
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: 'Unbounded', sans-serif;
  font-weight: 700;
  color: var(--marrom-escuro);
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .container {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .container {
    padding: 0 2rem;
  }
}

/* Header */
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--branco);
  box-shadow: 0 1px 3px rgba(93, 64, 55, 0.1);
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.logo-icon {
  font-size: 1.5rem;
}

.logo h1 {
  font-size: 1.25rem;
}

.nav-desktop {
  display: none;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .nav-desktop {
    display: flex;
  }
}

.nav-desktop a {
  color: var(--marrom-escuro);
  text-decoration: none;
  transition: color 0.3s;
}

.nav-desktop a:hover {
  color: var(--marrom-dourado);
}

.menu-toggle {
  display: block;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--marrom-escuro);
}

@media (min-width: 768px) {
  .menu-toggle {
    display: none;
  }
}

.nav-mobile {
  display: none;
  background: var(--branco);
  border-top: 1px solid var(--cinza-claro);
  padding: 1rem;
  flex-direction: column;
  gap: 0.5rem;
}

.nav-mobile.active {
  display: flex;
}

.nav-mobile a {
  color: var(--marrom-escuro);
  text-decoration: none;
  padding: 0.5rem 0;
}

/* Hero Section */
.hero {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--bege-claro), var(--branco));
}

	.hero .container {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 2rem;
	  align-items: center;
	  padding-top: 2rem; /* Adicionado padding para melhor espaçamento */
	  padding-bottom: 2rem;
	}

@media (max-width: 768px) {
  .hero .container {
    grid-template-columns: 1fr;
  }
}

.hero-carousel {
  display: flex;
  justify-content: center;
}

	.hero-image {
	  max-width: 100%;
	  height: auto;
	  border-radius: 1rem;
	  box-shadow: 0 10px 30px rgba(93, 64, 55, 0.15);
	  min-height: 300px; /* Adicionado altura mínima para evitar colapso */
	  object-fit: cover;
	}

.hero-content h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .hero-content h2 {
    font-size: 1.5rem;
  }
}

.highlight {
  color: var(--marrom-dourado);
}

.scripture {
  font-style: italic;
  color: var(--marrom-dourado);
  margin-bottom: 1rem;
}

.hero-description {
  margin-bottom: 1.5rem;
  color: var(--cinza);
}

.hero-description1 {
  margin-bottom: .5rem;
  font-size: 17px;
  color: var(--marrom-escuro);
  font-weight: 600;
  font-style: italic;
}

/* Buttons */
.btn-cta-primary {
  background: linear-gradient(135deg, var(--marrom-dourado), var(--bege-marrom));
  color: var(--branco);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(93, 64, 55, 0.3);
  font-family: 'Montserrat', sans-serif;
}

.btn-cta-primary:hover {
  box-shadow: 0 6px 20px rgba(93, 64, 55, 0.5);
  transform: translateY(-2px);
}

.btn-cta-secondary {
  background-color: var(--marrom-dourado);
  color: var(--branco);
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Montserrat', sans-serif;
}

.btn-cta-secondary:hover {
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.4);
}

.w-full {
  width: 100%;
}

/* Guarantee Section */
.guarantee {
  background: linear-gradient(135deg, var(--bege-marrom), var(--bege-claro));
  padding: 2rem;
  text-align: center;
  margin: 2rem 0;
}

.guarantee h3 {
  font-size: 1.25rem;
}

/* Coleção Section */
.colecao {
  padding: 3rem 0;
}

.colecao h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.books-grid {
  display: grid;
  /* Ajustado minmax para um valor menor em telas pequenas, melhorando a visualização em mobile */
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.book-card {
  /* Adicionado para garantir que o card se ajuste melhor em telas pequenas */
  max-width: 100%;
  background: var(--branco);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
}

.book-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(93, 64, 55, 0.2);
}

.book-image {
  width: 100%;
  /* Usar aspect-ratio para manter a proporção da imagem e evitar cortes */
  aspect-ratio: 1 / 1.4; /* Proporção comum de capa de livro, ajustável se necessário */
  object-fit: cover;
  /* Removido height fixo de 250px para permitir que aspect-ratio funcione */
}

.book-info {
  padding: 1rem;
}

.book-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--marrom-escuro);
}

.button-center {
  display: flex;
  justify-content: center;
}

/* Exclusive Offer */
.exclusive-offer {
  background-color:#987b55;
  color: var(--branco);
  padding: 2rem;
  text-align: center;
  margin: 2rem 0;
  border-radius: 0.5rem;
}

.exclusive-offer p {
  font-size: 1.1rem;
  margin: 0.5rem 0;
  font-weight: 600;
}

.offer-subtitle {
  font-size: 0.9rem;
  opacity: 0.9;
}

	/* Bonus Section */
	.bonus-carousel {
	  padding: 3rem 0;
	}
	
	.bonus-carousel h2 {
	  text-align: center;
	  margin-bottom: 2rem;
	  font-size: 2rem;
	}

/* Pricing */
.pricing {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--bege-claro), var(--branco));
}

.pricing-card {
  background: var(--branco);
  border: 2px solid var(--bege-marrom);
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.1);
  max-width: 600px;
  margin: 0 auto;
}

.pricing-card h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.pricing-description {
  color: var(--cinza);
  margin-bottom: 1rem;
}

.price {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--marrom-dourado);
  margin-top: -.6rem;
}

.features {
  list-style: none;
  text-align: left;
  margin: 1.5rem 0;
}

.features li {
  padding: 0.5rem 0;
  color: var(--marrom-escuro);
}

/* Extra Materials */
.extra-materials {
  padding: 3rem 0;
}

.extra-materials h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.materials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

.material-card {
  background: var(--branco);
  border-radius: 0.5rem;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.1);
  transition: all 0.3s ease;
}

.material-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(93, 64, 55, 0.2);
}

.material-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.material-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.material-description {
  color: var(--cinza);
  font-size: 0.9rem;
}

/* Testimonials */
.testimonials {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--bege-claro), var(--branco));
}

.testimonials h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.testimonial-carousel {
  background: var(--branco);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.1);
  text-align: center;
}

.testimonial-text {
  margin-bottom: 1rem;
  color: var(--cinza);
  font-style: italic;
}

.testimonial-author {
  font-weight: 700;
  color: var(--marrom-dourado);
}

.testimonial-city {
  color: var(--cinza);
  font-size: 0.9rem;
}

.testimonial-rating {
  color: var(--marrom-dourado);
  margin-bottom: 0.5rem;
}

/* Satisfaction */
.satisfaction {
  padding: 3rem 0;
    background: linear-gradient(135deg, var(--bege-claro), var(--branco));
  color: black;
}

.satisfaction-content {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.satisfaction-content h3 {
  color: var(--marrom-escuro);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.satisfaction-content p {
  color: var(--marrom-escuro);
}
/* Footer */
.footer {
   background: var(--bege-marrom)    ;
  color: var(--branco);
  padding: 2rem 0;
}

.footer-content {
  text-align: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}

	.footer-links a {
	  color: var(--branco); /* Corrigido para branco para contraste no footer */
	  text-decoration: none;
	  transition: opacity 0.3s;
	}
	
	/* Estilo para garantir que o link dentro do botão herde a cor do texto do botão */
	.botao .elementor-button-text a {
	    color: inherit;
	    text-decoration: none;
	}

.footer-links a:hover {
  opacity: 0.8;
}

.footer-copyright {
  font-size: 0.9rem;
  opacity: 0.8;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.8s ease-in-out;
}

/* Responsive */
@media (max-width: 768px) {
  .hero-content h2 {
    font-size: 1.3rem;
  }

  .pricing-card {
    padding: 1.5rem;
  }

  .price {
    font-size: 2rem;
  }

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

  .footer-links {
    flex-direction: column;
    gap: 1rem;
  }
}


/* Estilos do botão */
.botao {
    overflow: hidden !important;
    border-radius: 10px;
    display: inline-block;
}

.botao .elementor-button {
    position: relative;
    background: linear-gradient(-45deg, #fa992b, #f59608, #e26d0d, #e26d0d , #f1942a, #f09e06 );
    background-size: 800% 400%;
    border: none;
    border-radius: 10px;
    padding: 15px 40px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: white;
    transition: all .5s;
    animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
    overflow: hidden;
}

/* Animação do gradiente */
@keyframes gradient {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Texto do botão */
.botao .elementor-button-text {
    position: relative;
    display: inline-block;
    align-self: center;
    padding-right: 0px;
    z-index: 9;
    transition: 1s ease;
}

/* Hover no texto */
.botao:hover .elementor-button-text {
    color: black;
    transition: 1s ease;
}

/* Efeito de overlay branco no hover */
.botao .elementor-button::before {
    content: "";
    background: rgb(230, 199, 115);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.5s ease;
    z-index: 1;
}

.botao:hover .elementor-button::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: 1s ease;
}

/* Efeito de brilho animado */
.botao .elementor-button::after {
    content: '';
    background: linear-gradient(10deg, #ffcf88 12.81%, rgba(209, 210, 234, 0.00) 66.66%);
    mix-blend-mode: overlay;
    width: 90px;
    height: 160%;
    position: absolute;
    transform: translateX(-50%) skew(-25deg);
    bottom: 0%;
    user-select: none;
    pointer-events: none;
    animation: shinery 6s infinite ease-in-out;
    z-index: 2;
}

/* Animação do brilho */
@keyframes shinery {
    0%, 100% {
        left: -10%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    48% {
        left: 140%;
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
}
.demo-container {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    border-radius: 100px;
}

/* Estilos gerais do botão */
.botao1 * {
    transition: 0.5s;
    font-size: 18px; /* tamanho da fonte */
    font-weight: 900; /* peso da fonte */
    font-family: "Sora", sans-serif; /* FONTE CORRIGIDA */
    text-align: center;
}

.botao1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    /* COR CORRIGIDA DO GRADIENTE DO BOTÃO (Verde/Amarelo Suave) */
    background: linear-gradient(104deg, #00ff22b6 0%, #62f882 100%); 
    text-decoration: none;
}

.container-botao1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    /* COR DA BORDA INTERNA */
    border: 1px solid rgba(255, 255, 255, 0.3); 
    overflow: hidden;
}

/* Wrapper dos ícones */
.wrapper-icones {
    display: flex;
    flex-wrap: nowrap;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    /* COR CORRIGIDA DO CÍRCULO DO ÍCONE (Verde Claro Suave) */
    background: #1a7e1a; 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2.52px 4.21px 0px, 
                rgba(4, 59, 177, 0.1) 0px 6px 10.11px 0px, 
                rgba(0, 0, 0, 0.16) 0px 12px 19px 0px, 
                rgba(0, 0, 0, 0.2) 0px 20px 34px 0px, 
                rgba(4, 59, 177, 0.1) 0px 6px 10.11px 0px,
               rgba(4, 59, 177, 0.1) 0px 6px 10.11px 0px,
}

/* Ícone 1 - bolinha branca */
.icone-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

/* Ícone 2 - seta */
.icone-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

/* Fundo branco que expande no hover */
.fundo {
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* COR CORRIGIDA DO FUNDO DE HOVER (Branco) */
    background: #fff; 
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 0px 0px, 
                rgba(255, 255, 255, 0.25) 0px 0px 1px 0px inset, 
                rgba(152, 251, 152, 0.5) 0px 4px 44px 0px, /* Sombra verde clara suave */
                rgba(88, 212, 88, 0.5) 0px 0px 10px 0px, 
                rgba(152, 251, 152, 0.5) 0px 0px 12px 0px inset;
}

/* Texto principal */
.texto-1 {
    margin-left: 20px;
    /* COR CORRIGIDA DO TEXTO 1 (Preto) */
    color: #222222; 
}

/* Texto secundário (preço) */
.texto-2 {
    position: absolute;
    /* COR CORRIGIDA DO TEXTO 2 (Preto) */
    color: #000000; 
    opacity: 0;
    transform: translateX(100%);
}

/* Efeitos de hover */
.botao1:hover .fundo {
    width: calc(100% - 35px);
    height: 100%;
}

.botao1:hover .wrapper-icones {
    left: calc(100% - 30px);
}

.botao1:hover .texto-1,
.botao1:hover .icone-1 {
    opacity: 0;
}

.botao1:hover .texto-2 {
    opacity: 1;
    transform: translateX(0%);
}

.botao1:hover .icone-2 {
    opacity: 1;
	.book-image{
	  height: 300px; /* Ajustado para melhor proporção */
	  object-fit: cover;
	}/* Ajustado para melhor proporção */
	  object-fit: cover;
	}
  .hero-image{
    width: 450px;
    height: 350px;
  }
  .hero-description{
    font-size: 20px;
  }
.bloco-metodo {
  margin-top: 2rem;
  margin-bottom: 3rem;
  background: var(--branco);
  border-radius: 0.5rem;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.1);
  transition: all 0.3s ease;
}

/* Para Quem é a Coleção */
.para-quem-e {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--branco), var(--bege-claro));
}

.para-quem-e h2 {
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 2rem;
  color: var(--marrom-escuro);
}

.para-quem-e .subtitle {
  text-align: center;
  margin-bottom: 3rem;
  color: var(--marrom-dourado);
  font-size: 1.1rem;
  font-weight: 600;
}

.para-quem-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}

.para-quem-card {
  background: var(--branco);
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.1);
  transition: all 0.3s ease;
  border-top: 4px solid var(--marrom-dourado);
}

.para-quem-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(93, 64, 55, 0.2);
}

.para-quem-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: var(--marrom-dourado);
}

.para-quem-card h3 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: var(--marrom-escuro);
}

.para-quem-card p {
  color: var(--cinza);
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Garantia com 7 Dias */
.garantia-7-dias {
  background: linear-gradient(135deg, var(--marrom-dourado), var(--bege-marrom));
  color: var(--branco);
  padding: 3rem 2rem;
  text-align: center;
  margin: 3rem 0;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.garantia-7-dias::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  z-index: 0;
}

.garantia-7-dias .container {
  position: relative;
  z-index: 1;
}

.garantia-7-dias h2 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: var(--branco);
}

.garantia-7-dias .dias-numero {
  font-size: 3.5rem;
  font-weight: 700;
  color: var(--branco);
  margin: 1rem 0;
}

.garantia-7-dias p {
  font-size: 1.1rem;
  margin: 1rem 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.garantia-7-dias .destaque {
  font-weight: 700;
  text-decoration: underline;
}

/* FAQ Section */
.faq {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--bege-claro), var(--branco));
}

.faq h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2rem;
  color: var(--marrom-escuro);
}

.faq-contact-block {
  background: var(--branco);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 3rem;
  text-align: center;
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.1);
  border-left: 5px solid var(--marrom-dourado);
}

.faq-contact-block h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: var(--marrom-escuro);
}

.faq-contact-block p {
  color: var(--cinza);
  margin-bottom: 1rem;
  line-height: 1.6;
}

.faq-contact-block .highlight-text {
  color: var(--marrom-dourado);
  font-weight: 600;
}

.faq-questions {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  background: var(--branco);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.1);
  transition: all 0.3s ease;
}

.faq-item:hover {
  box-shadow: 0 4px 12px rgba(93, 64, 55, 0.15);
}

.faq-question {
  padding: 1.5rem;
  background: linear-gradient(135deg, var(--bege-claro), var(--branco));
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  font-weight: 600;
  color: var(--marrom-escuro);
}

.faq-question:hover {
  background: linear-gradient(135deg, var(--bege-marrom), var(--bege-claro));
  color: var(--branco);
}

.faq-toggle {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
  color: var(--marrom-dourado);
}

.faq-question:hover .faq-toggle {
  color: var(--branco);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 1.5rem;
}

.faq-answer.active {
  max-height: 500px;
  padding: 1.5rem;
}

.faq-answer p {
  color: var(--cinza);
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .para-quem-grid {
    grid-template-columns: 1fr;
  }

  .garantia-7-dias h2 {
    font-size: 1.8rem;
  }

  .garantia-7-dias .dias-numero {
    font-size: 2.5rem;
  }

  .faq h2 {
    font-size: 1.5rem;
  }

  .faq-question {
    padding: 1rem;
    font-size: 0.95rem;
  }
}
.img_garantia img {
  margin-bottom: 2rem;
  margin-top: 3rem;
  width: 300px;
}
.price2 {
  text-decoration: line-through;
  color: red;
  font-size: 18px;
  font-weight: 600;
}
.pricedet {
  font-size: 18px;
  font-weight: 900;
  color: var(--marrom-dourado);
}