@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
	--bs-body-font-family: "Lato", sans-serif;
	--bs-body-color: #414141;
	--bs-primary-rgb: 237, 87, 35;
	--bs-primary-bg-subtle: #cd5227;
	--bs-border-color: #d0d0d0;
	--bs-light-rgb: 241, 241, 241;
	--bs-dark-rgb: 57, 57, 57;
	--c1: #ed5723;
	--c2: #393939;
	--c1b: rgb(237, 87, 35);
	--c2b:rgb(57, 57, 57);

	--c3: #cd5227;
}
body {
	top: 0 !important;
}
.playfair {
	font-family: "Playfair Display", serif;
}
strong {
	font-weight: 500;
}
::selection {
	background: #393939;
	color: #fff;
}
html[data-bs-theme="grey"] {
	filter: grayscale(1) !important;
}


/* ------ header ------ */
#header {
	transition:all 0.3s ease;
}
#header.scroll {
	box-shadow: 0 0 40px rgba(40,40,40,.15);
}

#vHead {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 100dvh;
	justify-content: space-between;
	left: 0;
	position: fixed;
	top: 0;
	width: 140px;
	z-index: 100;
}
#logo {
	display: block;
	margin: 1.5rem auto 0 auto;
	width: 90px;
}
#wrapSection {
	padding-left: 140px;
	position: relative;
}
@media (max-width:1400px) {
	#vHead { width: 110px }
	#logo { width: 74px }
	#wrapSection { padding-left: 110px }
}
@media (max-width:992px) {
	#vHead {
		flex-direction: row;
		height: auto;
		position: relative;
		width: 100%;
	}
	#logo { margin: 1.2rem 0; width: 66px }
	#wrapSection { padding-left: 0 }
}


/* ------ navBar ------ */
#navBarMain .nav-link,
#navBarMain2 .nav-link {
	color: #9c9c9c;
	font-weight: 600;
	padding: .8rem 1rem;
	position: relative;
}
#navBarMain .navbar-nav .nav-link svg,
#navBarMain2 .navbar-nav .nav-link svg {
	fill: #393939;
	opacity: .5;
}
#navBarMain2.v2 .navbar-nav .nav-link svg {
	fill: #fff;
	opacity: .9;
}
#navBarMain .navbar-nav .nav-link:hover,
#navBarMain2 .navbar-nav .nav-link:hover {
	opacity: .75;
}
#navBarMain .navbar-nav .nav-link.active svg,
#navBarMain2 .navbar-nav .nav-link.active svg {
	fill: var(--c1);
	opacity: 1;
}
.navbar-toggler {
	border: 1px solid rgba(255,255,255,.8);
}
.blogBtn {
	background-color: #e9e9e9;
	color: #707070;
	font-size: .9rem;
	font-weight: 600;
	text-decoration: none;
}
.blogBtn:hover {
	color: var(--c1);
}
[data-bs-theme="dark"] .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:992px) {
	#navBarMain .nav-link {
		align-items: center;
		display: flex;
		gap: .8rem;
	}
	.backArrow { right: -12px }
}


/* ------ btn ------ */
.btn {
	font-weight: 600;
	padding: .7rem 1.2rem;
}
.btn-primary {
	--bs-btn-bg: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: #ff6938;
	--bs-btn-hover-border-color: #ff6938;
	--bs-btn-active-bg: #ff6938;
	--bs-btn-active-border-color: #ff6938;
}
.btn-outline-primary {
	--bs-btn-color: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
	--bs-btn-disabled-color: var(--c1);
	--bs-btn-disabled-border-color: var(--c1);
}
.btn-dark {
	--bs-btn-bg: var(--c2);
	--bs-btn-border-color: var(--c2);
	--bs-btn-hover-bg: #292929;
	--bs-btn-hover-border-color: #292929;
}
.btn-light {
	--bs-btn-color: var(--c1);
	--bs-btn-hover-color: var(--c1);
}


/* ------ misc ------ */
.editText p:last-of-type {
	margin-bottom: 0;
}
.fs-5b {
	font-size: 1.1rem;
}

.embed-container {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.embed-container.map {
	padding-bottom: 32%;
}
#novaq {
	width: 110px;
}

