@keyframes slideUp {
	from {
		transform: translate(0, 100px);
		opacity: 0
	}

	to {
		transform: translate(0, 0);
		opacity: 1
	}
}

body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp")
}

.opciones {
	display: flex;
	flex-direction: row;
	color: #fff;
	gap: 2rem;
	position: absolute;
	left: 55%;
	top: 20%;
	font-size: 19px
}

.opciones h3 a {
	color: #fff;
	text-decoration: none;
	left: 6%;
	top: 10%;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif
}

.direeciones {
	position: relative;
	color: #fff;
	padding: 0 15px;
	cursor: pointer;
	transition: color .3s ease
}

.direeciones h3 a {
	position: relative;
	top: 1rem
}

.direeciones:hover {
	transform: scale(1)
}

.direeciones:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 90%;
	background-color: #4da3cf;
	margin-right: -20px
}

.desktop-nav-header.active {
	color: #fff;
	padding-bottom: 5px
}

.desktop-nav-header.active::after {
	content: "";
	display: block;
	width: 103%;
	height: 3px;
	background-color: #ac4bc7;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px
}

.media {
	width: 25%;
	position: absolute;
	top: -3.1rem;
	gap: 3px;
	left: 37rem;
	z-index: 2;
	display: flex;
	flex-direction: row
}

.media img {
	width: 12rem;
	height: auto;
	padding: .5rem
}

.footer2 {
	width: 100%;
	position: absolute;
	height: 6rem
}

.navigation-container {
	width: 100%;
	height: 10rem;
	background-image: url("../images/fotos/Parques/imagenes/parte_superior.png");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	object-fit: contain;
	position: relative;
	z-index: 10
}

.navigation-container .logo-star-park {
	position: relative;
	top: -1.5rem
}

.navigation-container a {
	position: relative;
	top: 1.5rem;
	left: 3rem;
	width: 30rem;
	height: 6rem
}

.navigation-container a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all .3s ease-in-out
}

.navigation-container a img:hover {
	transform: scale(1.1)
}

.sidebar-menu,
.overlay,
.hamburger-menu {
	display: none
}

