@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Amaranth|Arsenal");
*,
:after,
:before {
	box-sizing: border-box
}

body {
	margin: 0;
	font-family: sans-serif
}

img {
	max-width: 100%;
	height: auto
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}





.item.s-5,
.s-5 {
	width: 5%
}

.item.s-10,
.s-10 {
	width: 10%
}

.item.s-15,
.s-15 {
	width: 15%
}

.item.s-20,
.s-20 {
	width: 20%
}

.item.s-25,
.s-25 {
	width: 25%
}

.item.s-30,
.s-30 {
	width: 30%
}

.item.s-35,
.s-35 {
	width: 35%
}

.item.s-40,
.s-40 {
	width: 40%
}

.item.s-45,
.s-45 {
	width: 45%
}

.item.s-50,
.s-50 {
	width: 50%
}

.item.s-55,
.s-55 {
	width: 55%
}

.item.s-60,
.s-60 {
	width: 60%
}

.item.s-65,
.s-65 {
	width: 65%
}

.item.s-70,
.s-70 {
	width: 70%
}

.item.s-75,
.s-75 {
	width: 75%
}

.item.s-80,
.s-80 {
	width: 80%
}

.item.s-85,
.s-85 {
	width: 85%
}

.item.s-90,
.s-90 {
	width: 90%
}

.item.s-95,
.s-95 {
	width: 95%
}

.item.s-100,
.s-100 {
	width: 100%
}

.item.s-1-3,
.s-1-3 {
	width: 33.33333%
}

.item.s-2-3,
.s-2-3 {
	width: 66.66667%
}

.item.s-3-3,
.s-3-3 {
	width: 100%
}

.item.s-1-6,
.s-1-6 {
	width: 16.66667%
}

.item.s-2-6,
.s-2-6 {
	width: 33.33333%
}

.item.s-3-6,
.s-3-6 {
	width: 50%
}

.item.s-4-6,
.s-4-6 {
	width: 66.66667%
}

.item.s-5-6,
.s-5-6 {
	width: 83.33333%
}

.item.s-6-6,
.s-6-6 {
	width: 100%
}

@media (min-width:640px) {
	.item.m-5,
	.m-5 {
		width: 5%
	}
	.item.m-10,
	.m-10 {
		width: 10%
	}
	.item.m-15,
	.m-15 {
		width: 15%
	}
	.item.m-20,
	.m-20 {
		width: 20%
	}
	.item.m-25,
	.m-25 {
		width: 25%
	}
	.item.m-30,
	.m-30 {
		width: 30%
	}
	.item.m-35,
	.m-35 {
		width: 35%
	}
	.item.m-40,
	.m-40 {
		width: 40%
	}
	.item.m-45,
	.m-45 {
		width: 45%
	}
	.item.m-50,
	.m-50 {
		width: 50%
	}
	.item.m-55,
	.m-55 {
		width: 55%
	}
	.item.m-60,
	.m-60 {
		width: 60%
	}
	.item.m-65,
	.m-65 {
		width: 65%
	}
	.item.m-70,
	.m-70 {
		width: 70%
	}
	.item.m-75,
	.m-75 {
		width: 75%
	}
	.item.m-80,
	.m-80 {
		width: 80%
	}
	.item.m-85,
	.m-85 {
		width: 85%
	}
	.item.m-90,
	.m-90 {
		width: 90%
	}
	.item.m-95,
	.m-95 {
		width: 95%
	}
	.item.m-100,
	.m-100 {
		width: 100%
	}
	.item.m-1-3,
	.m-1-3 {
		width: 33.33333%
	}
	.item.m-2-3,
	.m-2-3 {
		width: 66.66667%
	}
	.item.m-3-3,
	.m-3-3 {
		width: 100%
	}
	.item.m-1-6,
	.m-1-6 {
		width: 16.66667%
	}
	.item.m-2-6,
	.m-2-6 {
		width: 33.33333%
	}
	.item.m-3-6,
	.m-3-6 {
		width: 50%
	}
	.item.m-4-6,
	.m-4-6 {
		width: 66.66667%
	}
	.item.m-5-6,
	.m-5-6 {
		width: 83.33333%
	}
	.item.m-6-6,
	.m-6-6 {
		width: 100%
	}
}