.link-primary:focus,
.link-primary:hover {
	color: #5f5f5f !important;
}
.formBlur {
	backdrop-filter: blur(8px);
}
.lanBtn {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
.btn-close:focus {
	box-shadow: 0 0 0 0.25rem rgba(40, 40, 40, 0.15);
}

@media (max-width:1400px) {
	.display-3 { font-size: 3.5rem }
	.display-4 { font-size: 2.3rem }
	.display-4.v2 { font-size: 3.3rem }
	h1, .h1 {
		font-size: 2.2rem;
	}
	.fs-1 { font-size: 1.9rem !important }
	.fs-4 { font-size: 1.2rem !important }
	.fs-5 { font-size: 1.15rem !important }
	.fs-5b { font-size: 1.05rem }
}
@media (max-width:768px) {
	.display-3 { font-size: 2.4rem }
	.display-4.v2 { font-size: 2.2rem }
}


/* ------ form ------ */
.form-control {
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	color: #fff !important;
	font-size: 1.1rem;
	font-weight: 400;
	padding: .7rem 0;
}
.form-control:focus {
	border-color: #f89878 !important;
	box-shadow: none;
}
.form-select:focus {
	border-color: #393939;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(57,57,57,.25);
}
#searchModal .form-control {
	color: var(--c2) !important;
}
input::placeholder,
textarea::placeholder {
	color: #eac7bb !important;
}


/* ------ planlist ------ */
.planlist ul,
.planlist2 ul {
	list-style: none;
	padding: 0 0 0 22px;
}
.planlist ul li,
.planlist2 ul li {
	padding: 5px 0 5px 22px;
	position: relative;
}
.planlist ul li::before,
.planlist2 ul li::before {
	background-color: #fff;
	content: "";
	left: 0;
	height: 2px;
	position: absolute;
	top: 20px;
	width: 10px;
}
.planlist2 ul li::before {
	background-color: var(--c1);
}
.colTwo ul {
	columns: 2;
}
@media (max-width:1400px) {
	.planlist ul li::before,
	.planlist2 ul li::before {
		top: 19px;
	}
}
@media (max-width:768px) {
	.colTwo ul { columns: 1 }
}
@media (max-width:576px) {
	.planlist ul,
	.planlist2 ul {
		padding: 0;
	}
}


/* ------ accordion ------ */
.accordion {
	--bs-accordion-bg: transparent !important;
	--bs-accordion-border-color: #f1ecea;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
	color: #393939;
}


/* ------ mask ------ */
#alsMask {
	left: 60px;
	position: fixed;
	top: -3rem;
	width: 100%;
	z-index: 0;
}
#alsMask svg {
	opacity: .75;
	width: 100%;
}
#alsBg {
	background-image: url(../img/background1.jpg);
	background-position: center;
	background-size: cover;
	left: 0;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 0;
}
#alsBg.team {
	background-image: url(../img/background2.jpg);
}
@media (max-width:1060px) {
	#alsMask { top: 0 }
}
@media (max-width:992px) {
	#alsMask {
		height: 101lvh;
		left: 0;
		width: initial;
	}
	#alsMask svg {
		height: 100%;
		width: initial;
	}
	#alsBg { height: 100lvh }
}
@media (max-width:768px) {
	#alsMask { left: -30px }
}


/* ------ wCircle ------ */
.wCircle {
	background-color: transparent !important;
	border: 0;
	backdrop-filter: blur(8px);
	box-shadow: 0 0 0 2px #fff;
	border-radius: 50%;
	display: block;
	margin: auto;
	max-width: 320px;
	position: relative;
}
.wCircle .aTitle {
	color: #fff;
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translate(-50%,-50%);
	top: 50%;
	width: 100%;
}
.wCircle:hover .aTitle {
	text-shadow: 1px 0 60px #2c2c2c,
				 1px 0 10px #414141;
}
.areaImg {
	border-radius: 50%;
	opacity: .14;
	transition:all 0.3s ease;
	width: 100%;
}
.wCircle:hover .areaImg {
	opacity: .8;
}
.circle1 {
	margin-top: 3rem;
}
.circle2 {
	margin-top: -3rem;
}
@media (max-width:1400px) {
	.wCircle .aTitle { font-size: 1.9rem !important }
}
@media (max-width:1200px) {
	.wCircle .aTitle { font-size: 1.7rem !important }
	.circle1 { margin-top: 0 }
	.circle2 { margin-top: 0 }
}
@media (max-width:992px) {
	.areaImg { opacity: .5 }
}
@media (max-width:576px) {
	.wCircle .aTitle { font-size: 1.9rem !important }
}


