@font-face {
  font-family: Pacifico;
  src: url(../fonts/Pacifico/Pacifico-Regular.ttf);
}

html {
  scroll-behavior: smooth;
}

.logo{
  font-family: Pacifico;
  font-size: 2rem;
  color: #f86103;
}

.logo-h1 {
  width: 55px;
  height: auto; /* mantém a proporção */
  margin-left: 20px;
}

.bg-orange {
  background-color:  #f86103!important;
}

/* Efeito de zoom e transição suave */
@media (max-width: 768px) {
  .nav-item:hover {
    transform: none !important;
    background-color: transparent !important;
  }
}
.nav-item {
  transition: transform 0.3s ease, background-color 0.3s ease;
  display: inline-block; /* Garante que o zoom funcione direito */
}

.nav-item:hover {
  transform: scale(1.5);
  background-color: #f86103; /* Laranja personalizado */
  border-radius: 10px;
  z-index: 10; /* Evita sobreposição estranha */
  position: relative;
}

/* Estilização do texto */
.nav-link {
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.3s ease;
  font-weight: bold;
}

.nav-link:hover,
.nav-link.active {
  color: #ffffff !important;
}

.object-cover {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767px) {
  #inicio .row.g-0 {
    flex-direction: column; /* garante que imagem fique em cima */
  }

  #inicio img {
    height: auto; /* evita esticar imagem no mobile */
    border-radius: .5rem .5rem 0 0 !important; /* arredonda o topo no mobile */
  }
}


#gas .col-md-6 {
  display: flex;                  /* Ativa o Flexbox para alinhar o conteúdo da coluna */
  align-items: center;            /* Alinha verticalmente o conteúdo ao centro da coluna */
  justify-content: center;       /* Alinha horizontalmente o conteúdo ao centro da coluna */
  padding: 20px;                  /* Adiciona espaçamento interno de 20px em todos os lados */
}


#gas img {
  transition: transform 0.3s ease; /* Animação suave */
}

#gas img:hover {
  transform: scale(1.1); /* Aumenta 10% ao passar o mouse */
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
/* Titulo do Gás */
.bg-laranja {
  background-color: #f86103 !important;
}


#preco h2.logo {
  font-size: 3rem;
}

#gas h2.logo {
  font-size: 3rem;
}

#preco img {
  transition: transform 0.4s ease;
}

#preco img:hover {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#preco h5.card-title {
  transition: color 0.3s ease, transform 0.3s ease;
}

#preco h5.card-title:hover {
  color: #ffa600;
  transform: translateY(-5px);
}

#preco .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#preco .card:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/*Todas ID tem*/
.ancora-ajuste {
  scroll-margin-top: 170px; /* mesmo valor do seu padding-top no body */
}

.ancora-ajuste-contato {
  scroll-margin-top: 160px; /* mesmo valor do seu padding-top no body */
}

/* seta do carroseel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
  width: 2rem;
  height: 2rem;
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: black;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.carousel-control-prev-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 0-.708 0L4.793 7.5l5.853 5.854a.5.5 0 0 0 .708-.708L6.207 7.5l5.147-5.146a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 0-.708 0L4.793 7.5l5.853 5.854a.5.5 0 0 0 .708-.708L6.207 7.5l5.147-5.146a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0L11.207 7.5 5.354 13.354a.5.5 0 0 1-.708-.708L9.793 7.5 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0L11.207 7.5 5.354 13.354a.5.5 0 0 1-.708-.708L9.793 7.5 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

footer {
  width: 100vw;
}

/* botões fixados wpp e tel */
.fixed-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.fixed-buttons a {
  display: block;
  margin-bottom: 10px;
  font-size: 25px;
  border-radius: 40px; /* Isso vai deixar os botões com bordas arredondadas */
  padding: 10px 20px; /* Ajuste o padding para garantir que o botão tenha uma boa área de clique */
}