@media (min-width:1024px) {
	.item.l-5,
	.l-5 {
		width: 5%
	}
	.item.l-10,
	.l-10 {
		width: 10%
	}
	.item.l-15,
	.l-15 {
		width: 15%
	}
	.item.l-20,
	.l-20 {
		width: 20%
	}
	.item.l-25,
	.l-25 {
		width: 25%
	}
	.item.l-30,
	.l-30 {
		width: 30%
	}
	.item.l-35,
	.l-35 {
		width: 35%
	}
	.item.l-40,
	.l-40 {
		width: 40%
	}
	.item.l-45,
	.l-45 {
		width: 45%
	}
	.item.l-50,
	.l-50 {
		width: 50%
	}
	.item.l-55,
	.l-55 {
		width: 55%
	}
	.item.l-60,
	.l-60 {
		width: 60%
	}
	.item.l-65,
	.l-65 {
		width: 65%
	}
	.item.l-70,
	.l-70 {
		width: 70%
	}
	.item.l-75,
	.l-75 {
		width: 75%
	}
	.item.l-80,
	.l-80 {
		width: 80%
	}
	.item.l-85,
	.l-85 {
		width: 85%
	}
	.item.l-90,
	.l-90 {
		width: 90%
	}
	.item.l-95,
	.l-95 {
		width: 95%
	}
	.item.l-100,
	.l-100 {
		width: 100%
	}
	.item.l-1-3,
	.l-1-3 {
		width: 33.33333%
	}
	.item.l-2-3,
	.l-2-3 {
		width: 66.66667%
	}
	.item.l-3-3,
	.l-3-3 {
		width: 100%
	}
	.item.l-1-6,
	.l-1-6 {
		width: 16.66667%
	}
	.item.l-2-6,
	.l-2-6 {
		width: 33.33333%
	}
	.item.l-3-6,
	.l-3-6 {
		width: 50%
	}
	.item.l-4-6,
	.l-4-6 {
		width: 66.66667%
	}
	.item.l-5-6,
	.l-5-6 {
		width: 83.33333%
	}
	.item.l-6-6,
	.l-6-6 {
		width: 100%
	}
}

@media (min-width:1440px) {
	.item.xl-5,
	.xl-5 {
		width: 5%
	}
	.item.xl-10,
	.xl-10 {
		width: 10%
	}
	.item.xl-15,
	.xl-15 {
		width: 15%
	}
	.item.xl-20,
	.xl-20 {
		width: 20%
	}
	.item.xl-25,
	.xl-25 {
		width: 25%
	}
	.item.xl-30,
	.xl-30 {
		width: 30%
	}
	.item.xl-35,
	.xl-35 {
		width: 35%
	}
	.item.xl-40,
	.xl-40 {
		width: 40%
	}
	.item.xl-45,
	.xl-45 {
		width: 45%
	}
	.item.xl-50,
	.xl-50 {
		width: 50%
	}
	.item.xl-55,
	.xl-55 {
		width: 55%
	}
	.item.xl-60,
	.xl-60 {
		width: 60%
	}
	.item.xl-65,
	.xl-65 {
		width: 65%
	}
	.item.xl-70,
	.xl-70 {
		width: 70%
	}
	.item.xl-75,
	.xl-75 {
		width: 75%
	}
	.item.xl-80,
	.xl-80 {
		width: 80%
	}
	.item.xl-85,
	.xl-85 {
		width: 85%
	}
	.item.xl-90,
	.xl-90 {
		width: 90%
	}
	.item.xl-95,
	.xl-95 {
		width: 95%
	}
	.item.xl-100,
	.xl-100 {
		width: 100%
	}
	.item.xl-1-3,
	.xl-1-3 {
		width: 33.33333%
	}
	.item.xl-2-3,
	.xl-2-3 {
		width: 66.66667%
	}
	.item.xl-3-3,
	.xl-3-3 {
		width: 100%
	}
	.item.xl-1-6,
	.xl-1-6 {
		width: 16.66667%
	}
	.item.xl-2-6,
	.xl-2-6 {
		width: 33.33333%
	}
	.item.xl-3-6,
	.xl-3-6 {
		width: 50%
	}
	.item.xl-4-6,
	.xl-4-6 {
		width: 66.66667%
	}
	.item.xl-5-6,
	.xl-5-6 {
		width: 83.33333%
	}
	.item.xl-6-6,
	.xl-6-6 {
		width: 100%
	}
}