/* ------ tooltip ------ */
.tooltip-inner {
	background-color: #393939 !important;
	color: #fff;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	border-right-color: #393939 !important;
}
@media (max-width:992px) {
	.tooltip { display: none }
}


/* ------ inicio ------ */
#inicio {
	height: 100lvh;
}
#advice {
	margin-bottom: 4rem;
	width: 700px;
}
@media (max-width:1400px) {
	#advice { width: 640px }
}
@media (max-width:992px) {
	#advice { width: 90% }
}
@media (max-width:768px) {
	#inicio {
		height: auto;
		padding: 3.5rem 0;
	}
	#advice { margin-bottom: 3rem }
}


/* ------ about ------ */
.wrapAbout {
	-webkit-mask-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.4)), linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}
.wrapAbout::after {
	background: linear-gradient(90deg, rgba(57,57,57,0) 20%, rgba(57,57,57,.8) 100%);
	border-radius: 3rem;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.wrapAbout img {
	border-radius: 3rem;
	height: 570px;
	object-position: center;
}
#aboutText {
	margin-left: -5rem;
	margin-top: 4rem;
}
@media (max-width:1200px) {
	#aboutText {
		margin-left: 0;
		margin-top: 0;
	}
}
@media (max-width:576px) {
	.wrapAbout {
		-webkit-mask-image: initial;
	}
	.wrapAbout img {
		border-radius: 1rem;
		height: initial;
	}
	.wrapAbout::after { border-radius: 1rem }
}


/* ------ team ------ */
.teamLink {
	text-decoration: none !important;
}
.teamLink h3 {
	color: #fff;
	text-shadow: 1px 0 60px #2c2c2c;
}
.wrapTeam::after {
	background: linear-gradient(90deg, rgba(57,57,57,0) 60%, rgba(57,57,57,.5) 100%);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.wrapTeam.v2::after {
	background: initial;
}
.wrapTeam::before {
	box-shadow: 0 0 0 2px rgba(255,255,255,.4);
	border-radius: 50%;
	content: "";
	height: calc(100% + 8px);
	left: -4px;
	position: absolute;
	top: -4px;
	transition:all 0.3s ease;
	width: calc(100% + 8px);
}
.wrapTeam.v2::before {
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
}
.teamLink:hover .wrapTeam::before {
	box-shadow: 0 0 0 2px rgba(255,255,255,.9);
}
.teamImg {
	width: 280px;
}
.tName {
	left: -3.6rem;
	width: 100%;
}
@media (max-width:1600px) {
	.teamImg { max-width: 250px }
}
@media (max-width:1400px) {
	.teamImg { max-width: 210px }
}
@media (max-width:768px) {
	.wrapTeam.v2 { max-width: 300px }
}
@media (max-width:576px) {
	.teamImg { max-width: 230px }
	.tName { left: 0; text-align: center }
	.wrapTeam::after { background: initial }
	.wrapTeam.v2 { max-width: 240px }
}


/* ------ btTop ------ */
.btTop {
	background-color: rgba(57, 57, 57, .8);
	box-shadow: 0 0 0 1px rgba(255,255,255,.5);
	border: none;
	bottom: 14px;
	border-radius: 50%;
	display: none;
	font-size: 1rem;
	height: 36px;
	line-height: 1px;
	margin: 0;
	outline: none;
	padding: 0;
	position: fixed;
	right: 14px;
	text-align: center;
	transition:all 0.3s ease;
	width: 36px;
	z-index: 1040;
}
.btTop path {
	fill: #fff;
}
.btTop:hover path {
	fill: #ff7648;
}


/* ----------- google -----------*/
iframe.skiptranslate {
	display: none !important;
}
#google_translate_element .goog-te-combo {
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 4px;
	font-size: 1rem;
	padding: .7rem 1rem;
	text-transform: capitalize;
	width: 100%;
}


