* {
		margin: 0;
		padding: 0;
	}
	.boton-cierre{
		border: 0;
	}
	#full-screen{
		width: 35px;
	}
	.boton-cierre:hover{
		border: 0;
	}
	#entrada-principal{
		justify-content: space-evenly;
	}
	#loading {
		height: 100vh;
		background-color: #e5d1bb;
		z-index: 9986;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
		transition-timing-function: linear;
		transition: 2s;
	}
	
	#fullScrenn {
		height: 100vh;
		background:url(../../PNGS/Fondo_medio.jpg);
		background-size: cover;
		background-position:center center;
		z-index: 9986;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#fullScrenn button {
		background: url('../../PNGS/BOTON_COMIENZA_OFF.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		border: transparent;
		padding: 35px 90px !important;
		cursor: pointer;
		transition: linear .5s;
	}
	#fullScrenn button:hover {
		background: url('../../PNGS/BOTON_COMIENZA_ON.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		border: transparent;
		padding: 40px 100px !important;
		transition: ease-in .3s;
	}

	.visible {
		display:block;
		position:absolute;
		top:0;left:0;
		transition-timing-function: linear;
		transition: 2s;
		}

	.hidden {
		display:none !important;
		transition-timing-function: linear;
		transition: 2s;
		}

	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #4e4440;
	}

	h1 {
		font-family: "karmina";
		font-style: italic;
		font-weight: bold;
		font-size: 3rem;
		line-height: 1;
		margin-bottom: 1rem;
		align-self: flex-start;
	}

	p {
		font-family: "karmina";
		font-size:22px;
		line-height: 1.2;
	}
	strong{
		font-style: italic;
		font-size: 105%;
	}

	body {
		font-weight: 300;
		letter-spacing: 0.0625em;
		background-image: url('../../PNGS/fondo_verne.jpg');
		background-color: #E5D1BB;
		background-position-y: 0;
		background-position-x: center;
		background-size: cover;
	}

	a {
		text-decoration: none;
	}

	.slides-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 10;
	}

	.slide {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.slide .centered {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 1240px;
		height: 100%;
	}

	.slide .bottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
	}

	.slide .multiDiv {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 1240px;
		height: 100%;
    }
    

	.slide .multiDiv div {
		width: 50%;
		padding: 0px 10px;
    }

    .slide .multiDiv div img {
		width: 100%;
	}

	.left-5{
		display: flex;
		flex-direction: column; 
		justify-content:center;
		width: 60vw !important;
		height: 90vh;
	}

	#imagen-cierre{
		width: 60%;
	}
	#vineta-cierre{
		width: 60px;
		height: auto;
		align-self: flex-start;
		padding: 15px 0 ;
	}
	.cierre p{
		align-self: flex-start;
		font-family: "karmina-sans";
		
	}	
	.cierre a{
		align-self: flex-start;
		text-decoration: underline;
		color: #4e4440;
	
	}
	.cierre a p:hover{
		color: #4e444088;
	
	}
	.cierre a:hover{
		color: #4e444088;
	
	}
	.cierre strong{
		font-size: 1.5rem;
		
	}

    .slide-1,
    .slide-2,
    .slide-3,
    .slide-4,
    .slide-5,
    .slide-6,
    .slide-7,
    .slide-8,
    .slide-9,
    .slide-10,
    .slide-11{
        background-color: transparent;
    }

	:root {
		--color_bg: #504541;
	}

	.div-img {
		width: 80px;
		height: 80px;
		background-color: var(--color_bg);
		-webkit-mask-box-image: url(https://encasa.parqueexplora.org/wp-content/uploads/2020/10/FLECHA.png);
	}

	.swipe-up .texto p {
		font-size: 1rem;
		font-weight: 900;
		color: var(--color_bg);
		text-align: center;
		line-height: 1;
		margin: 0;
	}

	.swipe-up .icono {
		display: flex;
		align-content: center;
		justify-content: center;
		text-align: center;
		transform: translateY(-15%);
		-webkit-transform: translateY(-15%);
		animation: slide-in 4s infinite;
	}

	@-webkit-keyframes slide-in {
		50% {
			transform: translateY(15%);
			-webkit-transform: translateY(15%);
		}

		100% {
			transform: translateY(-15%);
			-webkit-transform: translateY(-15%);
		}
	}

	@keyframes slide {
		100% {
			left: 0;
		}
	}

	@media screen and (min-width:1241px){
		p {
			font-size: 22px;
		}
	}

	@media screen and (max-width: 1240px) {
        .slide .multiDiv {
            width: 90vw;
        }
        .slide .centered {
            width: 90%;
            padding: 0px 25px;
        }
        .slide .centered img{
            width: 90%;
        }
    }

	@media screen and (max-width: 960px) {
        .slide .multiDiv {
            width: 96vw;
        }
    }

	@media screen and (max-width: 768px) {

    }

	@media screen and (max-width: 480px) {
		.entrada-principal{
			justify-content: space-around;
		}
		#imagen-cierre {
			width: 110% !important;
		}
		p {
			font-size:18px !important;
		}
		.cierre strong{
			font-size:105% !important;
		}

		.right-6 img{
			width: 53vh !important;
    		height: max-content !important;
		}

		.right-10 img{
			width: auto !important;
    		height: 40vh !important;
		}
		.left-11 img{
			width: auto !important;
			height: 40vh!important;
		}
		.left-11{
			height: 35% !important;
		}


		.left-9{
			height: 40% !important;
		}

		.right-9{
			height: 60% !important;
		}

        .slide .multiDiv {
            flex-direction: column;
        }
        .slide .multiDiv div img {
			width: auto;
        }
    
        .slide .multiDiv div {
            width: 100%;
            padding: 0px 0px;
            height:50% ;
            justify-content: center;
            display: flex;
		}
		.left-5 {
			width: 90vw !important;
			height: 90vh !important;
		}

        h1 {
            font-size: 2rem;
            line-height: 1;
            margin-bottom: 1rem;
        }
        .left img{
            height: 100%;
        }
        .right img{
            height: 100%;
        }
        .centered img{
            width: 100%;
        }
        .slide .centered{
            padding: 0px 20px;
        }
        #slide-8 p {
            line-height: 1.1;
		}
		#slide-5 img{
			height: 60%;
			width: 60%;
			align-self: center;
		}
		
		#full-screen{
			width: 30px;
		}

    }

	@media screen and (max-width: 420px) {}

	@media screen and (max-width: 320px) {}