/*==================================Fonts==================================*/

	@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*==================================Colores==================================*/
	
	:root {
		--basic-color-azul: #1e00ff;
		--basic-color-gold: #a68045;
	}

/*==================================Detalles==================================*/
	
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		scrollbar-color: var(--basic-color-gold) white;
		scrollbar-width: thin;
	}

	*::-webkit-scrollbar {
	  width: 8px;
	}

	*::-webkit-scrollbar-track {
	  background: white;
	}

	*::-webkit-scrollbar-thumb {
	  background-color: var(--basic-color-gold);
	  border: 1px solid white;
	}

	html {
		scroll-behavior: smooth;
		
	}
	
	::-webkit-scrollbar {
	    background: transparent;
	}

	p {
		margin: 0;
	}

	section {
	    margin-top: 2rem;
		margin-top: calc(2rem + 1vw);
		transition: opacity 0.3s ease-in-out;
	}

	body {
		transition: background-color 0.3s ease-in-out;
		overflow-x: hidden;
		font-family: 'Nunito Sans';
		position: relative;
	}

	.noscroll {
		position: fixed;
		overflow: hidden;
	}

	.uppercase-header {
		margin: 3vw 0;
	}	

	.uppercase-header h2 {
		font-size: 2rem;
		font-size: calc(1.75rem + 1.75vw);
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}

	.divider-line {
		display: flex;
		justify-content: center;
	}

	.carousel-item-next, .carousel-item-prev, .carousel-item.active {
		display: flex;
	}

	.carousel-control-prev img {
		height: 15%;
	}

	.carousel-control-next img {
		height: 15%;
	}

	.noscroll {
		position: fixed;
		overflow: hidden;
	}

	.uma_btn {
		background-color: var(--basic-color-gold);
		border: 2px solid var(--basic-color-gold);
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		padding: .5vw 2vw;
		border-radius: .5rem;
		margin: .5vw;
		transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	}

	.uma_btn:hover {
		background-color: white;
		color: var(--basic-color-gold);
		border: 2px solid var(--basic-color-gold);
		text-decoration: none;
	}