.to-center {
	display: block;
	margin-right: auto;
	margin-left: auto
}



.full {
	max-width: 100%
}












.main-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}







.abcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}















.main-menu {
	z-index: 300;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	color: #af5352
}

.main-menu,
.main-menu ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav__logo { /* Estilo para el logo de navegación */
	max-width: 300px; /* Ancho máximo del contenedor del logo */
	
	/* Color highlighting when pressed on mobile devices */
	/*-webkit-tap-highlight-color: transparent;*/ /* Comentado, evita el color de resaltado en dispositivos móviles */
  }

.main-menu li {
	position: relative;
	list-style: none;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.main-menu li.parent-submenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.main-menu li.parent-submenu a {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.main-menu ul {
	display: none
}

@media screen and (max-width:1023px) {
	.main-menu ul.show-submenu {
		display: block;
		width: 100%;
		order: 3;
		margin-left: 1em;
		margin-bottom: .5em
	}
}

.main-menu a {
	display: block;
	line-height: 3em;
	padding: 0 1em
}

.main-menu a:hover {
	text-decoration: none
}

@media screen and (min-width:1024px) {
	.main-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.main-menu a {
		text-align: center
	}
	.main-menu .expand {
		display: none
	}
	.main-menu ul {
		position: absolute;
		left: 0;
		top: 100%;
		min-width: 100%;
		white-space: nowrap
	}
	.main-menu ul a {
		text-align: left
	}
	.main-menu ul ul {
		top: 0;
		left: 100%
	}
	.main-menu li:hover>ul {
		display: block
	}
}

.main-menu .expand-submenu {
	position: relative;
	right: 0;
	width: 3em;
	height: 3em;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media screen and (min-width:1024px) {
	.main-menu .expand-submenu {
		display: none
	}
}

.main-menu .expand-submenu:after {
	content: "";
	position: absolute;
	width: 40%;
	height: 40%;
	top: 20%;
	left: 30%;
	border-left: 0.45em solid;
	border-bottom: 0.45em solid;
	border-radius: 0.24em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.main-menu .expand-submenu.active {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (min-width:640px) {
	.main-menu {
		background: #e3e3bf;
	}
}

.main-menu li {
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	border: 3px solid transparent
}

.main-menu li:hover {
	border-top: 3px solid #A8605F
}

.main-menu li ul {
	background: #e3e3bf;
	z-index: 2000
}

.main-menu li ul li {
	border-bottom: 1px solid #A8605F
}

.main-menu li a {
	color: #3D352D
}

.main-nav {
	margin: 2.3em 0 0 0
}




.main-nav .btn {
    position: relative;
    display: inline-block;
    padding: 1px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1A82C9;
    font-size: 1rem;
    font-weight: bold;
    transition: .5s;
    overflow: hidden;
}

.main-nav .btn:hover {
    
    color: #050801;

    
}




@media screen and (max-width:1023px) {
	.main-nav {
		position: fixed;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		height: 100vh;
		z-index: 200;
		overflow-y: auto;
		width: 85%;
		right: -85%
	}
	.main-nav.show-menu {
		right: 0
	}
}

@media screen and (min-width:640px) {
	.main-nav {
		padding: .3em 0 .3em 0;
		margin: 0
	}
}

.nav-toggle {
	margin: .5em 0 .7em .5em;
	position: relative;
	z-index: 300;
	width: 30px;
	height: 20px;
	-webkit-box-shadow: 0 4px #A8605F inset;
	box-shadow: 0 4px #A8605F inset;
	cursor: pointer
}

.nav-toggle:after,
.nav-toggle:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #A8605F;
	bottom: 0
}

.nav-toggle:after {
	bottom: 8px
}

@media screen and (min-width:1024px) {
	.nav-toggle {
		display: none
	}
}



.main-header {
	position: sticky; /* O la posición que desees, si es necesario */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100; /* Asegúrate de que el z-index del menú sea mayor que el del contenido */
	background-color: #e3e3bf; /* O el color que desees */
}




.header__banner {
	padding: 0;
	position: relative
}










.main-footer {
	background: #3d4964;
	color: white;
	padding-top: 2em;
	margin-top: 1em;
	border-top: 10px solid #A8605F
}

.main-footer__container {
	margin: auto
}

.main-footer__title {
	color: white;
	font-size: 1em!important
}

.main-footer .footer-content .socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	position: relative;
	margin: 2em 0
}

.main-footer .footer-content .socials .icon {
	width: 2em;
	height: 2em;
	border-radius: 50%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #9d5655;
	background: white
}

.main-footer .footer-content .socials .icon:hover {
	color: white;
	text-decoration: none
}

.main-footer .footer-content .socials .icon-facebook:hover {
	border: 15px solid #3A5897
}

.main-footer .footer-content .socials .icon-twitter:hover {
	border: 15px solid #55ACEE
}

.main-footer .footer-content .socials .icon-youtube:hover {
	border: 15px solid #CC181E
}

.main-footer .footer-content .socials .icon-google:hover {
	border: 15px solid #DB4F48
}

.main-footer .footer-content .socials .icon-whatsapp:hover {
	border: 15px solid #28A619
}

.main-footer__list {
	list-style: none;
	padding: 0 0 0 .5em
}

.main-footer__list li {
	color: white
}

.main-footer__list li a {
	color: white
}

.main-footer__list--map a span {
	color: tomato;
	text-align: center;
	margin: .2em 0 .1em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 3em
}

.main-footer__list--map a span:hover {
	color: white
}

.main-footer__list--map a:hover {
	text-decoration: none
}

.main-footer__list--dir {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.h1 {
	font-size: 2.2em;
	font-family: 'PT Sans Narrow', sans-serif
}

.h2 {
	font-size: 1.8em;
	font-family: 'PT Sans Narrow', sans-serif
}

.h3 {
	font-size: 1.2em
}



.socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	position: relative;
	margin: 2em 0
}

.socials .icon {
	width: 2em;
	height: 2em;
	border-radius: 50%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border: 0px solid #1996E6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: white;
	background: #75c0f0
}

.socials .icon:hover {
	color: white;
	text-decoration: none
}

.socials .icon-facebook:hover {
	border: 15px solid #3A5897
}

.socials .icon-twitter:hover {
	border: 15px solid #55ACEE
}

.socials .icon-youtube:hover {
	border: 15px solid #CC181E
}

.socials .icon-google:hover {
	border: 15px solid #DB4F48
}

.socials .icon-whatsapp:hover {
	border: 15px solid #28A619
}





img {
	width: 100%;
	height: 100%
}




.main-about__content {
	margin: auto
}





*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	margin: 0;
	font-family: "Arsenal", sans-serif;
	background: #fbf4e7
}

img {
	max-width: 100%;
	height: auto
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}