body{
	background-color: white !important;
	 font-family: "Open Sans", sans-serif;
}


h2,h3{
	 font-family: "Open Sans", sans-serif;
	    font-size: calc(1rem + 9vw) !important;
	     font-weight: bold;
}

h1{
	color: #000;
	text-align: center;
	font-family: "Open Sans";
	
	font-style: normal;
	font-weight: 800 !important;
	line-height: 38.08px; /* 100.211% */
	text-transform: uppercase;
}

p{
	/+margin-top:20px !important;*/
	color:white;
	font-size: calc(1rem + 1vw) !important;
	 font-family: "Open Sans", sans-serif;
	text-align:center;	
	font-weight: 300;
}
h2{
	color:#000;
	
	 font-family: "Open Sans", sans-serif;
    font-size: calc(0.4rem + 1vw) !important;
    margin-top:50px !important;
    font-weight: 900 !important;
    margin-bottom:20px;
}

p{
	font-family: "Open Sans", sans-serif;
	    font-size: calc(1rem + 1vw) !important;
	     font-weight: normal;
	     color:black;

}

strong {
	font-weight: 900 !important;
}

h4{
	font-family: "Open Sans", sans-serif;
	    font-size: calc(1rem + 2vw) !important;
	     font-weight: bold;
	     color:black;	
}

.gray{
	background-color: #F5F5F5;
}

.card-body h6{
	    font-size: calc(0.2rem + 0.8vw) !important;	
}

.card-body h6 span{
	    font-size: calc(0.2rem + 0.8vw) !important;	
}

.card-body span{
	    font-size: calc(0.2rem + 0.8vw) !important;	
}

header{
	background: #F5F5F5;
	padding:30px 0;
}

header img{

}

ul {
  list-style: none;
}

ul li:before {
  content: '✓';
  margin-right: 10px;
}

li {
	font-size: calc(0.2rem + 0.8vw) !important;


}

.modal-header {
	border-bottom:none !important;
	}

	.modal-content {
		border-radius: 1.3rem !important;
	}

.conditions{
	font-size: calc(0.2rem + 0.8vw) !important;	
	text-align:left;
}

.invitation{
	font-size: calc(1rem + 0.8vw) !important;	
	text-align:center;	
}

/* Custom modal width */
.custom-modal {
  max-width: 70vw !important;  /* 80% of the viewport width */
}

@media (max-width: 768px) {
  .custom-modal {
    max-width: 100vw !important; /* smaller screens get a bit more breathing room */
  }

   .card-body{
		      display:inline !important;
		  }		    


		.conditions{
			font-size: calc(0.7rem + 0.8vw) !important;	
			text-align:left;
		}

		.invitation{
			font-size: calc(1rem + 0.8vw) !important;	
			text-align:center;	
		}

		.card-body h6{
	    font-size: calc(0.7rem + 0.8vw) !important;	
		}

		.card-body h6 span{
			    font-size: calc(0.7rem + 0.8vw) !important;	
		}

		.card-body span{
			    font-size: calc(0.7rem + 0.8vw) !important;	
		}

		li {
			font-size: calc(0.7rem + 0.8vw) !important;


		}

		h2{
			
				font-size: calc(1rem + 0.8vw) !important;

		}
}

.abnb-carousel {
     border:none;
    }
 /* Layout */
    .abnb-carousel {
      position: relative;
      padding-inline: 0.25rem;
    }
    .abnb-track {
      display: flex;
      gap: 0.75rem;                /* space between cards */
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      padding: 2.25rem 0.25rem 1rem;
      scrollbar-width: none;       /* Firefox */
     
    }
    .abnb-track::-webkit-scrollbar { display: none; }

    .abnb-card {
      scroll-snap-align: start;
      flex: 0 0 auto;
      width: 80vw;                 /* mobile: big readable cards */
      max-width: 311px;            /* don’t get too huge */
    }

    /* Responsive “cards per view” similar to Airbnb */
    @media (min-width: 576px) { .abnb-card { width: calc(50vw - 3rem); max-width: 360px; } }   /* ~2 per row */
    @media (min-width: 768px) { .abnb-card { width: calc(33.33vw - 3rem); max-width: 360px; } } /* ~3 per row */
    @media (min-width: 992px) { .abnb-card { width: calc(25vw - 3rem); max-width: 360px; } }    /* ~4 per row */
    @media (min-width: 1400px){ .abnb-card { width: calc(20vw - 3rem); max-width: 360px; } }    /* ~5 per row */

    /* Arrow buttons */
    .abnb-nav {
      position: absolute;
      top: 50%;
      translate: 0 -50%;
      z-index: 2;
      display: none; /* hidden on small/touch by default */
    }
    .abnb-nav button {
      width: 40px; height: 40px; border-radius: 999px;
      background: #fff; border: 1px solid rgba(0,0,0,.15);
      box-shadow: 0 2px 12px rgba(0,0,0,.12);
    }
    .abnb-nav button:disabled { opacity: .35; cursor: not-allowed; }
    .abnb-nav.prev { left: -2.75rem; }
    .abnb-nav.next { right: -2.75rem;}

    /* Show arrows on md+ (like Airbnb) */
    @media (min-width: 768px) {
      .abnb-nav { display: block; }

        


    }

    /* Simple card visuals */
    .card-img-top { aspect-ratio: 4/3; object-fit: cover; 
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
        border-bottom-right-radius: var(--bs-card-inner-border-radius);

    }
    .rating { font-size: 0.875rem; }

    .card-body{
      display:none;
      

    }


    .card{
      background:transparent;
      border:none !important;
    }

    /*.card:hover {
      transform: scale(1.1);
      margin:0 20px;
      z-index:99999;
    }*/

     .card:hover .card-body{
      display:inline;
    }

/* Fade siblings only on devices that support hover */
@media (hover: hover) and (pointer: fine) {
  .abnb-track:hover .abnb-card {
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }

  .abnb-track:hover .abnb-card:hover {
    opacity: 1;
  }
}

/* Always keep cards fully opaque on touch devices */
.abnb-card {
  opacity: 1;
  transition: opacity 0.3s ease;
}

    .card {
      transition: transform 0.5s;
    }


.embed-responsive {
        position: relative;
    }

    video {
       height: auto;
	    width: 90%;
	    margin-top: 73%;
    }

    .imgTransparant {
            position: absolute;
		    top: 0;
		    right: 0;
		    width: 100%;
    }


#competition{
	text-align: center;
	margin-top:80px;
}

.yellow{
	color:#FFC641;
	margin-top:50px !important;
	margin-bottom:50px !important;
}
.white{
	color:white;
	margin-top:50px !important;
	margin-bottom:50px !important;
	font-size: calc(.9rem + 4vw) !important;
}


footer{
	background-image: url('../images/azulejo_fundo_bottom.png');
	background-position: bottom;
	background-size: contain;
}