/*==================================Navigation==================================*/

	.navigation {
		position: fixed;
		top: 0;
		z-index: 10;
		width: 100vw;
		background-color: white;
		box-shadow: 0px 10px 10px lightgray;
	}

	.navbar {
		padding-right: 5vw;
		transition: transform 0.4s, opacity 0.2s;
		min-height: 72px;
		background-color: white;
		box-shadow: 0px 10px 10px lightgray;
	}

	.nav-link object {
		min-width: calc(2.5rem + 2vw);
		pointer-events: none;
	}

	.nav-link.enabled {
		display: block;
	}

	.nav-link.disabled {
		display: none;
	}

	.nav-link.active {
		font-weight: bold;
		color: var(--basic-color-gold);
	}

	.is-hidden {
		opacity: 0;
	}

	.navbar-hide {
		pointer-events: none;
		opacity: 0;
	}

	.navbar-cover {
		padding-bottom: 0vw;
	}

	.navbar-brand {
		padding-left: 5vw;
		display: flex;
		align-items: center;
	}

	.navbar-brand.reduced {
		padding-left: 0;
	}

	.navbar-brand a {
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	.navbar-nav {
		justify-content: space-around;
		margin-left: calc(-1rem + 3vw);
		width: 100%;
		align-items: center;
	}

	.navbar-nav a {
		color: black;
		text-decoration: none;
		text-align: center;
		font-size: 1rem;
		font-size: calc(.75rem + .6vw);
		cursor: pointer;
	}

	.navbar-nav a:hover {
		font-weight: bold;
		color: var(--basic-color-gold);
	}

	.menu-toogler {
		width: 20vw;
	}

	.navbar-toggler-icon,.toggle_UMA_wrapper {
		width: auto;
		height: auto;
		max-height: 2.5rem;
	}

	.toggle_UMA {
		max-width: 100%;
		max-height: 2.5rem;
	}

/*==================================Footer==================================*/

	footer {
		width: 100vw;
		text-align: center;
		background-image: url("../Imagenes/FONDO FOOTER.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		transition: opacity 0.3s ease-in-out;
		padding-bottom: 1vw;
		position: relative;
		z-index: 1;
		position: relative;
		bottom: 0;
	}

	.footer-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		height: auto;
		padding-top: calc(1rem + 1vw);
		width: 100%;
		z-index: 2;
	}

	.footer-flex {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		height: auto;
		width: 80%;
	}

	.logo_footer {
		width: 70%;
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2433%) hue-rotate(76deg) brightness(105%) contrast(107%);
	}

	.footer-column {
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-content: center;
		margin: calc(1rem + 1vw) 0 0 0;
	}

	.footer-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.footer-column h5 {
		color: white;
		font-weight: bold;
		font-size: 1rem;
		font-size: calc(.5rem + .75vw);
		white-space: pre;
	}

	.footer-column i {
		color: white;
		font-weight: bold;
		font-size: 1rem;
		font-size: calc(1rem + 1vw);
		white-space: pre;
		padding-right: 1vw;
		transition: transform 0.25s ease-in-out;
	}

	.social_links i {
		color: white;
		font-weight: bold;
		font-size: 2rem;
		font-size: calc(1.5rem + 1.5vw);
		white-space: pre;
	}

	.footer-column a {
		color: white;
		font-weight: bold;
		text-decoration: none;
		font-size: 1rem;
		font-size: calc(.5rem + .75vw);
		display: flex;
		align-items: center;
	}

	.footer-column a h5 {
		margin-bottom: 0;
	}

	.footer-column a:hover h5 {
		color: white;
		text-decoration: underline;
	}

	.footer-column a:hover i {
		transform: scale(1.1);
		text-decoration: none;
	}

	.social_logo {
		width: 4rem;
		width: calc(3rem + 2vw);
		padding-right: 1vw;
	}

	.social_links {
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: flex-start;
	}

	.copyright {
		align-self: right;
		margin: 0 3vw 0 0;
	}

	.copyright p {
		color: white;
		text-align: right;
		font-size: 1rem;
		font-size: calc(.35rem + .5vw);
	}

	.aido-link a {
		color: white;
		text-decoration: none;
	}

	.aido-link a:hover {
		font-weight: 900;
		text-decoration: underline;
	}

	.whatsAppBtn {
		position: fixed;
		bottom: 50px;
		right: 50px;
		background: none;
		border: none;
		transition: transform 0.25s ease-in-out;
		z-index: 2;
	}

	.whatsAppBtn:hover {
		transform: scale(1.1);
	}

	.whatsAppBtn img {
		max-width: 200px;
	}


/*=====================================
=            Media Queries            =
=====================================*/
	@media (min-width: 1200px) {
		
	}

	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		
	}

	@media (max-width: 768px) {

		.navbar-brand {
			padding-left: 5vw;
		}

		.navbar-nav a {
    		font-size: 1rem;
    		font-size: calc(1rem + .5vw);
    	}

		.footer-flex {
			width: 90vw;
			align-items: center;
		}

		.logo_footer {
			width: 40%;
		}

		.footer-column {
			align-items: center;
		}

		.footer-text {
			align-items: flex-start;
			width: 80%;
		}

		.footer-column h5 {
			color: white;
			font-weight: bold;
			font-size: 1rem;
			font-size: calc(.5rem + .75vw);
			white-space: pre-wrap;
		}

		.social_links {
			align-self: center;
		}

		.toggle_UMA_wrapper {
			display: none;
		}

		.whatsAppBtn img {
			max-width: 100px;
		}
	}

	@media (max-width: 576px) {
		
		html {
		    overflow-x: hidden;
		}
		
	}