@charset "UTF-8";

/* Importando fonte externa (exemplo: Poppins) */ 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@font-face {
  font-family: 'Ringo Black';
  src: url('fonts/ringo-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ==============================
   Cores e fontes globais
   ============================== */
:root {
  /* Cores thema */
  --verde-grama: #078C4F;
  --verde-marciano: #93BF22;
  --bege: #D2AA7F;
  --cinza-light: #F2F3F7;
  --preto: #1a1a1a;
  --gray-bege: #f7f7f5;
}

/* BARRA DE NAVEGAÇÃO */
/* WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--verde-grama);
  border-radius: 0px;
}
@-moz-document url-prefix() {
  html, body {
    scrollbar-width: auto;
    scrollbar-color: var(--verde-grama) transparent;
  }
}

body {
  font-family: 'Montserrat', sans-serif;
}

p {
  color: var(--preto);
}

/*Classe fonte*/
.ringo-black {
  font-family: 'Ringo Black', sans-serif;
  font-weight: 900;
}

.card-hover-up {
  transition: transform 0.3s ease-in-out;
}

.card-hover-up:hover {
  transform: translateY(-5px);
}


.color-vgrama { color: var(--verde-grama) !important; }
.border-vmarciano { border-color: var(--verde-marciano) !important; }
.bkg-gybg { background-color: var(--gray-bege); }


/* Logo menu responsivo */
.logo-menu {
  height: 50px;
  width: auto;
}

@media (min-width: 767.98px) {
  .logo-menu {
    height: 55px;
  }
}

@media (min-width: 991.98px) {
  .logo-menu {
    height: 60px;
  }
}

/* AJUSTES DO MENU  */
.navbar-nav .nav-link {
  color: var(--preto);
}
.navbar-nav .nav-link:hover {
  color: var(--verde-grama);
}
@media (max-width: 991.98px) {
  .navbar-collapse {
    position: fixed;
    top: 90px; /* altura real do header */
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1050;
  }
}
.navbar-toggler {
  border: 0;
  box-shadow: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* icone hamburguer / X */
.navbar-toggler-icon {
  background-image: none;
  position: relative;
  width: 38px;
  height: 3px;
  background-color: var(--preto);
  transition: background-color 0.25s ease;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 38px;
  height: 3px;
  background-color: var(--preto);
  transition: all 0.25s ease;
}

.navbar-toggler-icon::before {
  top: -12px;
}

.navbar-toggler-icon::after {
  top: 12px;
}

/* ABERTO = X */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}
/* ------------------------------------BOTÃO WHATSAPP-------------------------------------------- */
.btn-whatsapp {
  background: linear-gradient(
    90deg,
    var(--verde-marciano),
    var(--verde-grama)
  );
  background-clip: padding-box;
  font-weight: 500px;
  transition: transform .2s ease;
}

.btn-whatsapp:hover {
  transform: scale(1.05);
}

.border-verde-grama {
  border-color: var(--verde-grama) !important;
}

.border-white {
  border-color: white !important;
}
.btn-whatsapp-white {
  background: white !important;
  color: var(--preto) !important;
}

/*-------------------Icones Sociais---------------------*/
.social-icon {
  width: 48px;
  height: 48px;
  background-color: var(--verde-grama);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all .3s ease;
}

.social-icon i {
  font-size: 1.5rem;
}

.social-icon:hover {
  background-color: var(--verde-marciano);
  transform: scale(1.08);
  color: #fff;
}


/* ----------------- FOOTER ------------------ */
.footer-top {
  position: relative;
  background: linear-gradient(
  270deg,
    var(--verde-grama) 0%,
    var(--verde-grama) 58%,
    var(--verde-marciano) 100%
  );
}

@media (max-width: 767px) {
  .footer-top {
    background: var(--verde-grama);
  }
}

/* TEXTURA SOBRE O GRADIENTE */
.footer-top::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("img/bkg-texture.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.6;
  z-index: 1;
  pointer-events: none;
}

/* CONTEÚDO */
.footer-top > * {
  position: relative;
  z-index: 2;
}

.footer-map iframe {
  width: 100%;
  height: 350px;
}

@media (max-width: 767.98px) {
  .footer-map iframe {
    height: 400px;
  }
}


/* ------------------------------------CARD FLIP-------------------------------------------- */
/* Altura padrão (desktop) */
.flip-card {
  height: 220px;
  perspective: 1000px;
}

/* Tablet */
@media (max-width: 991.98px) {
  .flip-card {
    height: 180px;
  }
}

/* Mobile */
@media (max-width: 575.98px) {
  .flip-card {
    
  }
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(-180deg); /* direita → esquerda */
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  background-color: var(--bs-white);

  border-left: 2px solid;
  border-right: 2px solid;
  border-top: 2px solid;
  border-bottom: 5px solid;

  transform-style: preserve-3d;
}

.flip-card-content {
  transform: translateZ(90px);
}

.flip-card-hint {
  transform: translateZ(0);
}
/* Frente */
.flip-card-front {
  border-color: var(--verde-grama);
  color: var(--verde-grama);
}

.flip-card-front i {
  color: var(--verde-grama);
}

/* Verso */
.flip-card-back {
  transform: rotateY(180deg);
  border-color: var(--verde-marciano);
  color: var(--preto);
}


/* ------------------------------------AJUSTES VIEWPORT-------------------------------------------- */
/* HERO / VIEWPORT */
.section-hero {
  background: url("img/vh-principal-texture.webp") center center / cover no-repeat;
}
/* Tablet e mobile */
@media (max-width: 991.98px) {
  .section-hero {
    background-position: left center; /* vertical centralizado, horizontal à esquerda */
  }
}

.hero-consultas {
  background: url("img/hero-consultas.webp") center center / cover no-repeat;
}
/* Tablet e mobile */
@media (max-width: 991.98px) {
  .hero-consultas {
    background-position: left center; /* vertical centralizado, horizontal à esquerda */
  }
}

.hero-receitas {
  background: url("img/hero-receitas.webp") center center / cover no-repeat;
}
/* Tablet e mobile */
@media (max-width: 991.98px) {
  .hero-receitas {
    background-position: left center; /* vertical centralizado, horizontal à esquerda */
  }
}


/* Apenas desktop (≥991.98px) */
@media (min-width: 991.98px) {
  .py-lg-7 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-lg-8 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}

@media (min-width: 767.98px) and (max-width: 991.98px) { /* tablet */
  .img-mobile {
    width: 70%;
  }
}

/* Títulos */
.section-hero h1,
.hero-consultas h1,
.hero-receitas h1,
section#sobre h2 {
  color: var(--verde-grama);
}

.section-hero h2 {
  color: var(--verde-marciano);
}

.section-hero h1,
.section-hero h2 {
  font-family: 'Ringo Black', sans-serif;
  font-weight: 900;
}


/* Botão Saiba mais */
.btn-saiba-mais,
.btn-saiba-mais i {
  color: var(--preto);
}

.btn-hero {
  border: 2px solid var(--verde-grama);
  color: var(--verde-grama);
}
.btn-hero i {
  color: var(--verde-grama);
}


/*------------------------*/
.menu-sticky-consultas a {
  color: var(--preto) !important;
  transition: color 0.2s ease;
}

.menu-sticky-consultas a:hover {
  color: var(--verde-grama) !important;
}

/* ------------------------------------HERO ROTATE-------------------------------------------- */
.hero-rotate {
  display: block;
  height: 1.2em;        /* altura do texto, ajustar conforme h2 */
  overflow: hidden;
  position: relative;
  color: var(--verde-marciano);
  font-weight: 700;
  line-height: 1.2;
}

.hero-rotate span {
  display: block;
  transform: translateY(-100%);
  opacity: 0;
  animation: slideDown 9s infinite;
  position: absolute;
  left: 0;
  width: 100%;
}

/* delays por frase */
.hero-rotate span:nth-child(1) { animation-delay: 0s; }
.hero-rotate span:nth-child(2) { animation-delay: 3s; }
.hero-rotate span:nth-child(3) { animation-delay: 6s; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  10% {
    transform: translateY(0%);
    opacity: 1;
  }
  30% {
    transform: translateY(0%);
    opacity: 1;
  }
  40% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
/* MARQUEE  */
.marquee-wrapper { 
    width: 100%; 
    overflow: hidden; 
    padding: 12px 0;
    background-color: var(--gray-bege);
}

.marquee { 
    display: flex; 
    flex-wrap: nowrap;       /* garante que fique em linha */
    white-space: nowrap; 
    animation: marqueeLeft 20s linear infinite; 
    color: var(--verde-grama);
} 

/* Responsivo: ajustar velocidade */
@media (max-width: 1024px) { 
    .marquee { animation-duration: 8s; } 
} 
@media (max-width: 767.98px) { 
    .marquee { animation-duration: 3s; } 
} 

.marquee span { 
    margin: 0 2rem; 
    font-family: Montserrat, sans-serif; 
    font-size: 16px; 
    font-weight: 400; 
    display: flex; 
    align-items: center;
    white-space: nowrap;
} 

.marquee span i { 
    margin-right: 0.5rem; 
    font-size: 1.25rem; /* tamanho do ícone */
}

@keyframes marqueeLeft {
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } /* metade da track duplicada */
} 

}
/* ----------------------- FOOTER -------------------- */
li.txt-inherit {
  color: var(--preto);
}

