@charset "UTF-8";
/*PÁG. FRIENDLY PG*/
section#pag-friendly-pg {
  margin-top: 2rem;
  background-color: var(--cor-lightmode) !important;
  padding: 2rem;
}

.titulo-pet-friendly-pg {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.article-cards-pet-friendly {
  margin: 1rem 0 !important;
}

.card-pet-friendly {
  background-color: var(--cor-lightmode) !important;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
  height: 100%;
}

.card-pet-friendly:hover {
  transform: scale(1.05);
}

.corpo-pet-friendly {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.titulo-card-pet-friendly {
  font-weight: 600;
  color: var(--cor-primaria) !important;
  text-align: start !important;
  text-transform: uppercase;
}

.texto-card-pet-friendly {
  color: var(--cor-texto-escuro) !important;
  font-style: inherit;
  text-align: start !important;
}

ul i {
  color: #14679D;
}

/* Botão estilizado */
.botao-pet-friendly {
  background-color: #028DCF; /* azul institucional */
  color: #fff;
  font-size: 1rem; /* 14px */
  font-weight: 500;
  font-style: normal;
  padding: 0.375rem 0.75rem; /* padrão */
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.3s ease;
  width: auto;
}

/* Efeito ao passar o mouse */
.botao-pet-friendly:hover {
  background-color: #14679D; /* Azul mais intenso */
  transform: scale(1.05); /* Aumenta levemente */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
}

/* Efeito de clique */
.botao-pet-friendly:active {
  transform: scale(0.95); /* Reduz levemente ao clicar */
}

/*RESPONSIVIDADE*/
/* MOBILE - SMALL/PEQUENO */
@media screen and (max-width: 640px) {
  .coluna1 {
    order: 2;
  }
  .coluna2 {
    order: 1;
  }
}
/* TABLET/DESKTOP PEQUENO - MEDIUM/MEDIO */
@media screen and (max-width: 1007px) {
  .botao-pet-friendly {
    width: 100%;
    display: inline-flex;
  }
}
/* DESKTOP - LARGE/GRANDE */
@media (min-width: 1008px) and (max-width: 1919px) {
  .coluna1 {
    order: 1;
  }
  .coluna2 {
    order: 2;
  }
}
/* DESKTOP/TELEVISAO - X-LARGE/GIGANTE */
@media (min-width: 1920px) {
  .coluna1 {
    order: 1;
  }
  .coluna2 {
    order: 2;
  }
}

/*# sourceMappingURL=PetFriendlyPG.css.map */