@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

/* FONTS */
.font-montserrat{
  font-family: 'Montserrat', sans-serif;
}

.font-sora{
  font-family: 'Sora', sans-serif;
}

.font-grotesk {
  font-family: "Space Grotesk", sans-serif;
}

.font-prata {
  font-family: "Prata", serif;
}

/* COLORS */
.bg-brand-01{
  background-color: #27493A;
}

.bg-brand-02{
  background-color: #D6C5AB;
}

/* BODY */
html,body{
  scroll-behavior: smooth;
  font-family: 'Montserrat', sans-serif !important;
}

/* YOUTUBE */
.youtube-embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Proporção de 16:9 (dividindo a altura pela largura) */
  height: 0;
  overflow: hidden;
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ANIMATIONS */
.animate-pulsing{
  animation: pulsing 300ms ease-in-out infinite;
}

@keyframes pulsing {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

.vibrate-1 {
	-webkit-animation: vibrate-1 1s ease-in-out infinite both;
	        animation: vibrate-1 1s ease-in-out infinite both;
}

 @-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.shake-vertical {
	-webkit-animation: shake-vertical 20s linear infinite both;
	        animation: shake-vertical 20s linear infinite both;
}

 @-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}



/* MAPS */
.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* PRICE */
.price-thumb{
  border-radius: 1rem;
  border-width: 1px;
  padding: 1.5rem;
  position: relative;
}

.tag-price{
  font-weight: 600;
  font-size:13px;
  text-transform: uppercase;
  border-radius: 0.75rem;
  position: absolute;
  padding: 0.5rem;
  top: -1.25rem;
}

.header-price{
  border-bottom-width: 1px;
}

.header-price h3{
  color: white;
}

.header-price h1{
  text-transform: uppercase;
}

/* COLOR 01 */
.color-01 .tag-price{
  background-color: red;
  color: red;
}

.color-01 .header-price{
  border-color: rgb(64 64 64);
}

.color-01 h1{
  color: rgb(115 115 115);;
}


.color-01 .diamante{
  color: rgb(38 38 38);
}

/* COLOR 02 */
.color-02 .tag-price{
  background-color: rgb(66 32 6);
  color: rgb(234 179 8);
}

.color-02 .header-price{
  border-color: rgb(66 32 60);
}

.color-02 h1{
  color: rgb(161 98 7);
}


.color-02 .diamante{
  color: rgb(66 32 6);
}

/* COLOR 03 */
.color-03 .tag-price{
  background-color: rgb(67 20 7);
  color: rgb(251 146 60);
}

.color-03 .header-price{
  border-color: rgb(194 65 12);
}

.color-03 h1{
  color: rgb(251 146 6);
}


.color-03 .diamante{
  color: rgb(67 20 7);
}

/* COLOR 04 */
.color-04 .tag-price{
  background-color: rgb(46 16 101);
  color: rgb(139 92 246);
}

.color-04 .header-price{
  border-color: rgb(139 92 246);
}

.color-04 h1{
  color: rgb(139 92 246);
}


.color-04 .diamante{
  color: rgb(46 16 101);
}

/* COLOR 05 */
.color-05 .tag-price{
  background-color: rgb(76 5 25);
  color: rgb(244 63 94);
}

.color-05 .header-price{
  border-color: rgb(244 63 94);
}

.color-05 h1{
  color: rgb(244 63 94);
}


.color-05 .diamante{
  color: rgb(76 5 25);
}




/* MOBILE */
@media only screen and (max-width: 600px) {
  .list-columns-3, .list-columns-2{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}