.visible-footer {
	height: 27%;
	position: absolute;
	top: 323%;
	right: 1rem;
	width: 90%;
	max-width: 500px;
	background: linear-gradient(135deg, #00bfb3, #231576);
	color: #fff;
	padding: 15px 25px;
	border-radius: 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
	font-family: "Segoe UI", Roboto, sans-serif;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: slideUp .5s ease-out
}

.visible-footer .header-footer {
	display: flex;
	align-items: center;
	gap: 15px;
	width: 100%
}

.visible-footer .header-footer span {
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: .5px;
	flex-grow: 1;
	text-align: center
}

.visible-footer .header-footer button {
	border: none;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer
}

.blog-footer {
	display: none
}

.header-footer {
	display: none;
	align-items: center;
	gap: 15px;
	width: 100%
}

.footer {
	font-family: Arial, sans-serif;
	width: 100%;
	background-image: url("../images/fotos/Home/imagenes/BACK_PIE.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	padding-top: 3rem;
	align-items: center;
	border-bottom: 18px solid #0a94ce
}

.footer-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

.footer-column {
	flex: 1;
	padding: 0 20px;
	flex-direction: row
}

.footer-column button {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	font-size: 20px;
	text-decoration: underline;
	cursor: pointer
}

.footer-column button:hover {
	color: rgba(0, 238, 255, .8274509804);
	text-decoration: underline
}

.footer-column ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center
}

.footer-column ul li {
	font-size: 20px;
	margin-bottom: 8px;
	position: relative;
	text-decoration: underline;
	color: #fff
}

.footer-column ul li a {
	color: #fff;
	text-decoration: none;
	transition: color .3s ease
}

.footer-column ul li a:hover {
	color: rgba(0, 238, 255, .8274509804);
	text-decoration: underline
}

.footer-column h3 {
	font-size: 25px;
	color: #fff;
	background-image: linear-gradient(#4da3cf, #4da3cf);
	background-size: 54% 4px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	font-weight: bold
}

.footer-column p {
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	margin: 10px
}

.footer-column a {
	color: #fff;
	text-decoration: none
}

.footer-column a:hover {
	color: rgba(0, 238, 255, .8274509804);
	text-decoration: underline
}

.footer-column:not(:last-child) {
	border-right: 3px solid #ac4fc6
}

.starpark-logo {
	width: 50%;
	height: 50%;
	display: contents
}

.starpark-logo img {
	width: 100%;
	height: auto
}

.redes-sociales {
	display: flex;
	justify-content: center;
	flex-direction: column
}

.redes-sociales h3 {
	text-align: center;
	font-size: 25px;
	color: #fff;
	background-image: linear-gradient(#4da3cf, #4da3cf);
	background-size: 54% 4px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px
}

.redes-sociales a {
	width: 5rem;
	height: 5rem;
	margin-top: .9rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	transition: all .5s ease-in-out
}

.redes-sociales a:hover {
	transform: scale(1.1)
}

.iconos {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1rem
}

.dominick-derecha {
	position: absolute;
	bottom: -17rem;
	right: 10.125rem;
	z-index: 5;
	top: 75rem;
	left: 80rem
}

.dominick-derecha i {
	display: none;
	top: 30rem;
	font-size: 4rem;
	padding-bottom: 2rem;
	filter: drop-shadow(0 0 10px rgb(93, 189, 204));
	transition: all .3s ease-in-out
}

.dominick-derecha i:hover {
	transform: scale(1.1)
}

.dominick-derecha a img {
	margin-top: .625rem;
	width: 11rem;
	height: auto;
	filter: drop-shadow(0 0 10px rgb(93, 189, 204));
	transition: all .3s ease-in-out
}

.dominick-derecha a img:hover {
	transform: scale(1.1)
}

.dominick-derecha .dropdown-dominick-content {
	position: absolute;
	left: 17rem;
	top: -13rem
}

.dominick-derecha .onomatopeya {
	display: none;
	font-family: monospace;
	white-space: nowrap;
	border-right: 4px solid;
	width: 0;
	position: absolute;
	top: -39px;
	left: -136px;
	color: #000;
	font-size: large;
	font-weight: bold;
	animation: typing 10s steps(24) infinite alternate, blink .5s infinite step-end;
	overflow: hidden
}

.dominick-derecha .imagen {
	display: none;
	position: absolute;
	top: -79px;
	left: -170px
}

.dominick-derecha .imagen img {
	width: 300px;
	height: 100px;
	color: #000
}

@keyframes typing {

	0%,
	10% {
		width: 0
	}

	40%,
	50% {
		width: 24ch
	}

	90%,
	100% {
		width: 0
	}
}

@keyframes blink {
	50% {
		border-color: rgba(0, 0, 0, 0)
	}
}

.dominick-derecha:hover .imagen,
.dominick-derecha:hover .onomatopeya {
	display: block
}
@media (min-width: 410px) and (max-width: 450px){
    .atracciones img{
    width: 246% !important;
    height: 78vh !important;
    left: -12rem;
    }
}
@media(min-width: 320px)and (max-width: 450px) {
    
	:root {
		font-size: calc(.6vw + .6vh + .6vmin)
	}
	.park-image-media{
	    top: -13rem !important;
	}
    .park-carousel-item{
        top: -412px !important;
    }
    .park-image-media-service{
        position: relative;
        top: 43rem;
    }
	.hamburger-menu {
		margin: 1rem 1rem 0 0;
		width: 5rem;
		height: 5rem;
		object-fit: contain;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: relative;
		z-index: 10
	}

	.hamburger-menu i {
		color: #fff;
		font-size: 3rem
	}

	.sidebar-menu {
		position: fixed;
		display: block;
		width: 15.625rem;
		height: 100vh;
		top: 0;
		right: -100%;
		background-color: #231884;
		z-index: 15;
		transition: .3s ease;
		padding-top: 3.75rem
	}

	.sidebar-menu ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	.sidebar-menu li {
		padding: 15px 25px;
		border-bottom: 1px solid hsla(0, 0%, 100%, .1)
	}

	.sidebar-menu svg {
		width: 30px;
		height: auto;
		position: relative;
		top: 10px;
		left: -10px
	}

	.sidebar-menu a {
		color: #fff;
		text-decoration: none;
		font-size: 1.2rem;
		display: block
	}

	.sidebar-menu a:hover {
		color: aqua
	}

	.svg.active {
		color: #fff
	}

	.home i {
		color: #fff;
		font-size: 2rem
	}

	.sidebar-menu.active {
		right: 0
	}

	.close-btn {
		position: absolute;
		top: 20px;
		right: 25px;
		cursor: pointer
	}

	.close-btn i {
		color: #fff;
		font-size: 2rem
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		z-index: 10;
		display: none
	}

	.overlay.active {
		display: block
	}

	.footer-column {
		justify-content: space-between;
		text-align: center
	}

	.footer-column ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	.footer-column li {
		margin-bottom: 10px;
		font-size: 20px
	}

	.footer-column h3 {
		font-size: 25px;
		color: #fff;
		background-image: linear-gradient(#4da3cf, #4da3cf);
		background-size: 54% 4px;
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 10px;
		text-align: center
	}

	.footer-column p {
		text-align: center;
		font-size: 18px;
		padding-top: 10px
	}

	.footer-column a {
		color: #fff;
		text-decoration: none;
		transition: color .3s ease
	}

	.footer-column a:hover {
		color: #4da3cf;
		text-decoration: underline
	}

	.footer-content {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.starpark-logo {
		width: 50%;
		height: 50%;
		display: contents
	}

	.starpark-logo img {
		width: 100%;
		height: auto
	}

	.footer-column h3 {
		font-size: 25px;
		color: #fff;
		background-image: linear-gradient(#4da3cf, #4da3cf);
		background-size: 54% 4px;
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 10px;
		text-align: center
	}

	.footer-column p {
		text-align: center;
		font-size: 18px;
		padding-top: 10px
	}

	.footer-column a {
		color: #fff
	}

	.footer-column:not(:last-child) {
		border-right: none
	}

	.navigation-container a {
		left: 0
	}

	.navigation-container a img {
		position: absolute;
		left: 1rem;
		width: 70%;
		height: 100%
	}

	.opciones {
		display: none
	}

	.dominick-derecha {
		position: relative;
		top: -59rem;
		left: 15rem;
		width: 24rem;
		height: auto;
		z-index: 100
	}

	.dominick-derecha a.dominik-icon {
		position: static;
		display: block;
		width: 100%;
		height: 100%
	}

	.dominick-derecha a.dominik-icon img {
		position: relative;
		left: -4rem;
		top: 0;
		width: 100%;
		height: auto;
		transition: all .3s ease-in-out
	}

	.dominick-derecha a.dominik-icon img:hover {
		transform: scale(1.1)
	}

	.dominick-derecha .onomatopeya {
		font-size: small;
		left: -208px;
		top: 8px;
	}

	.dominick-derecha .imagen {
		left: -231px;
		top: -33px;
	}

	.dominick-derecha .imagen img {
		width: 200px
	}

	.intersection .imagen,
	.intersection .onomatopeya {
		display: block;
		transition: opacity .8s ease, visibility .8s
	}

	.dominick-dropbtn {
		display: flex;
		background: none;
		border: none;
		cursor: pointer;
		padding: 0;
		position: fixed
	}

	.dominick-dropbtn img {
		width: 40%;
		left: 5rem;
		top: 1rem;
		position: relative
	}

	.redes-sociales {
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center
	}

	.redes-sociales h3 {
		font-size: 25px;
		color: #fff;
		background-image: linear-gradient(#4da3cf, #4da3cf);
		background-size: 54% 4px;
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 10px
	}

	.redes-sociales a {
		width: 5rem;
		height: 5rem;
		margin-top: .9rem;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		transition: all .5s ease-in-out
	}

	.redes-sociales a:hover {
		transform: scale(1.1)
	}

	.iconos {
		flex-direction: row;
		display: flex;
		gap: 2rem;
		position: relative;
		top: -2rem;
		justify-content: center
	}
	.park-carousel{
	    height: 46% !important;
	}
	.park-carousel-container{
	    height: 34vh !important;
	}
	.park-carousel-items{
	    height: 78.2% !important;
	}
	.park-image-media{
	    position: relative;
	    top:58rem !important;
	    left: 0 !important;
	    height: 208% !important;
	}
	.sede-container{
	    width: 100% !important;
	    top: 8.5% !important;
	    left: 0 !important;
	}
	.nave-container{
	    height: 51rem !important;
	}
}

@media(width: 1536px) {
	.dominick-derecha {
		bottom: -53rem;
		top: 63rem;
		left: 77rem
	}

	.opciones {
		left: 50%
	}

	.media {
		left: 33rem
	}
}

@media(width: 950px) {
	:root {
		font-size: calc(.6vw + .6vh + .6vmin)
	}

	.navigation-container a {
		left: 0
	}

	.navigation-container a img {
		width: 70%;
		height: 100%
	}

	.dominick-derecha {
		position: fixed;
		top: 1rem;
		right: 1rem;
		width: 10rem;
		height: auto;
		z-index: 100
	}

	.dominick-derecha a.dominik-icon {
		position: fixed;
		display: block;
		width: 100%;
		height: 100%
	}

	.dominick-derecha a.dominik-icon img {
		position: static;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		filter: drop-shadow(0 0 10px rgb(93, 189, 204));
		transition: all .3s ease-in-out
	}

	.dominick-derecha a.dominik-icon img:hover {
		transform: scale(1.1)
	}

	.footer {
		gap: .5rem
	}

	.footer li {
		margin: .1rem 0
	}

	.footer .redes-sociales a {
		width: 5.5rem;
		height: 0rem;
		margin-top: .9rem;
		border-radius: 50%;
		display: flex;
		justify-content: center
	}
}

@media(min-width: 1000px) {
	.footer {
		gap: 10rem
	}

	.footer li {
		margin: .5rem 0
	}

	.footer .redes-sociales a {
		width: 5rem;
		height: 5rem
	}
}

@media(width: 1366px) {
	.dominick-derecha {
		display: flex;
		bottom: -38rem;
		right: -7.875rem;
		width: 50%
	}

	.opciones {
		left: 45%
	}

	.media {
		left: 33rem
	}
}

@media(min-width: 1280px)and (max-width: 1440px) {
	:root {
		font-size: calc(.4vw + .4vh + .4vmin)
	}

	.dominick-derecha {
		bottom: -19rem;
		right: 9.125rem
	}

	.dominick-derecha img {
		position: relative
	}

	.opciones {
		gap: 1.3rem;
		left: 44%;
		top: 16%
	}

	.media {
		top: -1.8rem;
		gap: 3px;
		left: 46rem
	}
	.servicios-space-background{
	    height: 309vh !important;
	}
	.service-foot{
	    top: -139.4rem !important;
	}
}

@media(width: 800px) {
	.dominick-derecha {
		bottom: 40rem !important
	}
}

@media(min-width: 768px)and (max-width: 884px) {
	.navigation-container .direeciones {
		display: none
	}

	.dominick-derecha {
		bottom: 26rem;
		right: 14rem
	}

	.dominick-derecha a img {
		width: 6rem;
		height: auto;
		position: relative;
		left: 8rem;
		top: 1rem
	}

	.cc-parques .location-section {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 45rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 2rem
	}

	.hamburger-menu {
		margin: 1rem 1rem 0 0;
		width: 5rem;
		height: 5rem;
		object-fit: contain;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: relative;
		z-index: 10
	}

	.hamburger-menu i {
		color: #fff;
		font-size: 3rem
	}

	.sidebar-menu {
		position: fixed;
		display: block;
		width: 15.625rem;
		height: 100%;
		top: 0;
		right: -100%;
		background-color: #231884;
		z-index: 15;
		transition: .3s ease;
		padding-top: 3.75rem
	}

	.sidebar-menu svg {
		width: 30px;
		height: auto;
		position: relative;
		top: 10px;
		left: -10px
	}

	.sidebar-menu ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	.sidebar-menu li {
		padding: 15px 25px;
		border-bottom: 1px solid hsla(0, 0%, 100%, .1)
	}

	.sidebar-menu a {
		color: #fff;
		text-decoration: none;
		font-size: 1.2rem;
		display: block
	}

	.sidebar-menu a:hover {
		color: aqua
	}

	.sidebar-menu.active {
		right: 0
	}

	.close-btn {
		position: absolute;
		top: 20px;
		right: 25px;
		cursor: pointer
	}

	.close-btn i {
		color: #fff;
		font-size: 2rem
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		z-index: 10;
		display: none
	}

	.overlay.active {
		display: block
	}
}

@media(min-width: 800px)and (max-width: 834px) {
	.sidebar-menu {
		width: 32.625rem
	}

	.sidebar-menu a {
		font-size: 2.5rem
	}

	.sidebar-menu svg {
		width: 55px
	}
}

@media(min-width: 428px) and (max-width: 450px) {
	.dominick-derecha {
		top: -73rem !important;
		right: -33rem !important;
	}
	.dominick-derecha .dropdown-dominick-content{
	    top: -4rem;
	}
	.park-carousel-item{
	    top: 22px !important;
	}
	.background-header {
		height: 49rem !important;
	}

	.background-header .logo-container img{
		width: 100% !important;
		height: 12vh !important;
		position: relative !important;
		top: 1rem !important;
	}

	.background-header .logo-container img {
		width: 100% !important;
		height: 100% !important;
	}

	.nav-container .boton-derecho-1 {
		left: -12.5rem !important;
	}

	.nav-container a img {
		height: 4rem !important;
		width: 77px !important;
		left: .2rem !important;
		top: 0rem !important;
	}

	.inicio-video-container {
		top: -97px !important;
	}

	.inicio-video-container video {
		width: 110vw !important;
		top: -9rem !important;
		left: 1.5%!important;
	}

	.carousel-container .title-novedades img {
		top: 46rem !important;
	}

	.carousel-container .carousel {
		height: 40rem !important;
		top: 4rem !important;
	}

	.sedes {
		top: 15rem !important;
	}

	.mapa iframe {
		top: -13rem !important;
	}

	.footer_2 {
		top: 112rem !important;
		height: 8% !important;
	}
}

@media(width: 820px) {
	.dominick-derecha a img {
		position: relative;
		left: 8rem;
		top: 5rem
	}
}

@media(width: 834px) {
	.dominick-derecha a img {
		position: relative;
		left: 8rem;
		top: 5rem
	}
}

@media(width: 800px) {
	.dominick-derecha a img {
		position: relative;
		left: 6rem;
		top: -2rem
	}
}

.blog-space-background {
	background-image: url("../images/fotos/blog/imagenes/fondo.png");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto
}

.blog-img-container {
	width: 100%;
	height: 20rem;
	margin-bottom: 3.125rem
}

.blog-img-container img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
	gap: 1.875rem;
	width: 80%;
	margin: 0 auto;
	padding: 1.25rem
}

@supports(grid-auto-rows: 1fr) {
	.posts-grid .posts-grid {
		grid-auto-rows: 1fr
	}
}

.posts-grid .post-card {
	background: rgba(67, 51, 156, .548);
	border-radius: .9375rem;
	overflow: hidden;
	transition: transform .3s ease;
	display: flex;
	flex-direction: column;
	height: 100%
}

.posts-grid .post-card:hover {
	transform: translateY(-0.3125rem)
}

.posts-grid .post-card img {
	width: 100%;
	height: 12.5rem;
	object-fit: fill
}

.posts-grid .post-card .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0
}

.posts-grid .post-card .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.posts-grid .post-card .post-content {
	padding: 1.25rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%
}

.posts-grid .post-card .post-content h2 {
	color: #00f7ff;
	font-size: 1.5rem;
	margin-bottom: .625rem
}

.posts-grid .post-card .post-content p {
	color: #fff;
	margin-bottom: 1.25rem
}

.posts-grid .post-card .post-content .post-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: auto
}

.posts-grid .post-card .post-content .post-actions .read-more {
	color: #00f7ff;
	text-decoration: none;
	padding: .5rem 1rem;
	border: .0625rem solid #00f7ff;
	border-radius: .3125rem;
	transition: all .3s ease;
	display: inline-block
}

.posts-grid .post-card .post-content .post-actions .read-more:hover {
	background: rgba(35, 108, 110, .623);
	box-shadow: 0 0 .625rem rgba(28, 228, 235, .63)
}

@media(max-width: 48rem) {
	.posts-grid {
		grid-template-columns: 1fr;
		width: 90%
	}
}

@media(max-width: 36rem) {
	.post-card {
		min-height: 21.875rem
	}
}

.contact-space-background {
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	color: #fff
}

.contact-panel {
	padding-top: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100vw;
	height: 203vh
}

.contact-panel .informacion-contacto {
	width: 100%;
	position: relative;
	top: -4rem
}

.contact-panel .informacion-contacto .info-container {
	background-color: rgba(0, 0, 0, 0)
}

.contact-panel .informacion-contacto .info-container .monitor-container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.contact-panel .informacion-contacto .info-container .monitor-container img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	position: relative;
	top: -10.7rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos {
	position: absolute;
	width: 80%;
	height: 80%;
	top: 18rem;
	left: 52rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
	left: 15rem;
	top: -3rem;
	position: relative
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos img {
	width: 60%;
	height: auto;
	position: absolute;
	top: -0.5rem;
	left: 4rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
	position: relative;
	width: 19vw;
	height: 19vh
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
	position: relative;
	top: 15rem;
	left: 23rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
	width: 200%;
	height: auto;
	top: 7.9rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
	width: 100%;
	height: 40%;
	display: flex;
	flex-direction: row;
	position: relative;
	gap: 1rem;
	top: 114px;
	left: 16rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto h3 {
	position: relative;
	top: 1rem;
	left: 1rem
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
	width: 6vw;
	position: relative
}

.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img:hover {
	transform: scaleX(1)
}

.contact-panel .informacion-contacto .info-container .monitor-container .screen-overlay {
	position: absolute;
	top: 21%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 40%;
	display: flex;
	justify-content: center;
	align-items: center
}

.contact-panel .trabaja-con-nosotros {
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2
}

.contact-panel .trabaja-con-nosotros .contact-trabaja-banner {
	width: 100%;
	position: relative;
	left: 41px;
	top: -4rem
}

.contact-panel .formulario-contacto {
	width: 100%
}

.contact-panel .formulario-contacto .main-contact-form {
	position: relative;
	width: 100%
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-bgImage {
	width: 100%;
	bottom: 0
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
	position: absolute;
	top: 3rem;
	left: 35%;
	width: 35%
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input {
	margin-bottom: 1rem
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon {
	position: relative;
	display: flex;
	align-items: center
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon i {
	position: absolute;
	left: .625rem;
	margin: 1rem;
	font-size: 1.5rem;
	width: 2rem;
	text-align: center;
	color: #fff;
	z-index: 2
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon input,
.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon textarea {
	width: 100%;
	font-size: large;
	padding: 2rem .9375rem 2rem 5rem;
	background: linear-gradient(90deg, rgba(20, 48, 105, 0.84) 1%, rgb(16, 82, 132) 37%, rgb(16, 81, 135) 100%);
	border: .3rem solid #19b0b7;
	border-radius: 1rem;
	color: #fff;
	height: 0vh
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon textarea {
	height: 6.25rem;
	resize: none
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon label {
	position: absolute;
	font-size: medium;
	left: 5rem;
	color: hsla(0, 0%, 100%, .596);
	transition: all .3s ease;
	pointer-events: none
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input input:focus+label,
.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input input:valid+label,
.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input textarea:focus+label,
.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input textarea:valid+label {
	top: -0.625rem;
	left: 3rem;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	color: #00f7ff;
	background: rgba(0, 20, 40, .8);
	padding: .2rem .3125rem;
	border-radius: 2rem
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms {
	margin: 1rem 0;
	font-size: 1rem;
	display: flex;
	align-items: center
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms input[type=checkbox] {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .75rem;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0);
	border: .0625rem solid rgba(0, 247, 255, .5);
	border-radius: .25rem;
	position: relative;
	outline: none;
	top: .6rem
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms input[type=checkbox]:checked {
	background-color: rgba(0, 247, 255, .3);
	border-color: #00f7ff
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms input[type=checkbox]:checked::before {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1rem;
	color: #00f7ff;
	font-weight: bold
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms label {
	color: #19809f;
	text-align: center;
	position: relative;
	left: 10rem;
	font-size: larger;
	font-weight: normal
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms a {
	color: #fff;
	text-decoration: none;
	position: relative;
	left: -10rem
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
	width: 40%;
	padding: .75rem;
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	font-weight: bold;
	border-radius: 1rem;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .0625rem;
	transition: all .3s ease-in-out;
	display: flex;
	justify-content: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn:hover {
	transform: scale(1.1)
}

.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn img {
	width: 100%;
	height: 100%
}

.nombres {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px
}

.nombres .contact-form-input {
	flex: 1
}

.email {
	width: 100%;
	height: 90%
}

.info-complementaria {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px
}

.info-complementaria .contact-form-input {
	flex: 1
}

.comments input {
	border-radius: 1rem
}

.comments {
	width: 100%;
	height: 10%
}

.equipo-star-park {
	text-align: center
}

.equipo-star-park h3 {
	top: -1rem;
	left: 50rem
}

.footer-contact {
	position: absolute;
	top: 126rem;
	z-index: 5;
	width: 100%;
	height: 7vh
}

@media(min-width: 768px)and (max-width: 800px) {
	.equipo-star-park {
		position: relative;
		left: 40px
	}

	.contact-panel {
		height: 1721px
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container {
		width: 100px
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms {
		position: relative;
		top: 36px
	}

	.contact-panel .informacion-contacto .info-container .monitor-container {
		width: 100vw;
		margin: 0 auto;
		height: 60rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container img {
		width: 100%;
		height: 50%;
		top: 0rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos {
		width: 50%;
		height: 50%;
		top: 13rem;
		left: 10rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
		left: 14rem;
		top: -1.8rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos img {
		width: 100%;
		height: auto;
		left: 12.5rem;
		top: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		width: 40vw
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 5rem;
		left: 17.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		width: 47vw;
		height: auto;
		top: 2.2rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		width: 58%;
		left: 7.1rem;
		top: 5.7rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		width: 9vw;
		height: auto;
		left: 12rem;
		top: -1.5rem
	}

	.contact-panel .trabaja-con-nosotros .contact-trabaja-banner {
		width: 100%;
		height: auto;
		left: 0rem;
		top: -28rem
	}

	.contact-panel .formulario-contacto {
		width: 100%;
		position: relative;
		top: -29rem;
		height: 90%
	}

	.contact-panel .formulario-contacto .main-contact-form {
		overflow: hidden;
		height: 736px;
		width: 100%
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-bgImage {
		width: 150%;
		height: 60rem;
		transform: translateX(-18%)
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
		top: 6rem;
		left: 4rem;
		width: 100%;
		height: 70vh
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon input,
	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon textarea {
		width: 100%;
		font-size: large;
		padding: .5rem .9375rem 2rem 5rem;
		background: #383c94;
		border: .0625rem solid rgba(0, 247, 255, .842);
		border-radius: 1rem;
		color: #fff;
		height: 30px
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
		width: 50%;
		position: relative;
		top: 4rem;
		left: -3rem
	}

	.nombres {
		width: 85%
	}

	.nombres .contact-form-input {
		flex: 1
	}

	.info-complementaria {
		width: 85%;
		position: relative;
		top: 30px
	}

	.info-complementaria .contact-form-input {
		flex: 1
	}

	.email {
		width: 85%;
		height: 3.5rem
	}

	.comments {
		width: 85%;
		position: relative;
		top: 30px
	}

	.footer-contact {
		top: 1861px
	}
}

@media(width: 800px) {
	.equipo-star-park h3 {
		position: relative;
		top: -1rem;
		left: -4rem
	}

	.contact-panel {
		height: 1250px
	}

	.contact-panel .formulario-contacto .main-contact-form {
		height: 80vh
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
		left: 5rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
		top: 1rem
	}

	.contact-panel .informacion-contacto {
		top: -6rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		left: 20.4rem
	}

	.nombres {
		width: 82%
	}

	.info-complementaria {
		width: 82%
	}

	.email {
		width: 82%
	}

	.comments {
		width: 82%
	}

	.footer-contact {
		top: 86rem
	}
}

@media(width: 820px) {
	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		width: 58%;
		left: 7.1rem;
		top: 5.7rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		width: 8vw;
		top: -1rem !important;
		left: 11rem !important
	}
}

@media(min-width: 820px)and (max-width: 834px) {
	.contact-panel {
		height: 1223px
	}

	.contact-panel .informacion-contacto {
		width: 925px
	}

	.contact-panel .informacion-contacto .info-container .monitor-container img {
		top: -3rem;
		height: auto
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos {
		top: 11rem;
		left: 15.8rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		top: .5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		width: 45vw;
		top: 2.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		left: 16.5rem;
		top: 5rem;
		width: 100vh
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		width: 8vw;
		top: -6.5rem;
		left: 12rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
		top: -1rem;
		left: 12.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos img {
		width: 60%;
		left: 11rem;
		top: 1.5rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
		width: 100%;
		left: 5rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
		position: relative;
		left: -4rem
	}

	.equipo-star-park {
		position: relative;
		left: -4rem
	}

	.equipo-star-park h3 {
		position: relative;
		font-size: 3.5px
	}

	.trabaja-con-nosotros .contact-trabaja-banner {
		top: 0rem !important
	}

	.nombres {
		width: 81.5%
	}

	.info-complementaria {
		width: 81.5%
	}

	.email {
		width: 81.5%
	}

	.comments {
		width: 81.5%
	}

	.footer-contact {
		top: 86rem
	}
}

@media(min-width: 834px)and (max-width: 840px) {
	.contact-panel {
		width: 100%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		top: -2.9rem;
		left: 2.7rem
	}

	.media-contacto {
		width: 100%;
		gap: 0;
		left: 6.45rem;
		top: 11.3rem
	}

	.media-contacto a {
		top: -4.9rem;
		left: 0rem
	}

	.email {
		width: 82%
	}

	.comments {
		width: 82%
	}

	.equipo-star-park h3 {
		position: relative;
		left: 0rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms {
		position: relative;
		left: .6rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms a {
		left: 1rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms label {
		left: 21rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms input[type=checkbox] {
		left: 21rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn img {
		position: relative;
		left: 0rem;
		width: 70%;
		top: -2rem
	}

	.footer-contact {
		top: 85rem
	}
}

@media(width: 1536px) {
	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
		top: -2rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms label {
		left: 5rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms a {
		left: -5rem
	}

	.contact-panel .trabaja-con-nosotros .contact-trabaja-banner {
		top: -6rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container img {
		top: -8.7rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos img {
		width: 50%;
		top: -3.5rem;
		left: -13rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
		left: -5rem;
		top: -6rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		width: 50%;
		position: relative
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 5rem;
		left: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		top: .5rem;
		width: 90%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		display: flex;
		flex-direction: row;
		position: relative;
		width: 80%;
		top: 4.6rem;
		left: 10rem;
		gap: 2rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		width: 110%;
		position: relative;
		left: -10.5rem;
		top: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img:hover {
		top: .5rem
	}

	.footer-contact {
		top: 104rem
	}
}

@media(min-width: 360px)and (max-width: 450px) {
	.info-complementaria {
		top: 30px;
		position: relative;
		padding-bottom: 22px
	}

	.contact-space-background {
		height: 850px
	}

	.info-container {
		top: 0;
		height: auto
	}

	.contact-panel {
		height: 694px
	}

	.contact-panel .formulario-contacto {
		position: absolute;
		top: 352px;
		height: 55vh
	}

	.contact-panel .formulario-contacto .main-contact-form {
		height: 50vh
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms {
		position: relative;
		top: 30px
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms a {
		left: 0rem
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-terms input[type=checkbox] {
		left: 10rem
	}

	.contact-panel .informacion-contacto {
		position: absolute;
		top: 10rem;
		left: -1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container {
		width: 353px;
		margin: 0 auto;
		height: auto
	}

	.contact-panel .informacion-contacto .info-container .monitor-container img {
		width: 100%;
		height: 100%;
		top: -2.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
		top: -24.5px;
		left: 1rem;
		width: 192px;
		font-size: 10px
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos {
		width: 178px;
		height: auto;
		top: 9.5rem;
		left: 46%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos img {
		width: 100%;
		height: auto;
		left: 0rem !important;
		top: .1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		width: 80%;
		top: -2rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 3rem;
		left: 5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		width: 100%;
		top: 1.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		width: 100%;
		height: 40%;
		display: flex;
		flex-direction: row;
		position: relative;
		gap: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto h3 {
		position: relative;
		top: 1rem;
		left: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		width: 8vw;
		position: relative;
		left: 5.3rem !important;
		top: 2.8rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img:hover {
		top: .5rem
	}

	.contact-panel .trabaja-con-nosotros {
		height: 100%;
		position: absolute;
		top: 415px
	}

	.contact-panel .trabaja-con-nosotros .contact-trabaja-banner {
		position: absolute;
		width: 353px;
		height: auto;
		left: 0rem;
		top: -120px;
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-bgImage {
		width: 150%;
		height: 60rem;
		transform: translateX(-18%)
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form {
		left: 0rem;
		width: 100%;
		height: 50vh;
		z-index: 2
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon input,
	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon textarea {
		width: 100%;
		height: 30px;
		font-size: large;
		padding: .5rem .9375rem 2rem 5rem;
		background: #383c94;
		border: .0625rem solid rgba(0, 247, 255, .842);
		border-radius: 1rem;
		color: #fff
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon input::placeholder,
	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-form-input .contact-input-icon textarea::placeholder {
		color: #fff;
		background: #383c94;
		font-size: 14px
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
		width: 50%;
		top: 15px;
		position: relative
	}

	.email {
		height: 31px;
		width: 100%
	}

	.comentarios {
		height: 100%;
		margin-top: 10px
	}

	.comments {
		width: 100%
	}

	.number::placeholder {
		text-align: center;
		top: .5rem;
		position: relative;
		color: #7e878d
	}

	.number {
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.footer-contact {
		top: 830px;
		height: 5vh
	}
}

@media(min-width: 428px)and (max-width: 450px) {
	.contact-panel .trabaja-con-nosotros .contact-trabaja-banner {
		top: -12%;
		left: 4rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos {
		top: 7.9rem;
		left: 47%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		top: 0rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 2rem;
		left: 3.5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		max-width: 112%;
		top: 1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		left: -2rem;
		top: -1rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		left: 6.3rem;
		top: 2.8rem
	}
	.park-info{
	    flex-direction: column;
	}
	.hablemos-content{
	    flex-direction: column;
	}
}

@media(width: 360px) {
	.footer-contact {
		top: 827px
	}

	.media-contacto {
		left: 4.2rem !important;
		top: 3.7rem !important
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		width: 89%;
		top: 2.95rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 4rem;
		left: 3rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto img {
		top: -0.5rem !important;
		left: -0.7rem !important
	}
}

@media(min-width: 1280px)and (max-width: 1440px) {
	.footer-contact {
		top: 149rem;
		height: 7vh
	}

	.contact-panel .formulario-contacto .main-contact-form .contact-form-container .contact-form .contact-register-btn {
		width: 100%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos h3 {
		font-size: large;
		left: 11rem;
		top: -5rem
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto {
		position: relative;
		width: 167px;
		height: auto
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto h3 {
		top: 100px;
		left: 98px;
		width: 150%
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto img {
		max-width: 353px;
		height: auto;
		display: block;
		margin: 0 auto;
		top: 75px
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto {
		display: flex;
		justify-content: center;
		align-items: center;
		left: 122px;
		top: 28px
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto a img {
		width: 65px;
		height: auto;
		object-fit: contain;
		transition: transform .2s ease
	}

	.contact-panel .informacion-contacto .info-container .monitor-container .escribenos .redes-sociales-contacto .media-contacto a img:hover {
		transform: scale(1.1)
	}
}

.cotizar-space-background {
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: 100% 100%;
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	color: #fff
}

.cotizacion-container {
	width: 70%;
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 5rem 0;
	z-index: 2
}

.cotizacion-container .hologram-panel {
	width: 100%;
	background: rgba(0, 20, 40, .8);
	border-radius: 1.25rem;
	padding: 2.5rem;
	box-shadow: 0 0 1.875rem rgba(0, 247, 255, .2);
	border: .0625rem solid rgba(0, 247, 255, .1)
}

.cotizacion-container .hologram-panel .panel-header {
	text-align: center;
	margin-bottom: 2.5rem
}

.cotizacion-container .hologram-panel .panel-header h1 {
	color: #00f7ff;
	font-size: 2.5rem;
	margin: 1.25rem 0;
	text-shadow: 0 0 .9375rem rgba(0, 247, 255, .5)
}

.cotizacion-container .hologram-panel .form-section {
	width: 100%;
	margin-bottom: 2.5rem
}

.cotizacion-container .hologram-panel .form-section h3 {
	color: #00f7ff;
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
	letter-spacing: .125rem;
	text-transform: uppercase
}

.cotizacion-container .hologram-panel .form-section .service-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
	gap: 1.25rem;
	margin-top: 1.25rem
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option {
	cursor: pointer
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option input[type=radio] {
	display: none
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option input[type=radio]:checked+.option-content {
	background: rgba(0, 247, 255, .1);
	border-color: #00f7ff;
	box-shadow: 0 0 1.25rem rgba(0, 247, 255, .3)
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option .option-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	background: rgba(0, 0, 0, .3);
	border: .125rem solid rgba(0, 247, 255, .2);
	border-radius: 1rem;
	transition: all .3s ease
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option .option-content:hover {
	transform: scale(1.05)
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option .option-content img {
	width: 100%;
	height: 100%;
	border-radius: 2.1rem
}

.cotizacion-container .hologram-panel .form-section .service-options .service-option .option-content span {
	color: #fff;
	font-size: 1.1rem
}

.cotizacion-container .hologram-panel .form-section .form-grid {
	display: grid;
	text-align: center;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: .5rem
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group {
	width: 100%;
	height: 4rem;
	position: relative;
	margin-bottom: 1.25rem
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group input[type=date] {
	color-scheme: dark
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group input,
.cotizacion-container .hologram-panel .form-section .form-grid .input-group select {
	width: 90%;
	height: 90%;
	padding: .625rem 1rem;
	background: rgba(0, 0, 0, .3);
	border: .0625rem solid rgba(0, 247, 255, .2);
	border-radius: .8rem;
	color: #fff;
	font-size: 1.5rem;
	transition: all .3s ease
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group input:focus,
.cotizacion-container .hologram-panel .form-section .form-grid .input-group select:focus {
	border-color: #00f7ff;
	box-shadow: 0 0 .625rem rgba(0, 247, 255, .2);
	outline: none
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group select {
	width: 100%;
	height: 100%;
	height: 5rem
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group label {
	position: absolute;
	left: 1rem;
	top: 27%;
	transform: translateY(-50%);
	color: hsla(0, 0%, 100%, .6);
	transition: all .3s ease;
	pointer-events: none;
	font-size: 1.2rem
}

.cotizacion-container .hologram-panel .form-section .form-grid .input-group input:focus+label,
.cotizacion-container .hologram-panel .form-section .form-grid .input-group input:valid+label {
	top: -0.625rem;
	left: .625rem;
	font-size: 1rem;
	color: #00f7ff;
	background: rgba(0, 20, 40, .8);
	padding: 0 .3125rem
}

.cotizacion-container .hologram-panel .form-section .full-width {
	width: 100%;
	height: 6rem;
	position: relative;
	margin-bottom: 1.25rem;
	display: flex;
	justify-content: center
}

.cotizacion-container .hologram-panel .form-section .full-width textarea {
	width: 100%;
	height: 90%;
	padding: .625rem .9375rem;
	background: rgba(0, 0, 0, .3);
	border: .0625rem solid rgba(0, 247, 255, .2);
	border-radius: .8rem;
	color: #fff;
	font-size: 1.4rem;
	resize: none;
	transition: all .3s ease
}

.cotizacion-container .hologram-panel .form-section .full-width textarea:focus {
	border-color: #00f7ff;
	box-shadow: 0 0 .625rem rgba(0, 247, 255, .2);
	outline: none
}

.cotizacion-container .hologram-panel .submit-button {
	margin: 0 auto;
	width: 50%;
	padding: .9375rem 1.875rem;
	background: rgba(0, 0, 0, 0);
	border: .125rem solid #00f7ff;
	color: #00f7ff;
	font-size: 1.2rem;
	letter-spacing: .125rem;
	border-radius: .3125rem;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
	left: 25%
}

.cotizacion-container .hologram-panel .submit-button:hover {
	background: #00f7ff;
	color: #000;
	box-shadow: 0 0 1.25rem rgba(0, 247, 255, .4)
}

.cotizacion-container .hologram-panel .submit-button .button-effect {
	position: absolute;
	background: rgba(0, 247, 255, .2);
	transform: translate(-50%, -50%);
	pointer-events: none;
	border-radius: 50%;
	animation: ripple 1s linear infinite
}

@keyframes ripple {
	0% {
		width: 0;
		height: 0;
		opacity: .5
	}

	100% {
		width: 31.25rem;
		height: 31.25rem;
		opacity: 0
	}
}

@media(max-width: 768px) {
	.cotizacion-container {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}

	.cotizacion-container .hologram-panel {
		width: 90%;
		padding: 1rem;
		margin: 0 3rem;
		border: none
	}

	.hologram-panel {
		padding: 1.25rem
	}

	.service-options {
		grid-template-columns: 1fr
	}

	.panel-header h1 {
		font-size: 1.8rem
	}
}

.nempresa-space-background {
background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto
}

.main-title {
	width: 100%;
	height: 20rem;
	margin-bottom: 3rem
}

.main-title img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.about-container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center
}

.about-container .content-wrapper {
	display: flex;
	gap: 2rem;
	padding: 4rem 5rem;
	align-items: flex-start
}

.about-container .dominic-container {
	width: 30%;
	height: 100%;
	position: sticky;
	top: 10rem
}

.about-container .dominic-container .dominic {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: float 6s ease-in-out infinite
}

.about-container .dominic-container .dominic img {
	width: 100%;
	height: 100%
}

.about-container .text-content {
	flex: 1;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 0 30px rgba(26, 170, 175, .541)
}

.about-container .text-content h2 {
	color: #fff;
	animation: smallNeonPulse 3s ease-in-out infinite alternate;
	text-align: center;
	font-size: 1.8em;
	margin: 2rem 2rem
}

.about-container .text-content p {
	color: #fff;
	line-height: 1.8;
	margin: 2rem 2rem;
	font-size: 1.1em
}

.about-container .locations {
	margin-top: 30px
}

.about-container .dominic-mobile {
	display: none
}

.about-container .locations p {
	color: #fff;
	margin-bottom: .8rem;
	font-size: 1.2rem;
	font-weight: bold
}

.footer-company {
	background: none;
	position: absolute;
	top: 88rem;
	width: 100%
}

.footer-company img {
	height: 7vh;
	width: 100%
}

@keyframes smallNeonPulse {
	from {
		text-shadow: 0 0 5px #d86464, 0 0 10px #d86464, 0 0 15px #d86464
	}

	to {
		text-shadow: 0 0 2.5px #8400ff, 0 0 5px #8400ff, 0 0 7.5px #8400ff
	}
}

@keyframes float {
	0% {
		transform: translateY(0px)
	}

	50% {
		transform: translateY(-20px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes twinkle {
	from {
		background-position: 0 0, 40px 60px, 130px 270px
	}

	to {
		background-position: -550px 0, -350px 60px, -250px 270px
	}
}

@media(max-width: 768px) {
	.main-title {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 0
	}

	.main-title img {
		width: 80%;
		height: 80%
	}

	.about-container .content-wrapper {
		padding: 2rem
	}

	.about-container .content-wrapper .text-content {
		padding: 0 0 1rem 0
	}

	.dominic-container {
		display: none
	}

	.locations-dominic {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.locations-dominic .locations {
		flex: 0 0 60%
	}

	.locations-dominic .dominic-mobile {
		flex: 0 0 40%;
		display: block
	}

	.locations-dominic .dominic-mobile img {
		width: 100%;
		height: auto;
		object-fit: contain
	}

	.main-title {
		font-size: 2.5em
	}
}

@media(max-width: 1280px) {
	.footer-company {
		top: 92rem
	}
}

@media(min-width: 360px)and (max-width: 480px) {
	.footer-company {
		top: 103rem
	}
}

@media(min-width: 768px)and (max-width: 800px) {
	.footer-company {
		top: 97rem
	}
}

@media(max-width: 800) {
	.footer-company {
		top: 137rem
	}
}

@media(min-width: 820px)and (max-width: 880px) {
	.footer-company {
		top: 106rem
	}
}

.body {
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp")
}

.fondo-header {
	width: 100%;
	height: 2.5rem
}

.fondo-header img {
	width: 100%
}

.social-media {
	width: 100%;
	position: absolute;
	top: -0.2rem;
	left: 92rem;
	z-index: 2
}

.social-media img {
	width: 4rem;
	height: auto;
	padding: .5rem
}

.index-space-background {
	background-color: #344ca0
}

.background-header {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 76rem;
	background-image: url("../images/fotos/Home/imagenes/centro_de_control.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	object-position: center;
	top: -3rem
}

.background-header .logo-container {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -2rem
}

.background-header .logo-container img {
	width: 40vw;
	height: 14vh;
	position: relative
}

.inicio-video-container {
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0
}

.inicio-video-container video {
	position: relative;
	left: 2.5%;
	z-index: 0;
	width: 58vw;
	height: 72vh;
	top: 3rem
}

.nav-container {
	position: absolute;
	top: 51%;
	left: 56%;
	transform: translateX(-50%);
	z-index: 3;
	display: grid;
	grid-template-columns: auto auto auto auto;
	justify-content: center;
	align-items: center
}

.nav-container .boton-izquierdo {
	position: relative;
	top: 1.1rem;
	left:29px;
}

.nav-container .button-center {
	position: relative;
	left: 1rem;
	top: -1rem
}

.nav-container .boton-derecho {
	position: relative;
	left: 0rem;
	top: 1rem
}

.nav-container .boton-derecho-1 {
	position: relative;
	left: -29rem;
	top: 3.5rem
}

.nav-container a img {
	width: 15rem;
	height: auto;
	position: relative;
	left: 1rem;
	top: -1rem;
	border-radius: 40%;
	transition: transform .3s ease-in-out
}

.nav-container a img:hover {
	transform: scale(1.1)
}

.nav-container .button-center {
	border-radius: .313rem;
	margin-top: -4%
}

.carousel-container {
background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	margin-top: 0;
	padding-bottom: 5rem;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.carousel-container .title-novedades {
	position: static;
	width: 100%;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	object-fit: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem
}

.carousel-container .title-novedades img {
	position: absolute;
	bottom: -45rem;
	width: 100%;
	max-width: 100%;
	margin: 0;
	display: block;
	z-index: 1
}

.carousel-container .carousel {
	top: 11rem;
	width: 100%;
	height: 52rem;
	position: relative;
	perspective: 62.5rem;
	border-radius: 1.25rem;
	overflow: hidden
}

.carousel-container .carousel .carousel-items {
	width: 100%;
	height: 43rem;
	position: relative;
	transform-style: preserve-3d;
	transition: transform .6s ease-out
}

.carousel-container .carousel .carousel-item {
	position: absolute;
	width: 23rem;
	height: 90%;
	top: 5%;
	bottom: 5%;
	left: 0;
	right: 0;
	margin: auto;
	background: #410645;
	border-radius: 2rem;
	box-shadow: 0 .8px 1.875rem rgba(86, 204, 186, .5);
	opacity: 0;
	overflow: hidden;
	transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
	transform: scale(0.8) translateY(0) translateZ(-400px);
	z-index: 0;
	object-fit: contain
}

.carousel-container .carousel .carousel-item .instagram-media {
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 2rem
}

.carousel-container .carousel .carousel-item.active {
	opacity: 1;
	transform: scale(1) translateX(0) translateY(0) translateZ(0);
	z-index: 5;
	box-shadow: 0 1rem 1rem rgba(56, 236, 236, .568)
}

.carousel-container .carousel .carousel-item.prev {
	opacity: .7;
	transform: scale(0.85) translateX(-90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.carousel-container .carousel .carousel-item.next {
	opacity: .7;
	transform: scale(0.85) translateX(90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.carousel-container .carousel .carousel-item.far-prev {
	opacity: .3;
	transform: scale(0.7) translateX(-180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.carousel-container .carousel .carousel-item.far-next {
	opacity: .3;
	transform: scale(0.7) translateX(180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.carousel-container .carousel .carousel-item.back {
	opacity: .3;
	transform: scale(0.6) translateY(10%) translateZ(-18.75rem);
	z-index: 0
}

.carousel-container .carousel .carousel-controls {
	position: relative;
	bottom: 6rem;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30rem
}

.carousel-container .carousel .carousel-controls .carousel-prev,
.carousel-container .carousel .carousel-controls .carousel-next {
	width: 2rem;
	height: 5rem;
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer;
	transition: all .3s ease;
	display: flex;
	align-items: center;
	justify-content: center
}

.carousel-container .carousel .carousel-controls .carousel-prev:hover,
.carousel-container .carousel .carousel-controls .carousel-next:hover {
	background: rgba(0, 0, 0, 0);
	transform: scale(1.1)
}

.carousel-container .carousel .carousel-controls .carousel-prev img,
.carousel-container .carousel .carousel-controls .carousel-next img {
	height: 14vh;
	position: relative;
	top: -454%;
	box-shadow: 0 .125rem .9rem, #63b5c0
}

.carousel-container .carousel .carousel-controls .carousel-indicators {
	display: flex;
	gap: 10px;
	position: relative;
	top: 4rem
}

.carousel-container .carousel .carousel-controls .carousel-indicators .indicator {
	width: 12px;
	height: 12px;
	background: #95a0a0;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.carousel-container .carousel .carousel-controls .carousel-indicators .indicator.active {
	background: #3bffff;
	transform: scale(1.2)
}

.footer_2 {
	position: absolute;
	top: 182rem;
	transform: rotate(1deg);
	z-index: 5;
	width: 100%;
	height: 15%
}

.footer_2 img {
	width: 100%;
	position: absolute;
	top: 1rem
}

.sedes {
	width: 100%;
	height: auto;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	top: 21rem
}

.sedes img {
	width: 100%;
	max-width: 100%;
	height: auto;
	position: relative;
	top: -9rem;
	z-index: 1
}

.mapa {
	transform: rotate(-0.99deg);
	width: 102%;
	display: flex;
	justify-content: center
}

.mapa iframe {
	position: relative;
	top: -17rem;
	left: 0;
	width: 100%;
	height: 56vh;
	max-width: 144rem;
	margin: 0 auto;
	display: block
}

@media(width: 800px) {
	.inicio-video-container {
		top: -3% !important
	}

	.mapa iframe {
		height: 32vh !important
	}
}

@media(min-width: 768px)and (max-width: 800px) {
	.nav-container .button-center {
		position: relative;
		left: .4rem
	}

	.inicio-video-container video {
		top: -12rem
	}

	.background-header {
		height: 31rem
	}

	.background-header .logo-container img {
		width: 50%;
		height: 9vh
	}

	.nav-container a img {
		width: 7rem;
		height: auto;
		left: .5rem;
		top: -0.5rem
	}

	.inicio-video-container {
		top: 6%
	}

	.carousel-container .carousel {
		top: 2rem;
		height: 45rem
	}

	.carousel-container .title-novedades img {
		max-width: 100%;
		width: 100%;
		top: 32rem
	}

	.sedes {
		top: 22rem
	}

	.sedes img {
		top: -13.5rem;
		width: 100%
	}

	.mapa iframe {
		height: 40vh;
		top: -17.2rem
	}

	.footer_2 {
		transform: rotate(0deg);
		top: 116rem;
		height: 9vh
	}

	.social-media {
		display: flex;
		flex-direction: row;
		position: relative;
		left: 76%;
		top: -28.5rem
	}

	.social-media img {
		width: 3rem;
		height: auto;
		padding: 0
	}
}

@media(min-width: 820px)and (max-width: 884px) {
	.background-header {
		height: 46rem
	}

	.background-header .logo-container img {
		width: 50%;
		height: 9vh
	}

	.nav-container a img {
		width: 7rem;
		height: 5rem;
		left: .5rem;
		top: -0.5rem
	}

	.inicio-video-container {
		top: 26%
	}

	.inicio-video-container video {
		width: 71vw;
		height: 40vh
	}

	.carousel-container .title-novedades img {
		top: 47rem
	}

	.sedes {
		top: 20rem
	}

	.sedes img {
		top: -10rem
	}

	.mapa {
		margin-bottom: 11px
	}

	.mapa iframe {
		top: -13.9rem;
		height: 30vh;
		transform: rotate(-1deg)
	}

	.footer_2 {
		top: 136rem;
		height: 8%;
		transform: rotate(0deg)
	}
}

@media(width: 1536px) {
	.nav-container a img {
		width: 14rem
	}

	.background-header .logo-container img {
		width: 70%;
		height: 100%
	}

	.inicio-video-container video {
		width: 82vw;
		height: 158vh;
		top: -18rem
	}

	.social-media {
		left: 80rem
	}

	.social-media img {
		width: 3rem;
		position: relative;
		top: .7rem
	}

	.carousel-container .carousel .carousel-controls {
		bottom: 1rem
	}

	.mapa iframe {
		top: -15.4rem
	}

	.footer_2 {
		top: 174rem;
		transform: rotate(1.3deg)
	}
}

@media(min-width: 1366px)and (max-width: 1400px) {
	.background-header {
		height: 75rem
	}

	.social-media {
		left: 67rem
	}

	.nav-container a img {
		width: 12rem;
		left: 1rem;
		top: -2rem
	}

	.inicio-video-container video {
		height: 111vh
	}

	.carousel-container .title-novedades img {
		top: 73rem
	}

	.sedes img {
		top: -11rem
	}

	.footer_2 {
		top: 169rem
	}
}

@media(min-width: 1280px)and (max-width: 1440px) {
	.fondo-header {
		width: 100%;
		height: 4.5rem
	}

	.fondo-header img {
		width: 100%
	}

	.background-header {
		height: 90rem
	}

	.background-header .logo-container img {
		width: 60%;
		height: 100%
	}

	.social-media {
		width: 14%;
		display: flex;
		flex-direction: row;
		left: 93rem
	}

	.inicio-video-container {
		top: 15%
	}

	.inicio-video-container video {
		width: 65vw;
		height: 64vh
	}

	.nav-container a img {
		width: 15.5rem;
		left: .9rem
	}

	.carousel-container .title-novedades img {
		top: 87rem
	}

	.carousel-container .carousel .carousel-controls .carousel-prev img,
	.carousel-container .carousel .carousel-controls .carousel-next img {
		top: -360%
	}

	.mapa iframe {
		top: -16rem
	}

	.footer_2 {
		top: 193rem
	}
}

@media(width: 1400px) {
	.background-header .logo-container img {
		width: 40vw;
		height: 11vh;
		left: -2rem;
		position: relative
	}

	.nav-container {
		gap: .5rem;
		top: 52.5%
	}

	.nav-container a img {
		width: 18rem;
		height: 7.5rem;
		position: relative;
		left: 1rem;
		top: .5rem
	}

	.inicio-video-container {
		top: 13%
	}

	.inicio-video-container video {
		width: 65vw;
		height: 72vh
	}
}

@media(min-width: 430px)and (max-width: 450px) {

	.nav-container .boton-derecho-1 {
		left: -13rem !important;
		top: 3rem;
	}
}

@media(min-width: 340px)and (max-width: 420px)and (max-height: 900px) {
	.fondo-header {
		width: 100%;
		height: 4.5rem
	}

	.fondo-header img {
		width: 100%
	}

	.social-media {
		width: 100%;
		top: -0.2rem;
		left: 24rem;
		display: none;
		visibility: hidden;
	}

	.social-media img {
		width: 4rem;
		height: auto;
		padding: .5rem
	}

	.index-space-background {
		background-color: #344ca0
	}

	.background-header {
		position: relative;
		overflow: hidden;
		z-index: 1;
		transform: scale(1);
		width: 120%;
		height: 44rem;
		left: -9rem;
		background-image: url("../images/fotos/Home/imagenes/centro_de_control.png");
		background-repeat: no-repeat;
		background-size: 107% 114%;
		object-position: center
	}

	.background-header .logo-container {
		position: relative;
		z-index: 2;
		display: flex;
		left: 7rem;
		justify-content: center;
		align-items: center;
		width: 80%;
		height: auto
	}

	.background-header .logo-container img {
		width: 100%;
		height: 100%;
		position: relative
	}

	.inicio-video-container {
		position: absolute;
		top: 29%;
		left: 17%;
		transform: translatex(-50%);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 0;
		width: 100%;
		object-fit: cover
	}

	.inicio-video-container video {
		position: relative;
		top: -16.5rem;
		left: 25%;
		height: 48vw;
		object-fit: cover;
		width: 51vh
	}

	.nav-container {
		position: absolute;
		top: 52%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.nav-container .boton-izquierdo {
		position: relative;
		top: -0.3rem;
		left: 2rem
	}

	.nav-container .button-center {
		left: 3rem;
		top: -1.7rem
	}

	.nav-container .boton-derecho {
		left: 3.6rem;
		top: -0.5rem
	}

	.nav-container a img {
		transform: scale(1.2);
		width: 18vw;
		height: auto;
		position: relative;
		left: 3.3rem;
		top: 3.8rem;
		border-radius: 40%;
		transition: transform .3s ease-in-out
	}

	.nav-container a img:hover {
		transform: scale(1.1)
	}

	.nav-container .button-center {
		border-radius: .313rem;
		margin-top: -4%
	}

	.nav-container .boton-derecho-1 {
		left: -12rem;
		top: 1.5rem
	}

	.carousel-container {
		width: 100%;
		height: 75rem;
		background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		object-fit: cover;
		object-position: center;
		margin-top: -15rem;
		margin-bottom: 0rem;
		padding-bottom: 20rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.carousel-container .title-novedades {
		position: absolute;
		width: 100%;
		z-index: 10;
		background-position: center;
		background-repeat: no-repeat;
		object-fit: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 28rem
	}

	.carousel-container .title-novedades img {
		position: relative;
		top: -18rem;
		width: 100%
	}

	.carousel-container .mapa {
		transform: rotate(-1deg)
	}

	.carousel-container .footer_2 {
		position: absolute;
		top: 72rem;
		width: 100%;
		height: 10%;
		transform: rotate(2.7deg)
	}

	.carousel-container .footer_2 img {
		width: 100%;
		position: absolute;
		top: 1rem
	}

	.carousel-container .carousel {
		top: 20rem;
		width: 100vw;
		height: 50rem;
		position: relative;
		perspective: 62.5rem;
		border-radius: 1.25rem;
		overflow: hidden
	}

	.carousel-container .carousel .carousel-items {
		width: 100%;
		height: 38rem;
		position: relative;
		transform-style: preserve-3d;
		transition: transform .6s ease-out;
		top: -1rem
	}

	.carousel-container .carousel .carousel-item {
		position: absolute;
		width: 23rem;
		height: 90%;
		top: 5%;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: auto;
		background: #410645;
		border-radius: 2rem;
		box-shadow: 0 .8px 1.875rem rgba(86, 204, 186, .5);
		opacity: 0;
		overflow: hidden;
		transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
		transform: scale(0.8) translateY(0) translateZ(-400px);
		z-index: 0;
		object-fit: contain
	}

	.carousel-container .carousel .carousel-item .instagram-media {
		width: 100%;
		height: 100%;
		border: none;
		border-radius: 2rem
	}

	.carousel-container .carousel .carousel-item.active {
		opacity: 1;
		transform: scale(1) translateX(0) translateY(0) translateZ(0);
		z-index: 5;
		box-shadow: 0 1rem 1rem rgba(56, 236, 236, .568)
	}

	.carousel-container .carousel .carousel-item.prev {
		opacity: .7;
		transform: scale(0.85) translateX(-90%) translateY(0) translateZ(-6.25rem);
		z-index: 2
	}

	.carousel-container .carousel .carousel-item.next {
		opacity: .7;
		transform: scale(0.85) translateX(90%) translateY(0) translateZ(-6.25rem);
		z-index: 2
	}

	.carousel-container .carousel .carousel-item.far-prev {
		opacity: .3;
		transform: scale(0.7) translateX(-180%) translateY(0) translateZ(-12.5rem);
		z-index: 1
	}

	.carousel-container .carousel .carousel-item.far-next {
		opacity: .3;
		transform: scale(0.7) translateX(180%) translateY(0) translateZ(-12.5rem);
		z-index: 1
	}

	.carousel-container .carousel .carousel-item.back {
		opacity: .3;
		transform: scale(0.6) translateY(10%) translateZ(-18.75rem);
		z-index: 0
	}

	.carousel-container .carousel .carousel-controls {
		position: relative;
		bottom: 6rem;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30rem;
		display: none
	}

	.carousel-container .carousel .carousel-controls .carousel-prev,
	.carousel-container .carousel .carousel-controls .carousel-next {
		width: 2rem;
		height: 5rem;
		background: rgba(0, 0, 0, 0);
		border: none;
		cursor: pointer;
		transition: all .3s ease;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.carousel-container .carousel .carousel-controls .carousel-prev:hover,
	.carousel-container .carousel .carousel-controls .carousel-next:hover {
		background: rgba(0, 0, 0, 0);
		transform: scale(1.1)
	}

	.carousel-container .carousel .carousel-controls .carousel-prev img,
	.carousel-container .carousel .carousel-controls .carousel-next img {
		height: 15vh;
		box-shadow: 0 .125rem .9rem, #63b5c0
	}

	.carousel-container .carousel .carousel-controls .carousel-indicators {
		display: flex;
		gap: 10px
	}

	.carousel-container .carousel .carousel-controls .carousel-indicators .indicator {
		width: 12px;
		height: 12px;
		background: #95a0a0;
		border-radius: 50%;
		cursor: pointer;
		transition: all .3s ease-in-out
	}

	.carousel-container .carousel .carousel-controls .carousel-indicators .indicator.active {
		background: #3bffff;
		transform: scale(1.2)
	}

	.sedes {
		width: 100%;
		height: auto;
		top: 13rem
	}

	.sedes img {
		width: 100%;
		height: 8vh;
		position: relative;
		top: -0.5rem;
		z-index: 1
	}
}

@media(width: 415px)and (max-width: 430px)and (min-height: 812px) {
	.nav-container .boton-derecho-1 {
		left: -12.4rem !important;
		top: 1rem;
	}
}

@media(max-width: 600px) {
	.carousel-container {
		padding-bottom: 1rem
	}

	.carousel-container .title-novedades {
		margin-bottom: 1rem
	}

	.carousel-container .title-novedades img {
		max-width: 100%;
		width: 100%
	}

	.carousel-container .carousel {
		max-width: 100vw;
		top: 11rem;
		height: 33rem
	}

	.sedes {
		margin-top: 1rem
	}

	.sedes img {
		max-width: 100%;
		margin-bottom: 1rem
	}

	.mapa iframe {
		max-width: 110%;
		height: 115%;
		top: -5rem
	}
}

@media(width: 428px) and (min-width:450px ) {
	.background-header {
		height: 56rem !important;
	}
    .dominick-container{
        width: 60%;
    }
	.background-header .logo-container img{
		width: 100%;
		height: 12vh;
		position: relative;
	}

	.background-header .logo-container img {
		width: 100%;
		height: 100%
	}

	.nav-container .boton-derecho-1 {
		left: -12.5rem
	}

	.nav-container a img {
		height: 4rem;
		width: 64px;
		left: .2rem;
		top: 0rem
	}

	.inicio-video-container {
		top: -97px
	}

	.inicio-video-container video {
		width: 110vw;
		top: 2rem;
		left: 1.5%
	}

	.carousel-container .title-novedades img {
		top: 53rem
	}

	.carousel-container .carousel {
		height: 40rem;
		top: 4rem
	}

	.sedes {
		top: 15rem
	}

	.mapa iframe {
		top: -13rem
	}

	.footer_2 {
		top: 120rem;
		height: 8%
	}
}

@keyframes bounce {
	0% {
		translate: 0 0
	}

	50% {
		translate: 0 -20px
	}

	100% {
		translate: 0 0
	}
}

@keyframes slideUp {
	from {
		transform: translate(0, 100px);
		opacity: 0
	}

	to {
		transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes zoom {
	0% {
		filter: drop-shadow(0 0 5px #298fec) drop-shadow(0 0 15px #298fec)
	}

	50% {
		filter: drop-shadow(0 0 15px #298fec) drop-shadow(0 0 15px #298fec)
	}

	100% {
		filter: drop-shadow(0 0 5px #298fec) drop-shadow(0 0 15px #298fec)
	}
}

.sedes-space-background {
	width: 100%;
	height: auto;
	background-color: #314c9c
}

.info-parques-floor {
background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.nave-container {
	position: relative;
	z-index: 2;
	top: -10rem;
	left: 0;
	width: 100%;
	height: 60rem
}

.nave-container img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	position: relative;
	z-index: 2
}

.flechas {
	width: 50%;
	height: auto;
	position: absolute;
	top: 35rem;
	left: -7rem;
	z-index: 10;
	visibility: hidden;
}

.flechas img {
	width: 100%;
	height: auto;
	visibility: hidden;
}

.flechas {
	animation: bounce 2s ease-in-out infinite, zoom 1s ease-in-out infinite
}

.flechas-1 {
	width: 50%;
	height: auto;
	position: absolute;
	top: 35rem;
	left: 54rem;
	z-index: 10
}

.flechas-1 img {
	width: 100%;
	height: auto
}

.flechas-1 {
	animation: bounce 2s ease-in-out infinite, zoom 1s ease-in-out infinite
}

.sede-container {
	position: absolute;
	top: 12.5%;
	left: 30%;
	width: 40%;
	height: auto;
	z-index: 10
}

.sede-container .park-site {
	width: 100%;
	height: 100%;
	object-fit: fill
}

.sede-container .park-site img {
	width: 100%;
	height: 100%
}

.boton-accion {
	animation: zoom 1.8s ease-in-out infinite;
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer
}

.letrero {
	position: absolute;
	top: -15rem
}

.letrero span {
	font-family: "Arial Black", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin: 20px;
	top: 13rem;
	left: -4rem;
	position: absolute;
	z-index: 1;
	transform: rotate(-8deg)
}

.llegar {
	width: 100%;
	height: auto;
	position: relative;
	top: 11rem
}

.llegar img {
	width: 108%;
	height: 100%;
	position: relative;
	top: -1.5rem;
	left: -1rem;
	z-index: 1
}

.llegar .map {
	transform: rotate(-2.1deg);
	position: relative;
	top: -5.5rem
}

.llegar .map iframe {
	max-width: 126%;
	width: 102%;
	height: 48vh;
	position: relative;
	left: -1px;
	top: -4rem
}

.park-info {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110%;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	top: -6rem;
	gap: 10rem
}

.park-info .galeria-item {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.park-info .galeria-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.parque-images-floor {
	width: 92%;
	height: auto;
	margin-bottom: 3rem;
	position: absolute;
	top: 14rem;
	left: 2rem
}

.park-carousel-container {
	width: 94vw;
	height: 103vh;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
	top: -4rem;
	z-index: 1
}

.park-carousel {
	width: 100%;
	height: 80%;
	position: relative
}

.park-carousel-items {
	width: 121%;
	height: 128.2%;
	position: relative;
	top: -15rem;
	left: -13rem
}

.park-carousel-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out, transform .6s ease-out;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

.park-carousel-item.active {
	opacity: 1;
	z-index: 5;
	transform: translateX(0) scale(1)
}

.park-carousel-item.prev {
	opacity: .7;
	z-index: 3;
	transform: translateX(-30%) scale(0.9)
}

.park-carousel-item.next {
	opacity: .7;
	z-index: 3;
	transform: translateX(30%) scale(0.9)
}

.park-carousel-item.far-prev,
.park-carousel-item.far-next,
.park-carousel-item.back {
	opacity: 0;
	z-index: 1;
	pointer-events: none
}

.park-image-media {
	width: 100%;
	height: 100%
}

.park-image-media>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block
}

.park-carousel-item.active {
	opacity: 1;
	transform: scale(1) translateX(0) translateY(0) translateZ(0);
	z-index: 5;
	box-shadow: 0 1rem 1rem rgba(46, 46, 46, .623)
}

.park-carousel-item.prev {
	opacity: .7;
	transform: scale(0.85) translateX(-90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.park-carousel-item.next {
	opacity: .7;
	transform: scale(0.85) translateX(90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.park-carousel-item.far-prev {
	opacity: .3;
	transform: scale(0.7) translateX(-180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.park-carousel-item.far-next {
	opacity: .3;
	transform: scale(0.7) translateX(180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.park-carousel-item.back {
	opacity: .3;
	transform: scale(0.6) translateY(10%) translateZ(-18.75rem);
	z-index: 0
}

.park-carousel .carousel-controls {
	position: absolute;
	margin: 2rem auto;
	left: 0;
	right: 0;
	border: none;
	border-radius: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem
}

.park-carousel .carousel-prev,
.park-carousel .carousel-next {
	display: none
}

.park-carousel .carousel-prev:hover,
.park-carousel .carousel-next:hover {
	display: none
}

.park-carousel .carousel-indicators {
	display: none
}

.park-carousel .indicator {
	width: 12px;
	height: 12px;
	background: #95a0a0;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.park-carousel .indicator.active {
	background: #3bffff;
	transform: scale(1.2);
	gap: 10rem;
	z-index: 10
}

.planeta {
	width: 5%;
	height: 10%;
	position: relative;
	display: flex;
	flex-direction: row
}

.planeta img {
	position: relative;
	top: 14px;
	left: -8.5rem;
	width: 15vw;
	height: auto
}

.info-container {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}

.info-container .lines {
	width: 110%;
	height: 100%;
	overflow: hidden;
	position: relative;
	left: -4px;
	top: -228px;
	z-index: 3
}

.info-container .lines img {
	width: 100%;
	height: 7vh;
	object-fit: fill
}

.hablemos-content {
	width: 100%;
	padding-top: 3rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left
}

.hablemos-content .dominick-container {
	width: 50%;
	height: 100%;
	margin-left: 2rem;
	position: relative;
	top: -75px
}

.hablemos-content .dominick-container img {
	width: 100%;
	height: auto;
	object-fit: fill;
	position: relative;
	left: -3rem;
}

.hablemos-content img {
	width: 100%;
	height: 100%;
	object-fit: fill
}

.hablemos-button {
	width: 50%;
	height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 2rem
}

.hablemos-button img {
	width: 20rem;
	height: 5rem;
	object-fit: fill;
	transition: transform .3s ease-in-out
}

.hablemos-button img:hover {
	transform: scale(1.1)
}

.hablemos-button span {
	font-size: 3.8rem
}

.hablemos-button p {
	color: #fff;
	border-bottom: 3px solid rgba(0, 238, 255, .8274509804);
	padding-bottom: 12px;
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	margin: 2rem 2rem;
	position: relative;
	top: -5rem;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto
}

.atracciones img {
	position: relative;
	width: 100%;
	height: 111vh;
	object-fit: contain
}

.atracciones {
	position: relative;
	width: 100%;
	height: 102vh;
	object-fit: contain
}

.visible {
	margin: 15% auto;
	padding: 20px;
	border: none;
	width: 40%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 28%;
	top: 71%;
	border-radius: 50px 0 50px 0;
	animation: slideUp .5s ease-out
}

.close {
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	font-size: larger;
	font-weight: bold;
	border: none
}

.close:hover {
	cursor: pointer
}

.close {
	animation: slideUp .5s ease-out
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	position: absolute;
	color: hsla(0, 0%, 100%, .9098039216);
	gap: 12px;
	z-index: 3;
	width: 94%
}

.footer-2 {
	position: absolute;
	top: 67rem;
	transform: rotate(0.7deg);
	z-index: 1;
	width: 100%;
	left: 18px
}

.footer-2 img {
	width: 107%;
	position: absolute;
	top: 140.3rem;
	left: 0rem
}

@media(width: 1536px) {
	.sede-container {
		top: 15.5%
	}

	.planeta img {
		left: -6.5rem
	}

	.llegar .map iframe {
		top: -2rem;
		height: 88vh
	}

	.footer-2 img {
		top: 127rem
	}

	.hablemos-content {
		height: 47rem
	}
}

@media(min-width: 768px)and (max-width: 800px) {
	.park-carousel-items {
		left: -5.5rem
	}

	.nave-container .sede-container {
		position: absolute;
		top: 13.5%;
		left: 16.5%;
		width: 40%;
		height: auto;
		z-index: 3
	}

	.nave-container .sede-container .park-site {
		width: 37vh;
		height: auto
	}

	.park-carousel-container {
		width: 100vw;
		height: 85vh;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		top: -1rem;
		left: .5rem
	}

	.park-info {
		width: 100%;
		display: flex;
		flex-direction: column
	}

	.park-info .galeria-item img {
		position: relative;
		left: 22px
	}

	.planeta img {
		position: relative;
		top: 0px;
		left: -173px;
		width: 52vw;
		height: auto
	}

	.info-container .hablemos-content {
		width: 95%;
		height: 100%;
		padding-top: 3rem;
		padding-right: 3rem;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: left
	}

	.info-container .hablemos-content .dominick-container {
		width: 100%;
		height: 100%;
		margin-left: 2rem
	}

	.info-container .hablemos-content .dominick-container img {
		width: 100%;
		height: 100%;
		object-fit: fill
	}

	.info-container .hablemos-content .hablemos-button {
		width: 40%;
		margin-top: 26px;
		height: 90%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-left: 2rem
	}

	.info-container .hablemos-content .hablemos-button img {
		width: 20rem;
		height: 5rem;
		object-fit: fill;
		transition: transform .3s ease-in-out
	}

	.info-container .hablemos-content .hablemos-button img:hover {
		transform: scale(1.1)
	}

	.info-container .hablemos-content .hablemos-button span {
		font-size: 3.8rem
	}

	.info-container .hablemos-content .hablemos-button p {
		color: #fff;
		border-bottom: 3px solid rgba(0, 238, 255, .8274509804);
		text-align: center;
		font-size: 3em;
		font-weight: bold;
		margin: 2rem 2rem;
		position: relative;
		top: 3rem
	}

	.info-container .lines {
		position: relative;
		width: 102%;
		height: 100%;
		top: -133px
	}

	.llegar {
		top: 7rem
	}

	.llegar img {
		top: 1.5rem
	}

	.llegar .map iframe {
		top: -1rem
	}

	.sede-container {
		position: absolute;
		top: 8.5%;
		left: .2%;
		width: 100%;
		height: auto;
		z-index: 10
	}

	.sede-container .park-site {
		width: 100%;
		height: 100%;
		object-fit: fill
	}

	.sede-container .park-site img {
		width: 100%;
		height: 100%;
		position: relative;
		top: 2rem
	}

	.footer-2 {
		position: relative;
		width: 100%;
		height: 100%;
		top: -107rem;
		left: 9px
	}

	.footer-2 img {
		width: 104%;
		height: 8vh;
		position: absolute;
		top: 104rem;
		left: 0rem
	}
}

@media(min-width: 320px)and (max-width: 428px) {
	.planeta img {
		width: 50vw;
		top: -43px;
		left: -10rem
	}

	.park-carousel-items {
		top: -6rem;
		left: -4.9rem
	}

	.park-carousel-container {
		height: 55vh;
		width: 102vw;
		left: -2rem;
		top: -2rem
	}

	.sede-container {
		width: 100%;
		left: 0;
		top: 8.5%
	}

	.sede-container .park-site img {
		width: 100%;
		position: relative;
		top: 0rem
	}

	.planeta {
		top: 5rem
	}

	.letrero span {
		top: 7rem;
		left: -8.3rem
	}

	.llegar {
		width: 100%;
		height: 37vh;
		top: 1rem
	}

	.llegar img {
		width: 102%;
		height: 8vh;
		position: relative;
		top: 3.5rem;
		left: -1rem;
		z-index: 1
	}

	.llegar .map {
		transform: rotate(-2.1deg);
		position: relative;
		top: -0.5rem;
		height: 100%
	}

	.llegar .map iframe {
		max-width: 110%;
		height: 115%;
		top: 0rem;
		transform: rotate(-0.1deg)
	}

	.hablemos-content {
		flex-direction: column
	}

	.hablemos-content .dominick-container {
		width: 90%;
		top: 0
	}

	.hablemos-button p {
		position: relative;
		top: 5rem
	}

	.park-info {
		flex-direction: column
	}

	.park-info .galeria-item img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		position: relative;
		left: 10px
	}

	.info-container {
		top: 0
	}

	.map-container {
		top: 15rem
	}

	.map-container iframe {
		width: 103vw;
		height: 23vh;
		position: absolute;
		top: -20.9rem
	}

	.footer-2 img {
		height: 12vh;
		top: 192rem !important;
		transform: rotate(3deg)
	}

	.atracciones img {
		position: relative;
		width: 166%;
		height: 78vh;
		left: -7rem;
		top: 23rem;
		object-fit: contain
	}

	.visible {
		width: 60%;
		height: 60%;
		left: 11%
	}

	.header {
		background: none;
		border: none;
		z-index: 3;
		top: 29rem;
		left: -5rem
	}

	.flechas {
		width: 100%;
		height: auto;
		position: absolute;
		top: 315px;
		left: -155px;
		z-index: 10;
		visibility: hidden;
	}

	.flechas img {
		width: 90vw;
		height: auto;
		top: 23rem;
		left: 44rem;
		visibility: hidden;
	}

	.flechas {
		animation: bounce 2s ease-in-out infinite;
		visibility: hidden;
	}
}

@media(min-width: 428px)and (max-width: 460px) {
	.letrero span {
		top: 10rem;
		left: -6rem
	}

	.planeta img {
		width: 50vw;
		top: -44px;
		left: -10rem
	}

	.footer-2 {
		top: 75rem
	}

	.footer-2 img {
		top: 169rem
	}
}

@media(min-width: 414px) {
	.map-container {
		top: 15rem
	}

	.map-container iframe {
		width: 104vw;
		height: 23vh;
		position: relative;
		top: 17rem
	}
}

@media(width: 800px) {
	.park-carousel {
		height: 40%
	}

	.sede-container .park-site img {
		top: 1rem
	}

	.footer-2 img {
		top: 103rem
	}
}

@media(width: 820px) {
	.llegar {
		top: 4rem
	}

	.llegar .map {
		top: 3.5rem
	}

	.llegar .map iframe {
		height: 45vh
	}

	.footer-2 {
		top: 78rem
	}
}

@media(min-width: 820px)and (max-width: 834px) {
	.llegar img {
		top: 4.5rem;
		left: -1rem
	}

	.planeta img {
		top: 2px;
		width: 36vw;
		left: -7.5rem
	}

	.park-carousel-items {
		top: -3rem;
		left: -6rem
	}

	.sede-container {
		width: 80%;
		top: 6.9%;
		left: 10%
	}

	.park-carousel {
		width: 100%;
		height: 50%
	}

	.park-carousel-container {
		width: 135vw;
		left: 0
	}

	.hablemos-content {
		flex-direction: column
	}

	.hablemos-content .dominick-container {
		width: 50%;
		top: -115px
	}

	.hablemos-content .dominick-container img {
		width: 100%;
		position: relative;
		top: 181px
	}

	.hablemos-button p {
		position: relative;
		top: 7rem
	}

	.llegar {
		top: 3rem
	}

	.llegar .map {
		top: 3.5rem
	}

	.llegar .map iframe {
		height: 45vh
	}

	.footer-2 img {
		top: 121rem;
		height: 8vh
	}
}

@media(min-width: 1000px)and (max-width: 1228px) {
	.sede-container {
		top: 9.5%
	}

	.park-carousel-container {
		width: 103vw;
		height: 66vh
	}

	.park-carousel {
		height: 139%;
		top: -6rem;
		left: 2rem
	}

	.llegar {
		position: relative;
		bottom: -5rem
	}

	.footer-2 img {
		top: 136rem
	}
}

@media(max-width: 1280px) {
	.footer-2 {
		top: 77rem
	}
}

@media(min-width: 480px) and (max-width: 500px) {
	.footer-2 {
		top: 77rem
	}
}

@media(min-width: 375px)and (max-width: 380px)and (min-height: 812px) {
	.footer-2 img {
		top: 194rem
	}
}

.parques-space-background {
	width: 100%;
	height: 300vh;
	overflow: hidden;
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	position: relative
}
@media(min-width: 1280px)and (max-width: 1440px) {
	.enlaces-derecha-parques {
		top: 56rem !important;
	}
	.planet-yellow{
	    top: 5rem !important;
	    left: -19rem !important;
	}
	.cc-parques .location-section .planets-bogota {
	    top: -101rem;
	    left: -35px ;
	}
	.planet-pink{
	    top: -50rem !important;
	    right: -45rem !important;
	}
	.resto-pais{
	    top: 120rem !important;
	}
    .cc-parques .location-section .location-central img{
        top: -45rem;
    }
	.planets-row {
		gap: 11rem !important;
		margin-bottom: 15rem !important;
		padding: 0 !important;
		top: -135rem;
	}
	.planet-blue{
	    top: 5rem !important;
	    width: 20vw !important;
	}
	.planet-green{
	    top: 2rem !important;
	    left: 37rem !important;
	}

	.inferior {
		left: 23rem !important;
		top: 50rem !important;
	}

	.planet-earth {
		left: 14rem !important;
		top: -60rem !important;
	}

	.footer2 {
		top: 208rem;
		transform: rotate(0.7deg) !important;
	}

	.dropdown-content {
		position: relative !important;
		left: 20rem !important;
	}

	.planet-item {
		width: 24rem !important;
	}

	.enlaces-derecha-parques img {
		left: 0rem ;
	}
	.llegar img{
	    top: 3.5rem;
	}
	.llegar .map{
	    height: 49vh;
	}
	.llegar .map iframe{
	    height: 53vh;
	}
	.park-carousel-items{
	    height: 103.2%;
	}
}
.dropdown-content {
	position: relative;
	left: 27rem
}

.cc-parques {
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	padding-bottom: 5rem
}

.cc-parques .location-section {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2rem
}

.cc-parques .location-section .resto-pais-planetas {
	width: 100%;
	height: 100%;
	position: relative;
	top: -1rem
}

.cc-parques .location-section .location-central {
	width: 100%;
	height: 100%;
	text-align: center;
	margin-bottom: 2rem
}

.cc-parques .location-section .location-central img {
	width: 100%;
	height: 13%;
	border-radius: 10%;
	position: absolute;
	top: 8rem;
	left: 3rem
}

.cc-parques .location-section .bogota {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	top: -83rem
}

.cc-parques .location-section .bogota img {
	top: 90rem;
	height: 9%
}

.cc-parques .location-section .planets-bogota {
	position: relative;
	top: -117rem;
	left: 172px;
	gap: 14rem
}

.resto-pais {
	margin-top: 2rem;
	height: 10%;
	padding-top: 3rem;
	top: 70rem
}

.planets-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 9rem;
	margin-bottom: 5rem;
	top: -79rem;
	position: relative
}

.superior {
	width: 100%;
	height: 32%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	top: 45rem
}

.inferior {
	width: 100%;
	height: 32%;
	display: flex;
	flex-direction: row;
	gap: 26rem;
	position: relative;
	left: 23.5rem;
	top: 45rem
}

.planet-item,
.planet-item2 {
	position: relative;
	width: 19rem;
	height: auto;
	transition: transform .3s ease
}

.planet-item2 {
	top: 15rem;
	padding-bottom: 15rem
}

.planet-item:hover,
.planet-item2:hover {
	transform: scale(1.1)
}

.planet-content {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.planet-content img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.planet-orange {
	filter: drop-shadow(0 0 20px rgba(255, 140, 0, 0.6));
	position: relative;
	left: -4rem
}

.planet-purple {
	filter: drop-shadow(0 0 20px rgba(147, 112, 219, 0.6));
	position: relative;
	top: 8rem;
	left: -11rem
}

.planet-yellow {
	filter: drop-shadow(0 0 20px rgba(151, 136, 47, 0.6));
	position: relative;
	top: 7rem;
	left: -16rem
}

.planet-pink {
	filter: drop-shadow(0 0 20px rgba(255, 192, 203, 0.6));
	position: relative;
	top: -3rem;
	right: 20rem
}

.planet-blue {
	filter: drop-shadow(0 0 20px rgba(0, 191, 255, 0.6));
	position: relative;
	top: -10rem;
	right: -33rem
}

.planet-red {
	filter: drop-shadow(0 0 20px rgba(220, 20, 60, 0.6));
	position: relative;
	top: -60rem;
	left: -19rem
}

.planet-green {
	filter: drop-shadow(0 0 20px rgba(50, 205, 50, 0.6));
	position: relative;
	top: -10rem;
	left: 40rem
}

.planet-earth {
	filter: drop-shadow(0 0 20px rgba(100, 149, 237, 0.6));
	position: relative;
	left: 26rem;
	top: -60rem
}

.planet-saturn {
	filter: drop-shadow(0 0 20px rgba(218, 165, 32, 0.6));
	position: relative;
	right: 60px;
	top: -45rem
}

.planet-gray {
	filter: drop-shadow(0 0 20px rgba(155, 152, 149, 0.6));
	position: relative;
	left: -2px;
	top: -36rem
}

.planet-black {
	filter: drop-shadow(0 0 20px rgba(200, 212, 219, 0.6));
	position: relative;
	left: -67rem;
	top: -44rem
}

.enlaces-derecha-parques {
	position: fixed;
	top: 20rem;
	left: 80rem;
	z-index: 2
}

.enlaces-derecha-parques img {
	width: 10rem;
	height: auto;
	position: relative
}

.enlaces-derecha-parques .onomatopeya-parques {
	display: none;
	font-family: monospace;
	white-space: nowrap;
	border-right: 4px solid;
	width: 0;
	position: absolute;
	top: -39px;
	left: -208px;
	color: #000;
	font-size: large;
	font-weight: bold;
	animation: typing 10s steps(24) infinite alternate, blink .5s infinite step-end;
	overflow: hidden
}

.enlaces-derecha-parques .imagen-parques {
	display: none;
	position: absolute;
	top: -79px;
	left: -247px
}

.enlaces-derecha-parques .imagen-parques img {
	width: 300px;
	height: 100px;
	color: #000
}

@keyframes typing {

	0%,
	10% {
		width: 0
	}

	40%,
	50% {
		width: 24ch
	}

	90%,
	100% {
		width: 0
	}
}

@keyframes blink {
	50% {
		border-color: rgba(0, 0, 0, 0)
	}
}

.enlaces-derecha-parques:hover .imagen-parques,
.enlaces-derecha-parques:hover .onomatopeya-parques {
	display: block
}

.dropbtn {
	display: none
}

.footer2 {
	position: absolute;
	top: 171rem;
	transform: rotate(1.5deg);
	z-index: 1
}

.footer2 img {
	width: 100%;
	position: absolute;
	top: -7rem
}

.close {
	background-color: rgba(0, 0, 0, 0);
	color: #000;
	font-weight: bold;
	border: none
}

.close:hover {
	cursor: pointer
}

@media(width: 1536px) {
	.footer2 img {
		top: -14rem
	}

	.inferior {
		left: 19rem
	}
}

@media(min-width: 1366px)and (max-width: 1380px) {
	.planets-row {
		gap: 0rem
	}

	.inferior {
		left: 17.5rem
	}

	.planet-earth {
		position: relative;
		left: -10rem
	}

	.footer2 {
		top: 120rem
	}
}

@media(min-width: 1000px)and (max-width: 1195px) {

	.planet-item,
	.planet-item2 {
		width: 13rem
	}

	.inferior {
		left: 14rem
	}

	.planet-earth {
		left: -4rem
	}

	.footer2 img {
		top: -34rem
	}

	.footer2 .enlaces-derecha-parques {
		top: 50rem;
		left: 61rem
	}
}



@media(max-width: 768px) {
	.location-central {
		width: 12rem;
		height: 10rem;
		margin-bottom: 1rem
	}

	.starpark-locations .planets-row {
		position: relative;
		height: 400px;
		width: 100%
	}

	.starpark-locations .planet-item {
		position: absolute;
		width: 13rem;
		height: auto
	}

	.starpark-locations .planet-orange {
		top: -50%;
		left: 7%
	}

	.starpark-locations .planet-purple {
		top: 120%;
		right: 6%
	}

	.starpark-locations .planet-yellow {
		top: 120%;
		left: 6%
	}

	.starpark-locations .planet-pink {
		top: -50%;
		right: 6%
	}

	.resto-pais {
		margin-top: 0
	}

	.location-central {
		height: 40%;
		width: 40%
	}

	.resto-pais .planets-row {
		position: relative;
		height: auto;
		width: 100%;
		gap: 3rem
	}

	.resto-pais .planet-item,
	.resto-pais .planet-item2,
	.resto-pais .planet-item-3 {
		position: absolute;
		width: 10rem;
		height: 10rem;
		padding: 0;
		margin: 0;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none
	}

	.resto-pais .planet-red {
		top: -3rem;
		left: -42%
	}

	.resto-pais .planet-saturn {
		top: 2rem;
		right: 6%
	}

	.resto-pais .planet-earth {
		top: -11rem;
		left: 0%;
		transform: translateX(-50%)
	}

	.resto-pais .planet-blue {
		top: -15rem;
		left: 6%
	}

	.resto-pais .planet-green {
		top: -15rem;
		right: 6%
	}

	.resto-pais .planet-item:hover,
	.resto-pais .planet-item2:hover {
		transform: scale(1.1)
	}

	.resto-pais .planet-earth:hover {
		transform: translateX(-50%) scale(1.1)
	}

	.footer2 {
		position: relative;
		width: 100%;
		height: 100%;
		top: 2rem
	}

	.footer2 img {
		width: 100%;
		height: 6vh;
		position: absolute;
		top: 2rem
	}

	.enlaces-derecha-parques {
		position: fixed;
		width: 5rem;
		height: auto;
		z-index: 100;
		top: 41rem;
		left: 38rem
	}

	.dropbtn {
		background: none;
		border: none;
		cursor: pointer;
		padding: 0
	}

	.dropbtn img {
		width: 70px;
		left: 1rem;
		position: relative
	}

	.dropdown-content {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 160px;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
		z-index: 1
	}

	.show {
		display: block;
		top: -9rem;
		left: -5rem;
		background-color: rgba(0, 0, 0, 0)
	}

	.enlaces-derecha-parques .dominik-icon {
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		background: none
	}

	.enlaces-derecha-parques .dominik-icon img {
		position: static;
		left: auto;
		top: auto;
		width: 90%;
		height: auto;
		filter: drop-shadow(0 0 10px rgb(93, 189, 204));
		transition: all .3s ease-in-out
	}

	.enlaces-derecha-parques .dominik-icon img:hover {
		transform: scale(1.1)
	}
}

@media(min-width: 800px)and (max-width: 810px) {
	.dropdown-content {
		left: 59px
	}
}

@media(min-width: 790px)and (max-width: 840px) {
	.location-central {
		width: 12rem;
		height: 10rem;
		margin-bottom: 1rem
	}

	.starpark-locations .planets-row {
		position: relative;
		height: 400px;
		width: 100%
	}

	.starpark-locations .planet-item {
		position: absolute;
		width: 13rem;
		height: auto
	}

	.starpark-locations .planet-orange {
		top: -50%;
		left: 7%
	}

	.starpark-locations .planet-purple {
		top: 120%;
		right: 6%
	}

	.starpark-locations .planet-yellow {
		top: 120%;
		left: 6%
	}

	.starpark-locations .planet-pink {
		top: -50%;
		right: 6%
	}

	.resto-pais {
		margin-top: 0
	}

	.location-central {
		height: 40%;
		width: 40%
	}

	.resto-pais .planets-row {
		position: relative;
		height: auto;
		width: 100%;
		gap: 3rem
	}

	.resto-pais .planet-item,
	.resto-pais .planet-item2,
	.resto-pais .planet-item-3 {
		position: absolute;
		width: 10rem;
		height: 10rem;
		padding: 0;
		margin: 0;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none
	}

	.resto-pais .planet-red {
		top: -3rem;
		left: -42%
	}

	.resto-pais .planet-saturn {
		top: 2rem;
		right: 6%
	}

	.resto-pais .planet-earth {
		top: -11rem;
		left: 0%;
		transform: translateX(-50%)
	}

	.resto-pais .planet-blue {
		top: -15rem;
		left: 6%
	}

	.resto-pais .planet-green {
		top: -15rem;
		right: 6%
	}

	.resto-pais .planet-item:hover,
	.resto-pais .planet-item2:hover {
		transform: scale(1.1)
	}

	.resto-pais .planet-earth:hover {
		transform: translateX(-50%) scale(1.1)
	}

	.footer2 {
		position: relative;
		width: 100%;
		height: 100%;
		top: 2rem
	}

	.footer2 img {
		width: 100%;
		height: 6vh;
		position: absolute;
		top: 1rem
	}

	.enlaces-derecha-parques {
		position: fixed;
		width: 5rem;
		height: auto;
		z-index: 100;
		top: 41rem;
		left: 38rem
	}

	.dropbtn {
		background: none;
		border: none;
		cursor: pointer;
		padding: 0
	}

	.dropbtn img {
		width: 70px;
		left: 1rem;
		position: relative
	}

	.dropdown-content {
		position: absolute;
		top: 100%;
		left: 88px;
		min-width: 160px;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
		z-index: 1
	}

	.show {
		display: block;
		top: -9rem;
		left: -5rem;
		background-color: rgba(0, 0, 0, 0)
	}

	.enlaces-derecha-parques .dominik-icon {
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		background: none
	}

	.enlaces-derecha-parques .dominik-icon img {
		position: static;
		left: auto;
		top: auto;
		width: 90%;
		height: auto;
		filter: drop-shadow(0 0 10px rgb(93, 189, 204));
		transition: all .3s ease-in-out
	}

	.enlaces-derecha-parques .dominik-icon img:hover {
		transform: scale(1.1)
	}
}

@media(min-width: 884px)and (max-width: 900px) {
	.planets-row {
		gap: 5rem
	}

	.planet-item,
	.planet-item2 {
		width: 14rem;
		position: relative;
		top: -6rem
	}

	.superior {
		position: relative;
		top: -10rem
	}

	.inferior {
		left: 9.5rem;
		top: -28rem;
		height: 50%
	}

	.planet-purple {
		top: 2rem
	}

	.planet-yellow {
		top: 2rem
	}

	.planet-earth {
		filter: drop-shadow(0 0 20px rgba(100, 149, 237, 0.6));
		left: -16rem
	}

	.planet-blue {
		position: relative;
		top: 1rem
	}

	.planet-saturn {
		position: relative;
		top: 1rem
	}

	.planet-red {
		left: 5rem;
		top: -10rem
	}

	.planet-earth {
		left: -1rem;
		top: -10rem
	}

	.footer2 {
		top: 114rem
	}
}

@media(min-width: 320px)and (max-width: 450px) {
	.cc-parques .location-section .resto-pais-planetas img {
		top: -15rem;
		left: 1rem;
		height: 6%
	}

	.cc-parques .location-section img {
		position: relative;
		top: -15rem
	}

	.cc-parques .location-section .bogota {
		top: -40rem
	}

	.cc-parques .location-section .bogota img {
		top: -2rem;
		left: 0
	}

	.cc-parques .location-section .planets-bogota {
		top: -35rem;
		left: 1rem
	}

	.superior {
		top: -12rem
	}

	.inferior {
		top: -10rem
	}

	.starpark-locations .planets-row {
		position: relative;
		height: 400px;
		width: 100%
	}

	.starpark-locations .planet-item {
		position: absolute;
		width: 13rem;
		height: auto
	}

	.starpark-locations .planet-orange {
		top: -34%;
		left: 3%
	}

	.starpark-locations .planet-purple {
		top: 46%;
		right: 6%;
		left: 2rem
	}

	.starpark-locations .planet-yellow {
		top: 42%;
		left: 64%
	}

	.starpark-locations .planet-pink {
		top: -38%;
		right: 2%
	}

	.resto-pais {
		margin-top: 0;
		top: 70rem
	}

	.location-central {
		height: 40%;
		width: 40%
	}

	.resto-pais .planets-row {
		position: relative;
		height: auto;
		width: 100%;
		gap: 3rem
	}

	.resto-pais .planet-item,
	.resto-pais .planet-item2,
	.resto-pais .planet-item-3 {
		position: absolute;
		width: 10rem;
		height: 10rem;
		padding: 0;
		margin: 0;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none
	}

	.resto-pais .planet-red {
		top: 9rem;
		left: -55%
	}

	.resto-pais .planet-saturn {
		top: 0rem;
		right: 2%
	}

	.resto-pais .planet-earth {
		top: 8rem;
		left: 29%;
		transform: translateX(-50%)
	}

	.resto-pais .planet-blue {
		top: 25rem;
		left: 21%
	}

	.resto-pais .planet-green {
		top: 24rem;
		right: 24%
	}

	.resto-pais .planet-black {
		top: 1rem;
		right: 72%
	}

	.resto-pais .planet-gray {
		top: 6rem;
		right: 38%
	}

	.resto-pais .planet-item:hover,
	.resto-pais .planet-item2:hover {
		transform: scale(1.1)
	}

	.resto-pais .planet-earth:hover {
		transform: translateX(-50%) scale(1.1)
	}

	.cc-parques .location-section .location-central {
		top: 4rem
	}

	.parques-space-background {
		width: 100%;
		height: 126vh;
		overflow: hidden
	}

	.footer2 {
		position: relative;
		width: 100%;
		height: 100%;
		top: 87rem;
		left: -1rem;
		transform: rotate(2deg)
	}

	.footer2 img {
		width: 100%;
		height: 7vh;
		position: absolute;
		top: 4rem
	}

	.bogota {
		position: relative;
		top: 6rem
	}

	.enlaces-derecha-parques {
		width: 5rem;
		height: auto
	}

	.enlaces-derecha-parques .onomatopeya-parques {
		display: none;
		top: 56.7rem;
		left: 12rem;
		font-size: small
	}

	.enlaces-derecha-parques .imagen-parques {
		display: none;
		position: absolute;
		top: 52rem;
		left: 6rem
	}

	.enlaces-derecha-parques .imagen-parques img {
		width: 200px;
		height: 100px;
		color: #000
	}

	.aparecer .imagen-parques,
	.aparecer .onomatopeya-parques {
		display: block
	}

	.dropbtn {
		display: flex;
		background: none;
		border: none;
		padding: 0;
		position: fixed;
		width: 20%;
		right: 1rem;
		bottom: 24rem
	}

	.dropbtn img {
		width: 60%;
		left: 24px;
		top: 1rem;
		position: relative
	}

	.dropdown-content {
		display: none;
		position: fixed;
		top: 100%;
		left: 0;
		background: none;
		min-width: 160px;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
		z-index: 1
	}

	.show {
		display: flex;
		top: -5rem;
		background-color: rgba(0, 0, 0, 0)
	}

	.enlaces-derecha-parques .dominik-icon {
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		background: none
	}

	.enlaces-derecha-parques .dominik-icon img {
		position: relative;
		left: 274px;
		top: 52rem;
		width: 20%;
		height: auto;
		filter: drop-shadow(0 0 10px rgb(93, 189, 204));
		transition: all .3s ease-in-out
	}

	.enlaces-derecha-parques .dominik-icon img:hover {
		transform: scale(1.1)
	}

	.footer-2 {
	    width: 96%;
		top: 77rem;
	}
	.footer-2 img{
	    top: 16rem;
	    height: 8vh;
	}
}
@media(min-width: 430px) and (max-width: 480px) and (max-height: 1000px){
    .privacy-container .privacy-header img{
        height: 34% !important;
    }
    .privacy-content{
        grid-template-columns: repeat(1, 1fr) !important;
        position: relative;
        top: -20rem;
        left:-2rem;
    }
    .park-image-media{
        top: 23rem !important;
        left: 74px !important;
        
    }
}
@media(width: 428px) {
	.footer2 img {
		top: 10rem
	}
}
@media(min-width:430px) and (max-width: 500px) and (max-height: 999px){
    .park-image-media{
        top: 23rem;
    }
    .footer-2 img{
        top: 171rem;
        transform: rotate(1deg);
    }
    .llegar .map iframe{
        height: 30vh;
        top: 1rem;
    }
    .park-image-media-service{
        top: 1rem;
    }
}
@media(max-width: 361px)and (height: 780px) {
	.footer2 img {
		top: 3rem
	}
}

@media(width: 360px)and (height: 851px) {
	.footer2 img {
		top: 11rem;
		transform: rotate(2deg)
	}
}

@media(width: 375px) {
	.footer2 img {
		top: 0rem
	}
}

.servicio-space-background {
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100vh;
	position: relative;
	overflow: hidden
}

.main-container-servicio {
	display: flex;
	align-items: center;
	height: 130vh;
	margin-top: -6.8rem;
	position: relative;
	z-index: 5
}

.main-container-servicio .servicio-left {
	width: 45%;
	height: 100%;
	display: flex;
	align-items: end;
	padding: 0 2rem;
	position: relative;
	top: -10rem
}

.main-container-servicio .servicio-left img {
	width: 100%;
	height: 90vh;
	object-fit: contain
}

.servicio-right {
	width: 50%;
	height: 130vh;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.servicio-right img {
	width: 100%;
	position: relative;
	top: 10rem
}

.servicio-right .service-form-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 3rem 0 0 0;
	position: relative
}

.servicio-right .service-form-container .serviceForm {
	width: 70%;
	position: absolute;
	top: 30%
}

.servicio-right .service-form-container .serviceForm .service-form-group {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.4rem
}

.servicio-right .service-form-container .serviceForm .service-form-group i {
	position: absolute;
	left: .5rem;
	margin: .6rem;
	font-size: 1.5rem;
	width: 2rem;
	text-align: center;
	color: #fff;
	z-index: 2
}

.servicio-right .service-form-container .serviceForm .service-form-group select {
	width: 100%;
	font-size: large;
	padding: 1.3rem .9375rem 1.3rem 4rem;
	background: linear-gradient(90deg, rgba(20, 48, 105, 0.84) 1%, rgb(16, 82, 132) 37%, rgb(16, 81, 135) 100%);
	border: .3rem solid #19b0b7;
	border-radius: 1rem;
	box-shadow: 1px 1px #000;
	background-color: #105187
}

.servicio-right .service-form-container .serviceForm .service-form-group input,
.servicio-right .service-form-container .serviceForm .service-form-group textarea {
	width: 100%;
	font-size: large;
	padding: 1.3rem .9375rem 1.3rem 4rem;
	background: linear-gradient(90deg, rgba(20, 48, 105, 0.84) 1%, rgb(16, 82, 132) 37%, rgb(16, 81, 135) 100%);
	border: .3rem solid #19b0b7;
	border-radius: 1rem;
	color: #fff;
	box-shadow: 1px 1px #000
}

.servicio-right .service-form-container .serviceForm .service-form-group textarea {
	height: 5rem;
	resize: none
}

.servicio-right .service-form-container .serviceForm .service-form-group label {
	position: absolute;
	font-size: medium;
	left: 5rem;
	color: hsla(0, 0%, 100%, .596);
	transition: all .3s ease;
	pointer-events: none
}

.servicio-right .service-form-container .serviceForm .service-form-group input:focus+label,
.servicio-right .service-form-container .serviceForm .service-form-group input:valid+label,
.servicio-right .service-form-container .serviceForm .service-form-group textarea:focus+label,
.servicio-right .service-form-container .serviceForm .service-form-group textarea:valid+label,
.servicio-right .service-form-container .serviceForm .service-form-group select:focus+label,
.servicio-right .service-form-container .serviceForm .service-form-group select:valid+label {
	top: -0.625rem;
	left: 3rem;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	color: #00f7ff;
	background: rgba(0, 20, 40, .8);
	padding: .2rem .3125rem;
	border-radius: 2rem
}

.servicio-right .service-form-container .serviceForm .service-form-submit {
	text-align: center;
	margin-top: 2rem;
	background-color: rgba(0, 0, 0, 0)
}

.servicio-right .service-form-container .serviceForm .service-form-submit button {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	padding: .9rem 3rem;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 2rem;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .0625rem;
	transition: transform .3s ease
}

.servicio-right .service-form-container .serviceForm .service-form-submit button img {
	width: 100%;
	position: relative;
	top: -1rem
}

.servicio-right .service-form-container .serviceForm .service-form-submit button:hover {
	transform: scale(1.1)
}

.contact-form-terms {
	text-align: justify
}

.terminos {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .75rem;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0);
	border: .0625rem solid rgba(0, 247, 255, .5);
	border-radius: .25rem;
	position: relative;
	outline: none;
	top: .6rem
}

.terminos:checked {
	background-color: rgba(0, 247, 255, .3);
	border-color: #00f7ff
}

.terminos:checked::before {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1rem;
	color: #00f7ff;
	font-weight: bold
}

.condiciones {
	color: #19809f;
	text-align: center;
	position: relative;
	left: 3.2rem;
	font-size: larger;
	font-weight: normal
}

.Terminos_adicionales {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
	position: relative;
	top: 1rem;
	color: #fff;
	text-align: center;
	text-decoration: underline;
	line-height: 1.5rem
}

.Terminos_adicionales:last-child {
	left: -1.3rem
}

.Terminos_adicionales span {
	position: relative
}

.Terminos_adicionales span:not(:last-child)::after {
	content: "/";
	position: absolute;
	right: -1.1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #457bbd;
	text-shadow: 1px 0 #457bbd, -1px 0 #457bbd, 0 1px #457bbd, 0 -1px #457bbd
}

.foot-service {
	width: 100%;
	height: 0vh;
	position: relative;
	top: -2rem;
	background-image: url("../images/fotos/Home/imagenes/BACK_PIE.png")
}

.foot-service img {
	width: 100%;
	height: 6vh
}

@media(min-width: 1366px)and (max-width: 1400px) {
	.Terminos_adicionales {
		top: -1.5rem
	}

	.terminos {
		top: -1.4rem
	}

	.condiciones {
		top: -2rem
	}

	.servicio-right img {
		top: 4rem
	}

	.servicio-right .service-form-container .serviceForm {
		top: 22%
	}

	.servicio-right .service-form-container .serviceForm .service-form-submit button img {
		width: 40%;
		position: relative;
		top: -4.5rem
	}

	.foot-service {
		background: none
	}

	.foot-service img {
		height: 8vh;
		top: 1rem;
		position: relative;
		transform: rotate(1deg)
	}
}

@media(width: 1536px) {
	.servicio-right img {
		top: 4rem
	}

	.servicio-right .service-form-container .serviceForm {
		top: 22%
	}

	.servicio-right .service-form-container .serviceForm .service-form-submit button img {
		width: 50%;
		position: relative
	}

	.foot-service img {
		height: 6vh;
		position: relative;
		top: 1rem
	}
}

@media(min-width: 340px)and (max-width: 450px) {
	.Terminos_adicionales {
		flex-wrap: nowrap
	}
	.social-media{
	    visibility: hidden;
	}

	.main-container-servicio {
		flex-direction: column;
		margin-top: 0;
		display: flex;
		height: 100%;
		position: relative
	}

	.main-container-servicio .servicio-left {
		width: 100vw;
		height: 40%;
		padding: 0
	}

	.main-container-servicio .servicio-left img {
		width: 100%;
		height: 100%;
		position: relative;
		top: 9rem
	}

	.servicio-right .service-form-container {
		top: -8rem
	}

	.servicio-right img {
		top: 7rem
	}

	.servicio-right .serviceForm {
		top: 26% !important
	}

	.servicio-right .serviceForm .service-form-submit button img {
		width: 60% !important
	}

	.servicio-left,
	.servicio-right {
		width: 100%;
		height: 115vh
	}

	.form-container {
		padding-top: 120px
	}

	.foot-service {
		width: 100%;
		height: 100%;
		position: relative;
		top: -4rem
	}

	.foot-service img {
		width: 100%;
		height: 7vh
	}
}

@media(min-width: 768px)and (max-width: 834px) {
	.main-container-servicio {
		flex-direction: column;
		margin-top: 0;
		height: 220vh
	}

	.main-container-servicio .servicio-left {
		width: 100vw;
		height: 40%;
		padding: 0
	}

	.main-container-servicio .servicio-left img {
		width: 100%;
		height: 100%;
		position: relative;
		top: 7rem
	}

	.servicio-right img {
		top: -5rem
	}

	.servicio-right .service-form-container .serviceForm {
		top: 11%
	}

	.servicio-right .service-form-container .serviceForm .service-form-submit button img {
		width: 52%
	}

	.servicio-left,
	.servicio-right {
		width: 100%
	}

	.form-container {
		padding-top: 120px
	}
}

@media(width: 834px) {
	.servicio-right .service-form-container .serviceForm {
		top: 15%
	}

	.servicio-right .service-form-container .serviceForm .service-form-submit button img {
		width: 80%
	}
}

@media(min-width: 820px)and (max-width: 834px) {
	.servicio-right img {
		top: -5rem
	}

	.servicio-right .service-form-container .serviceForm {
		top: 15%
	}

	.servicio-right .service-form-container .serviceForm .service-form-submit {
		width: 70%;
		translate: 100px
	}
}

@media(width: 800px) {
	.main-container-servicio {
		height: 200vh
	}
}

@media(min-width: 834px)and (max-width: 840px) {
	.servicio-right .service-form-container .serviceForm {
		top: 12%
	}
}

.servicios-space-background {
	background-image: url("../images/fotos/servicios/imagenes/suelo.png");
	background-size: cover;
	background-position: center;
	background-repeat: repeat-y;
	width: 100%;
	height: 360vh;
	overflow: hidden
}

.servicios-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: fit-content;
	margin: 0 auto
}

.servicios-content .title-servicios {
	width: 100%;
	height: auto;
	position: relative;
	top: -69px;
	margin: 8rem 0 6rem 0;
	background-position: center;
	background-repeat: no-repeat;
	object-fit: cover;
	display: flex;
	justify-content: center;
	align-items: center
}

.servicios-content .title-servicios img {
	width: 100%;
	height: 100%
}

.servicios-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	gap: 3.75rem;
	margin: 5rem
}

.servicios-grid .servicio-card {
	transform-style: preserve-3d;
	transition: transform .3s ease
}

.servicio-card:hover {
	transform: translateY(-1rem)
}

.card-content {
	background: rgba(0, 0, 0, 0);
	border-radius: 2rem;
	text-align: center;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px rgba(0, 247, 255, .785)
}

.card-content img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 2rem;
	margin-bottom: .9rem
}

.cta-section-service {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 0 8rem 0;
	position: relative;
	margin-bottom: 2rem
}

.cta-section-service img {
	width: 40vw;
	height: 50%;
	position: relative;
	top: 21rem;
	left: 14rem
}

.cta-section-service:hover {
	transform: scale(1)
}

.cta-section-service1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 0 8rem 0;
	position: relative;
	margin-bottom: 2rem
}

.cta-section-service1 img {
	width: 62vw;
	height: 50%;
	position: relative;
	top: -20rem;
	left: -36rem
}

.cta-section-service1:hover {
	transform: scale(1)
}

.cta-section-service2 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 0 8rem 0;
	position: relative;
	margin-bottom: 2rem
}

.cta-section-service2 img {
	width: 99vw;
	height: 50%;
	position: relative;
	top: -130rem;
	left: 0rem;
	z-index: -1
}

.cta-section-service2:hover {
	transform: scale(1)
}

.servicios {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110%;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	top: -6rem;
	gap: 6rem
}

.servicios .galeria-item {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.servicios .galeria-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.park-carousel-container-service {
	width: 99vw;
	height: 102vh;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
	top: -2rem;
	left: -0.2rem;
	z-index: 1
}

.park-carousel-container-service .galeria-container-service img {
	width: 25%;
	height: 25%
}

.park-carousel-service {
	width: 71vw;
	height: 93vh;
	position: relative;
	left: 42rem;
	top: 18rem
}

.park-carousel-items-service {
	width: 50%;
	height: 50%;
	position: relative;
	top: -4rem
}

.park-carousel-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out, transform .6s ease-out;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

.park-carousel-item.active {
	opacity: 1;
	z-index: 5;
	transform: translateX(0) scale(1)
}

.park-carousel-item.prev {
	opacity: .7;
	z-index: 3;
	transform: translateX(-30%) scale(0.9)
}

.park-carousel-item.next {
	opacity: .7;
	z-index: 3;
	transform: translateX(30%) scale(0.9)
}

.park-carousel-item.far-prev,
.park-carousel-item.far-next,
.park-carousel-item.back {
	opacity: 0;
	z-index: 1;
	pointer-events: none
}

.park-image-media-service {
	width: 100%;
	height: 100%
}

.park-image-media-service>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block
}

.park-carousel-item.active {
	opacity: 1;
	transform: scale(1) translateX(0) translateY(0) translateZ(0);
	z-index: 5;
	box-shadow: 0 1rem 1rem rgba(46, 46, 46, .623)
}

.park-carousel-item.prev {
	opacity: .7;
	transform: scale(0.85) translateX(-90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.park-carousel-item.next {
	opacity: .7;
	transform: scale(0.85) translateX(90%) translateY(0) translateZ(-6.25rem);
	z-index: 2
}

.park-carousel-item.far-prev {
	opacity: .3;
	transform: scale(0.7) translateX(-180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.park-carousel-item.far-next {
	opacity: .3;
	transform: scale(0.7) translateX(180%) translateY(0) translateZ(-12.5rem);
	z-index: 1
}

.park-carousel-item.back {
	opacity: .3;
	transform: scale(0.6) translateY(10%) translateZ(-18.75rem);
	z-index: 0
}

.park-carousel .carousel-controls {
	position: absolute;
	margin: 2rem auto;
	left: 0;
	right: 0;
	border: none;
	border-radius: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem
}

@keyframes twinkle {
	from {
		background-position: 0 0, 40px 60px, 130px 270px
	}

	to {
		background-position: -550px 0, -350px 60px, -250px 270px
	}
}

.service-foot {
	width: 100%;
	height: 10vh;
	position: relative;
	top:-147.4rem;
	transform: rotate(0.5deg);
	z-index: 10;
}

.service-foot img {
	height: 100%;
	width: 100%
}

@media(width: 1536px) {
	.park-carousel-container-service {
		overflow: visible;
		left: -11rem
	}

	.cta-section-service img {
		width: 45vw
	}
}

@media(min-width: 820px)and (max-width: 884px) {
	.park-carousel-service {
		height: 50vh;
		top: 23rem
	}

	.park-carousel-container-service {
		width: 100%;
		height: 50%
	}

	.park-carousel-items-service {
		width: 100%;
		height: 100%;
		left: -23rem;
		top: -22rem
	}

	.cta-section-service img {
		width: 70vw
	}
}

@media(min-width: 320px)and (max-width: 450px) {
	.servicios-space-background {
		height: 149vh
	}

	.title-servicios img {
		position: relative;
		top: 5rem
	}

	.servicios {
		height: 100%
	}

	.park-carousel-container-service {
		height: 60vh;
		width: 100%
	}

	.park-carousel-service {
		width: 100vh;
		height: 100vh;
		left: 0rem;
		top: 3rem
	}

	.cta-section-service1 img {
		width: 70vw;
		height: 50%;
		position: relative;
		top: -28rem;
		left: -12rem
	}

	.cta-section-service2 img {
		width: 99vw;
		height: 50%;
		position: relative;
		top: -73rem;
		left: 0rem;
		z-index: -1
	}

	.park-carousel-items-service .park-image-media {
		position: relative;
		height: 57vh;
		top: -15rem;
		width: 84vw;
		left: -27rem
	}

	.cta-section-service img {
		width: 68%;
		top: 7rem
	}

	.service-foot {
		top: -75.4rem;
		height: 6vh;
		transform: rotate(1.5deg);
		width: 100%;
	}
}

@media(min-width: 428px)and (max-width: 429px) {
	.park-carousel-items-service {
		left: 9.7rem;
		width: 32%
	}

	.servicios-space-background {
		width: 100%;
		height: 141vh;
		overflow: hidden
	}

	.service-foot {
		top: -84.4rem;
		transform: rotate(3deg)
	}

	.cta-section-service img {
		position: relative;
		left: 17rem;
		top: 5rem;
		width: 60%
	}
}

@media(min-width: 900px)and (max-width: 1000px) {
	.park-carousel-container-service {
		height: 40vh
	}

	.park-carousel-items-service .park-image-media {
		height: 200px
	}

	.cta-section-service {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 0 0 8rem 0;
		position: relative;
		margin-bottom: 2rem
	}

	.cta-section-service img {
		width: 65vw;
		height: auto;
		position: relative;
		top: 5rem
	}

	.cta-section-service:hover {
		transform: scale(1)
	}
}

@media(min-width: 600px)and (max-width: 640px) {
	.park-carousel-container-service {
		height: 28vh
	}

	.title-servicios {
		width: 100%;
		height: auto;
		position: relative;
		top: -40px;
		margin: 8rem 0 6rem 0;
		background-position: center;
		background-repeat: no-repeat;
		object-fit: cover;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.title-servicios img {
		width: 100%;
		height: 100%
	}

	.park-carousel-items-service .park-image-media {
		height: 226px;
		position: relative;
		top: -11rem
	}

	.carousel-controls-service {
		bottom: .5rem;
		gap: 1rem
	}

	.carousel-prev-service,
	.carousel-next-service {
		display: none;
		width: 2.2rem;
		height: 2.2rem;
		font-size: 1.3rem
	}

	.carousel-indicators-service .indicator {
		width: .7rem;
		height: .7rem
	}
}

@media(min-width: 768px)and (max-width: 800px) {
	.servicios-content .title-servicios {
		top: -22px
	}

	.park-carousel-container-service {
		width: 100vw;
		height: 50vh
	}

	.park-carousel-items-service {
		width: 100%;
		height: 100%;
		left: -10rem;
		top: 5rem
	}

	.park-carousel-items-service .park-image-media {
		height: 100%;
		width: 100%
	}

	.park-carousel .carousel-prev {
		display: none
	}

	.park-carousel .carousel-next {
		display: none
	}

	.servicios {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 110%;
		height: 58vh;
		overflow: hidden;
		border-radius: 10px;
		margin: 0 auto;
		max-width: 100%;
		position: relative;
		top: -5rem
	}

	.park-carousel-container-service {
		height: 71vh;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0rem
	}

	.park-carousel-service {
		height: 39vh;
		width: 100%;
		position: relative;
		top: -4rem;
		left: 10.1rem
	}

	.titulo-imagen {
		max-width: 300px
	}

	.service-foot {
		width: 100%;
		height: 7vh;
		position: relative;
		top: 2rem
	}

	.service-foot img {
		height: 100%;
		width: 100%
	}

	.cta-section-service img {
		width: 60vw
	}
}

@media(width: 1280px) {
	.park-carousel-container-service {
		width: 100vw;
		left: -0.2rem
	}

	.park-carousel-service {
		left: 38rem
	}

	.park-carousel-service .carousel-controls {
		display: none
	}
}

.pregfrecuentes-background {
    background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto
}

.preguntas-frecuentes-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30rem
}

.preguntas-frecuentes-container img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cta-section {
	padding: 2.5rem 1.25rem
}

.faq-container {
	display: grid;
	gap: 2rem;
	padding: 2.5rem 6rem
}

.faq-item {
	border-radius: 10px;
	padding: 25px;
	transition: transform .3s ease;
	position: relative;
	overflow: hidden
}

.faq-item:hover {
	transform: translateY(-5px)
}

.faq-question {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	cursor: pointer;
	padding: 1rem 1.5rem;
	background: rgba(0, 0, 0, .3);
	padding: 1rem 1.5rem;
	transition: background-color .3s;
	border-radius: 20px 20px 0 0;
	transition: background-color .3s ease;
	position: relative;
	left: -1rem
}

.faq-question::after {
	content: "▾";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5rem;
	color: #fff;
	transition: transform .3s ease
}

.faq-question.open::after {
	content: "▴"
}

@keyframes smallNeonPulse {
	from {
		text-shadow: 0 0 5px #9b5ffa, 0 0 10px #9b5ffa, 0 0 15px #9b5ffa
	}

	to {
		text-shadow: 0 0 2.5px #7a0b0b, 0 0 5px #7a0b0b, 0 0 7.5px #7a0b0b
	}
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease, padding .5s ease;
	padding: 0 1rem;
	opacity: 0
}

.faq-answer.active {
	max-height: 1000px;
	padding: 1rem;
	opacity: 1;
	font-size: 17px;
	color: #fff;
	background: linear-gradient(90deg, rgb(22, 82, 149) 0%, rgb(22, 82, 149) 26%, rgb(10, 148, 206) 100%);
	box-shadow: 11px 11px 13px #000;
	border-radius: 0 20px 20px 20px;
	padding: 1rem 1rem 1.9375rem 1rem
}

.faq-answer.active::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #00bdb5;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .5s ease .3s;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 1
}

.faq-answer.active::after {
	transform: scaleX(1)
}

.footersup {
	width: 100%;
	height: 100%;
	position: relative;
	top: 3rem
}

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

@media(min-width: 768px)and (max-width: 790px) {
	.preguntas-frecuentes-container {
		width: 100%;
		height: 6rem
	}

	.preguntas-frecuentes-container img {
		width: 106vw;
		height: auto;
		object-fit: contain;
		top: 1rem !important
	}

	.faq-container {
		padding: 0;
		top: 1rem !important
	}

	.cta-section h2 {
		font-size: 2em
	}

	.faq-item {
		padding: 20px
	}

	.faq-question {
		font-size: 14px
	}

	.footersup {
		width: 100%;
		height: 7vh;
		position: relative;
		top: 2rem
	}

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

@media(max-width: 834px) {
	.preguntas-frecuentes-container img {
		position: relative;
		top: -13rem
	}

	.cta-section {
		position: relative;
		top: 4rem;
		height: 135vh
	}

	.faq-container {
		position: relative;
		top: -22rem;
		padding: 0;
	}
	.faq-question{
	    font-size:13px !important;
	}
}

@media(max-width: 428px) {
	.cta-section {
		height: auto
	}

	.faq-question {
		font-size: 12px
	}
}

.politica-space-background {
	background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto
}

.privacy-container {
	width: auto;
	height: auto;
	margin: 1rem 4rem 0 4rem;
	border-radius: 2rem
}

.privacy-container .privacy-header {
	width: 100%;
	height: 25rem;
	text-align: center;
	margin-bottom: 2rem
}

.privacy-container .privacy-header img {
	width: 100%;
	height: 100%;
	object-fit: fill
}

.privacy-container .privacy-content {
	width: 100%;
	height: auto;
	border-radius: 2rem;
	padding-bottom: 5rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 20px;
	gap: 20px
}

.policy-section {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 1%, rgb(0, 0, 0) 21%, rgb(14, 51, 92) 50%, rgb(10, 148, 206) 100%);
	border-radius: 15px;
	color: #fff;
	text-align: left;
	padding: 20px;
	box-shadow: 0 14px 13px #0a0909;
	position: relative
}

.policy-section:hover {
	transform: translateY(-0.3125rem)
}

.policy-section h2 {
	color: #fff;
	font: size 1.5em;
	text-align: center;
	font-weight: 900;
	font-family: sans-serif;
	z-index: 2
}

.policy-section h3,
.policy-section h4 {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: 1.25rem;
	position: relative;
	z-index: 2
}

.policy-section p {
	color: #fff;
	line-height: 1.6;
	font-size: 1.6rem;
	margin-bottom: 1rem;
	z-index: 2;
	position: relative
}

.policy-section ul {
	list-style: none;
	padding-left: 1.25rem;
	margin-bottom: 1.25rem
}

.policy-section li {
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	position: relative
}

.policy-section::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 15px;
	right: 20px;
	bottom: 20px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px hsla(0, 0%, 100%, .7);
	box-sizing: border-box;
	border-radius: 10px;
	z-index: 1
}

.toggle-section-btn {
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: background-color .3s ease;
	text-align: center
}

.toggle-section-btn:hover {
	background-color: #0056b3
}

.subsection {
	margin-left: 1.25rem;
	margin-bottom: 1.25rem;
	position: relative;
	z-index: 2
}

.subsection .policy-item {
	background: rgba(0, 0, 0, 0);
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 1rem
}

.contact-info {
	background: rgba(0, 0, 0, 0);
	padding: 1.25rem;
	border-radius: 1rem
}

.rights-list li {
	list-style: circle;
	padding-left: 3rem
}

.foot-policy {
	width: 100%;
	height: 7vh;
	position: relative;
	top: 1rem
}

.foot-policy img {
	width: 100%;
	height: 100%
}

@media(min-width: 340px)and (max-width: 428px) {
	.privacy-container .privacy-content {
		grid-template-columns: repeat(1, 1fr);
		padding: 0px;
		gap: 15px
	}

	.privacy-container h1 {
		font-size: 2em
	}

	.privacy-container .privacy-header {
		height: 100%;
		width: 100%
	}

	.privacy-container .privacy-header img {
		width: 100%;
		height: 100%
	}

	.subsection {
		margin-left: 1rem;
		position: relative;
		z-index: 2
	}

	.policy-section {
		padding: 15px
	}

	.policy-section::before {
		top: 8px;
		left: 8px;
		right: 8px;
		bottom: 8px;
		border-radius: 10px
	}

	.policy-section::before h2,
	.policy-section::before h3 {
		color: #fff;
		font-size: 1.7em;
		text-align: center;
		font-weight: bold
	}

	.foot-policy {
		width: 100%;
		height: 7vh;
		position: relative;
		top: 5.2rem
	}

	.foot-policy img {
		width: 100%;
		height: 100%;
		top: -1.6rem;
		position: relative;
		transform: rotate(2deg)
	}
}

@media(min-width: 768px)and (max-width: 844px) {
	.privacy-container .privacy-header {
		height: 100%;
		width: 100%
	}

	.privacy-container .privacy-header img {
		width: 100%;
		height: 100%
	}

	.privacy-container .privacy-content {
		grid-template-columns: repeat(1, 1fr);
		padding: 0px;
		gap: 15px
	}

	.privacy-container h1 {
		font-size: 2em
	}

	.subsection {
		margin-left: 1rem;
		position: relative;
		z-index: 2
	}

	.policy-section {
		padding: 15px
	}

	.policy-section::before {
		top: 8px;
		left: 8px;
		right: 8px;
		bottom: 8px;
		border-radius: 10px
	}

	.policy-section::before h2,
	.policy-section::before h3 {
		color: #fff;
		font-size: 1.7em;
		text-align: center;
		font-weight: bold
	}

	.foot-policy {
		width: 100%;
		height: 7vh;
		position: relative;
		top: 3.2rem
	}

	.foot-policy img {
		width: 100%;
		height: 100%;
		top: -1rem;
		position: relative
	}
}

@media(min-width: 820px)and (max-width: 834px) {
	.foot-policy img {
		width: 100%;
		height: 100%;
		top: -1rem;
		position: relative
	}
}

.promociones-space-background {
    background-image: url("../images/fotos/Home/imagenes/BACKGROUND.webp");
	background-size: cover;
	background-position: center;
	background-repeat: repeat-y;
	width: 100%;
	height: 188vh
}

.promociones-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 171vh;
	margin: 22px auto;
	background-image: url("../images/fotos/promociones/imagenes/centro_de_control.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	object-position: center;
	top: -3rem
}

.promociones-content .title-promociones img {
	position: relative;
	width: 29%;
	height: 100%;
	top: 1rem;
	left: 33rem
}

.promociones-content .boton-centro img {
	position: relative;
	width: 20%;
	height: 100%;
	top: -42rem;
	left: 37rem
}

.promociones-content .boton-der img {
	position: relative;
	width: 10%;
	height: 100%;
	top: -45rem;
	left: 80rem
}

.promociones-content .boton-izq {
	top: -5.5rem;
	position: relative
}

.promociones-content .boton-izq img {
	position: relative;
	width: 10%;
	height: 100%;
	top: -45rem;
	left: 5rem
}

.mensaje {
	position: absolute;
	left: 41rem;
	top: 45rem;
	z-index: 1;
	font-size: 30px
}

.promo-center {
	width: 100%;
	height: auto
}

.promo-center img {
	width: 70%;
	height: 55%;
	position: relative;
	top: -4rem;
	left: 13rem
}

.fooder-promo {
	position: absolute;
	top: 73rem;
	transform: rotate(1deg)
}

.fooder-promo img {
	width: 100%;
	height: 60%
}

@media(min-width: 320px)and (max-width: 450px) {
	.promociones-content {
		top: -4rem;
		height: 73vh
	}

	.promociones-content .title-promociones img {
		width: 36%;
		top: 2rem;
		left: 13.5rem
	}

	.promociones-content .boton-izq img {
		width: 27%;
		top: -30.5rem;
		left: 1rem
	}

	.promociones-content .boton-centro img {
		width: 50%;
		top: -33rem;
		left: 10.6rem
	}

	.promociones-content .boton-der img {
		top: -29.5rem;
		left: 28rem;
		width: 27%
	}

	.fooder-promo {
		width: 100%;
		height: 10%
	}

	.fooder-promo img {
		width: 100%;
		height: 100%;
		position: relative;
		top: -13rem;
		transform: rotate(2deg)
	}

	.promo-center {
		width: 100%;
		height: auto
	}

	.promo-center img {
		width: 70%;
		height: 55%;
		position: relative;
		top: -2rem;
		left: 5rem
	}

	.mensaje {
		position: absolute;
		left: 12.5rem;
		top: 36rem;
		font-size: 27px;
		z-index: 1
	}

	.promociones-space-background {
		height: 85vh
	}
}
@media(min-width: 1440px) and (max-width:1500px){
   .cc-parques .location-section .resto-pais-planetas img {
   top: 85rem ;
    }
    .llegar img{
        top: -0.5rem;
    }
    .park-image-media{
        height: 110%;
        position: relative;
        top: 4rem;
        left: 0rem;
    }
    .enlaces-derecha-parques img{
        left: 7rem;
    }
    .footer-contact{
        top: 144rem;
    }
    .cc-parques .location-section .planets-bogota{
        left: -34px;
        top: -84rem;
    }
    .planets-row-resto{
        top: -122rem;
    }
    .cc-parques .location-section .bogota img {
    height: 13%;
    }
    .footer-2{
        top: 69rem;
    }
    .llegar .map iframe{
        height: 46vh;
    }
    .sede-container .park-site{
        top: -1rem;
        position: relative;
    }
    .cta-section-service1 img{
        top: -28rem;
        left: -31rem;
    }
    .dominick-derecha{
        top: 91rem;
    }
    .carousel-container .title-novedades img{
        top: 85rem;
    }
    .footer_2{
        top: 202rem;
    }
    .park-carousel-container-service{
        left: -6.2rem;
    }
    .service-foot{
        top: -138.4rem;
    }
    .cc-parques .location-section .resto-pais-planetas img{
        top: -30rem;
    }
    .footer2{
        top: 209rem;
    }

}
@media(min-width: 1920px) and (min-height: 1020px){
    .carousel-container .title-novedades img{
        bottom: -37rem;
    }
    .footer_2{
        top: 185rem;
    }
    .cc-parques .location-section .planets-bogota{
     top: -144rem;   
    }
    .footer2{
        top: 203rem;
        transform: rotate(1deg);
    }
    .superior{
        top: 25rem;
    }
    .inferior{
       top: 26rem; 
    }
    .service-foot{
        top: -126.4rem;
    }
    .footer-contact{
        top: 145rem;
    }
    .footer-2{
        top: 73rem;
    }
    .park-carousel-container{
        height: 61vh;
        width:110vw ;
    }
    .park-image-media{
        width: 100vw;
        height: 108vh;
        position: relative;
        left: -7rem;
        top: 11rem;
    }
    .sede-container .park-site{
        position: relative;
        top: -1rem;
    }
    .footer2 img{
        top: -1rem;
    }
}
 
/*# sourceMappingURL=styles.css.map */