.contact-link {
  color: inherit !important;
  transition: color .3s ease;
  text-decoration: none;
}

.contact-link:hover {
  color: var(--bs-secondary-color) !important;
}

/*--------------------------*/
/* Tabs Receitas */
.section-receitas .nav-pills .nav-link {
  color: var(--verde-grama);
  border: 1px solid var(--verde-grama);
  background: transparent;
  font-weight: 500;
}

.section-receitas .nav-pills .nav-link.active,
.section-receitas .nav-pills .show > .nav-link {
  background-color: var(--verde-grama);
  color: #fff;
  border-color: var(--verde-grama);
}
/*--------------------------*/
/* Reset visual do accordion */
.section-receitas .accordion-button {
  background: #fff;
  color: var(--preto);
  font-weight: 600; /* fw-semibold */
  border: 1px solid var(--preto);
  border-radius: .5rem;
  box-shadow: none;
}

/* Remove azul quando ativo */
.section-receitas .accordion-button:not(.collapsed) {
  background: #fff;
  color: var(--preto);
  border-color: var(--verde-marciano);
  box-shadow: none;
}

/* Remove foco azul */
.section-receitas .accordion-button:focus {
  box-shadow: none;
  border-color: var(--verde-marciano);
}

/* Espaço entre itens */
.section-receitas .accordion-item {
  border: 0;
  margin-bottom: .75rem;
}
.section-receitas .accordion-collapse {
  border: 0;
}

.section-receitas .accordion-body {
  border: 0;
  padding: 1rem 1.25rem;
}

/* Cookie banner */
.cookie-banner {
  z-index: 1055;
}

/* Texto do aviso */
.cookie-text {
  color: var(--preto);
}

/* Botão Aceitar */
.btn-accept-cookies {
  background-color: var(--verde-grama);
  color: #fff;
  border: none;
  box-shadow: none;
}

/* REMOVE qualquer efeito de hover/focus/active */
.btn-accept-cookies:hover,
.btn-accept-cookies:focus,
.btn-accept-cookies:active,
.btn-accept-cookies:focus-visible {
  background-color: var(--verde-grama);
  color: #fff;
  box-shadow: none;
  outline: none;
}