/* ------ accessBtn ------ */
#accessBtn {
	color: var(--c2);
	box-shadow: 0 0 0 2px rgba(255, 255, 255,.9);
	border: none;
	font-size: 3rem;
	height: 48px;
	line-height: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	outline: none;
	right: 14px;
	top: 50%;
	transform: translateZ(0) translateY(-50%);
	transition:all 0.3s ease;
	width: 48px;
	z-index: 100001;
}
#accessBtn:hover {
	color: var(--c3);
}
#optionsMenu {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(52,52,52,.2);
	right: -470px;
	position: fixed;
	top: 50%;
	transform: translateZ(0) translateY(-50%);
	transition:all 0.3s ease;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu a.list-group-item:hover {
	color: #045f7a;
}
@media (max-width:992px) {
	#accessBtn {
		bottom: 12px;
		left: 14px;
		right: initial;
		top: initial;
		transform: initial;
	}
	#optionsMenu {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
}


/* ------ list-group ------ */
.list-group-item {
	font-weight: 500;
}
.list-group-item.active {
	--bs-list-group-active-bg: #f3f3f3;
	--bs-list-group-active-color: var(--c3);
	--bs-list-group-active-border-color: #cccccc;
	font-weight: 600;
}


/* ------ pagination ------ */
.page-link {
	color: var(--bs-body-color);
	font-variant-numeric: lining-nums;
	min-width: 36px !important;
}
.page-link:hover {
	color: var(--c1);
}
.active > .page-link,
.page-link.active {
	background-color: var(--c2);
	border-color: var(--c2);
	color: #fff;
	font-weight: 600;
	text-align: center;
}


/* ------ blogImg ------ */
.blogImg {
	border-bottom: 4px solid var(--c1);
	height: 300px;
}
.blogImg2 {
	border-left: 6px solid var(--c1);
	left: -4rem;
}
.blogSelect {
	width: auto;
}
.titleBlog {
	top: 48px;
}
@media (max-width:1200px) {
	.blogImg2 { left: 0 }
}
@media (max-width:992px) {
	.blogSelect { width: 100% }
}
@media (max-width:768px) {
	.blogImg { height: 450px }
}
@media (max-width:576px) {
	.blogImg { height: 280px }
}


/* ------ mainText ------ */
.mainText strong {
	font-weight: 500;
}
.mainText p + h2,
.mainText ul + h2,
.mainText ol + h2 {
	margin-top: 2rem;
}
.mainText p + h3,
.mainText ul + h3,
.mainText ol + h3 {
	margin-top: 1.8rem;
}
.mainText .embed-container {
	position: relative;
	left: -2rem;
	width: 90%;
}
.mainText .embed-container + h2 {
	margin-top: 2rem;
}
.mainText figure img {
	border-radius: 1rem;
	height: auto;
	position: relative;
	left: -2rem;
	width: 90%;
}
.mainText figcaption {
	color: var(--bs-secondary-color);
	font-size: .875em;
	font-style: italic;
	margin-top: .3rem;
}
.mainText ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainText ul li {
	padding: 5px 0 5px 30px;
	position: relative;
}
.mainText ul li::before {
	content: "\f178";
	color: var(--c1);
	font: var(--fa-font-solid);
	font-size: 1rem;
	left: 0;
	position: absolute;
	top: 13px;
}
.mainText a {
	color: var(--bs-body-color);
}
.mainText a:hover {
	color: var(--c1);
}
@media (max-width:1200px) {
	.mainText figure img { left: 0 }
	.mainText .embed-container { left: 0 }
}
@media (max-width:768px) {
	.mainText .w-50 { width: 100% !important }
}
@media (max-width:576px) {
	.mainText figure img { width: 100% }
	.mainText .embed-container { width: 100% }
}


/* ------ lang ------ */
.langBtn {
	font-size: .9rem;
	min-width: 34px;
	padding: .2rem .4rem;
}