@font-face {
  font-family: "Posey";
  src: url("../assets/fonts/Posey.otf");
  font-weight: normal;
  font-style: normal;
}


#smooth-wrapper{
    background: url(../assets/img/fondo_papel.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}

/* SLIDE BAR */

.sidebar {
  background: url(../assets/img/menu.png);
  background-size: 100% 100%;
  
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.05s;
  padding-top: 60px;
    display: block;
}

.sidebar a {
  padding: 8px 8px 8px 10px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  font-size: 15px;
  color: dimgray;
  display: block;
  transition: 0.05-s;
}

.sidebar a:hover {
  color: #3973B9;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 25px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #3973B9;
  color: white;
  padding: 5px 10px;
  border: none;
}

.openbtn:hover {
  background-color: dimgray;
}

#main {
  transition: margin-left .5s;
  padding: 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}




/* MODAL GSAP */

.modalGSAP{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0, 0, 0, 0.5);;
  overflow:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  opacity:0;
  visibility:hidden;
  transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
}

.modal__content{
  height: 300px;
  overflow: auto;
  width:100%;
  background:white;
  padding:50px;
  max-width:400px;
  font-size:20px;
  line-height:30px;
  margin:auto;
  z-index:1000;
}

.modal__close{
  position:fixed;
  top:50px;
  right:50px;
  color:white;
}

.modalGSAP.is-visible{
  opacity:1;
  visibility: visible;
}

#SabermasModal .modal-body{
  height: 100px;
  width: 100%;
  overflow-y: auto !important;
}


/* END */

.modal-content {
     background: url(../assets/img/fondo_papel.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;   
}

.modal-title{
    vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

.chars {
    padding: 0 10px;
    margin: 0 -10px;
}



.spacer {
  width: 100%;
  height: 50vh;
}

.spacerPortatil {
  width: 100%;
  height: 40vh;
}





/* ESCENA 1 */ 

section#titlechart  {background: url()
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
    
}

/* TEXTOS */

/* ESCENA 0 */



section#escena_0 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_0 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #3973B9;
	font-size: 8vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_0 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-style: normal;
	color: gray;
	font-size: 3vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_0_titulo1 {
    top: 35%;
    border: 0px solid black;
}

#imagen_0_fondo1 {position:absolute; background: url(../assets/img/Taj_Mahal.png)
    no-repeat  center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}



/* ESCENA 1 */

section#escena_1 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_1 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: dimgray;
	font-size: 2.5vw;
	padding: 0% 35% 0% 5%;
	border-radius: 10px;
	pointer-events: all;
}

#imagen_1_fondo1 {position:absolute; background: url(../assets/img/enfermedad_piel_1.png)
    no-repeat  center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}



/* ESCENA 2 */

section#escena2{}

section#escena_2 {
	text-align: right;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_2 h1 {
    
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	font-family: 'Montserrat', serif;
	font-weight: 600;
	font-style: normal;
	color: dimgray;
	font-size: 2vw;
	padding: 20% 15% 0% 45%;
}







#imagen_2_fondo1{position:absolute; background: url(../assets/img/enfermedad_piel_2.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}



/* ESCENA 3 */

section#escena_3 {
	text-align: left;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}


#imagen_3_fondo1{position:absolute; background: url(../assets/img/enfermedad_piel_3.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}

section#escena_3 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', serif;
	font-weight: 600;
	font-style: normal;
	color: dimgray;
	font-size: 2vw;
	padding: 15% 40% 10% 10%;

}



/* ESCENA 4 */

section#escena_4 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_4 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: dimgray;
	font-size: 3vw;
	padding: 0% 6% 2% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_4 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Handlee', serif;
	font-style: bold;
    color: white;
	font-size: 1.4vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_4 h5 {
	vertical-align: text-top;
	display: inline;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;
	font-style: bold;
	color: #3973B9;
	font-size: 2vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}



#imagen_4_video_1{
    width: 100%
    border: 0px solid black;
    
}

#imagen_4_video_2{
    width: 100%
    border: 0px solid black;
    
}

/* ESCENA 4B */

section#escena_4B {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_4B h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-style: normal;
	color: #3973B9;
	font-size: 6vw;
	padding: 0% 6% 2% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_4B h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
    color: white;
	font-size: 1vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}



#imagen_4B_video_1{
    width: 100%
    border: 0px solid black;
    
}

#imagen_4B_video_2{
    width: 100%
    border: 0px solid black;
    
}


/* ESCENA 5 */

section#escena_5{
    text-align: left;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_5 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
    color: dimgray;
	font-size: 2.5vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_5 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3973B9;
	font-size: 3.5vw;
	padding: 0% 15% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}



#texto_5_bloque_izquierda div {
    font-size: 1.5vw;
}

section#escena_5 h3 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'MontserratLight', Arial, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #3973B9;
	font-size: 1.3vw;
	padding: 10% 10% 10% 10%;
	border-radius: 10px;
	pointer-events: all;
}



#imagen_5_fondo1 {position:absolute; background: url(../assets/img/dinero.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}

#imagen_5_icon_1, #imagen_5_icon_2, #imagen_5_icon_3, #imagen_5_icon_4 {
    max-width: 65%;
    border: 0px solid black;
}



/* ESCENA 6  AMBULANCIA*/

#escena_6 canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -64%);
  max-width: 100vw;
  max-height: 100vh;
}

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

#escena_6_titulo {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
 
#escena_6_titulo div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-size: 3vw;
    margin: 0;
    color: #3973B9;
    opacity: 0;
    font-family: 'Posey', Arial, sans-serif;

    &:first-child {
      opacity: 1;
    }
  }

#escena_6_titulo div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-size: 3vw;
    margin: 0;
    color: #3973B9;
    opacity: 0;

  }

#escena_6 h1 {
    display: inline-block;
	position: relative;
    text-align: center;
    vertical-align: bottom;
    font-size: 2.5vw;
    margin: 0;
    color: dimgray;
    font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
  }

#escena_6 h2 {
    display: inline-block;
	position: relative;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.5vw;
    font-weight: bold;
    margin: 0;
    color: #3973B9;
    font-family: 'Montserrat', Arial, sans-serif;
  }

#escena_6 h3 {
    display: inline-block;
	position: relative;
    text-align: center;
    vertical-align: top;
    font-size: 2vw;
    font-weight: 200;
    margin: 0;
    color: dimgray;
    font-family: "Caveat", serif;

  }



/* ESCENA 7 */

section#escena_7 {
    text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_7 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3973B9;
	font-size: 5vw;
	padding: 2% 5% 0% 5%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_7 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: dimgray;
	font-size: 2.5vw;
	padding: 0% 5% 0% 5%;
	border-radius: 10px;
	pointer-events: all;
}


/* ESCENA 8 */

section#escena_8 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_8 h1 {
	vertical-align: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #3973B9;
	font-size: 4vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}
section#escena_8 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;
	font-weight: 500;
    font-size: 2.5vw;
    line-height: 1;
	font-style: normal;
	color: white;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}



/* ESCENA 9 */

section#escena_9 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_9 h1 {
	vertical-align: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #3973B9;
	font-size: 4vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}
section#escena_9 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;;
	font-weight: 500;
    font-size: 2.5vw;
    line-height: 1;
	font-style: normal;
	color: white;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

/* ESCENA 10 */

section#escena_10 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_10 h1 {
	vertical-align: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #3973B9;
	font-size: 4vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}
section#escena_10 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;
	font-weight: 500; 
    font-size: 2.5vw;
    line-height: 1;
	font-style: normal;
	color: white;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

/* ESCENA 11 */

section#escena_11 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_11 h1 {
	vertical-align: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}
section#escena_11 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;;
	font-weight: 500;
    font-size: 2.2vw;
    line-height: 1;
	font-style: normal;
	color: white;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

/* ESCENA 12 */

section#escena_12 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;;
}

section#escena_12 h1 {
	vertical-align: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}
section#escena_12 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;;
	font-weight: 500;
    font-size: 2.2vw;
    line-height: 1;
	font-style: normal;
	color: white;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

/* ESCENA 13 */

section#escena_13 {
	text-align: center;
	position: relative;
	min-height: 500px;
	min-width: 100%;
	height: 200%;
}

section#escena_13 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_13 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 3vw;

	font-style: normal;
	color: #3973B9;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

#imagen_13_video_1{
    width: 65%
    border: 0px solid black;
    
}

#imagen_13_video_2{
    width: 65%
    border: 0px solid black;
    
}

/* ESCENA 13A */

section#escena_13A {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_13A h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: dimgray;
	font-size: 3vw;
	padding: 0% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_13A h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;;
	font-weight: 500;
    font-size: 3vw;
    line-height: 1;
	font-style: normal;
	color: #af6d3b;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_13A h5 {
	vertical-align: text-top;
	display: inline;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;
	font-style: bold;
	color: #3973B9;
	font-size: 2vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

#imagen_13A_video_1{
    width: 45%
    border: 0px solid black;
    
}

#imagen_13A_video_2{
    width: 45%
    border: 0px solid black;
    
}

#escena_13A_tabla {position:absolute; background: url()
    no-repeat  center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
     background-size: contain;

}

/* ESCENA 14A MAPAS */



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

#escena_14A_titulo {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
 
#escena_14A_titulo div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-size: 3vw;
    margin: 0;
    color: #3973B9;
    opacity: 0;
    font-family: 'Posey', Arial, sans-serif;

    &:first-child {
      opacity: 1;
    }
  }

#escena_14A_titulo div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-size: 3vw;
    margin: 0;
    color: #3973B9;
    opacity: 0;

  }

section#escena_14A h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #3973B9;
	font-size: 2.5vw;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_14A h2 {
    display: inline-block;
	position: relative;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.5vw;
    font-weight: bold;
    margin: 0;
    color: #3973B9;
    font-family: 'Montserrat', Arial, sans-serif;
  }

#escena_14A h3 {
    display: inline-block;
	position: relative;
    text-align: center;
    vertical-align: top;
    font-size: 2vw;
    font-weight: 200;
    margin: 0;
    color: dimgray;
    font-family: "Caveat", serif;

  }






/* ESCENA 14 */

section#escena_14 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}


section#escena_14 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #3973B9;
	font-size: 2.5vw;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_14_tabla {position:absolute; background: url(../assets/img/hoja_papel_1.png)
    no-repeat  center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
     background-size: contain;

}


/* ESCENA 15 */

section#escena_15 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}


section#escena_15 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Handlee', serif;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_15_tabla {position:absolute; background: url(../assets/img/hoja_papel_2.png)
    no-repeat  center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
     background-size: contain;

}

/* ESCENA 16 */

section#escena_16 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}


section#escena_16 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Handlee', serif;
	font-style: normal;
    font-weight: 800;
	color: #3973B9;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_16_tabla {position:absolute; background: url(../assets/img/hoja_papel_3.png)
    no-repeat  center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
     background-size: contain;

}


/* ESCENA 17 */

section#escena_17 { 
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}


section#escena_17 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-style: normal;
	color: #3973B9;
	font-size: 2.7vw;
	padding: 3% 0% 0% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_17 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #3973B9;
	font-size: 1vw;
	padding: 0% 15% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

#escena_17_tabla {position:absolute; background: url(../assets/img/hoja_papel.png)
    no-repeat  center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
     background-size: contain;

}

/* ESCENA 18 */

section#escena_18{
    text-align: left;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_18 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3973B9;
	font-size: 4vw;
	padding: 0% 10% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_18 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3973B9;
	font-size: 3.5vw;
	padding: 0% 15% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}



section#escena_18 h3 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'MontserratLight', Arial, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #3973B9;
	font-size: 1.5vw;
	padding: 10% 10% 10% 10%;
	border-radius: 10px;
	pointer-events: all;
}

#imagen_18_icon_1, #imagen_18_icon_2, #imagen_18_icon_3, #imagen_18_icon_4 {
    max-width: 65%;
    border: 0px solid black;
}



/* ESCENA 19 */

section#escena_19 {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}

section#escena_19 h1 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: 'Posey', Arial, sans-serif;
	font-style: normal;
	color: #3973B9;
	font-size: 3vw;
	padding: 0% 6% 2% 6%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_19 h2 {
	vertical-align: text-top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-family: "Montserrat", Arial, sans-serif;
    font-weight: 800;
	font-style: bold;
	color: white;
	font-size: 1vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

section#escena_19 h5 {
	vertical-align: text-top;
	display: inline;
	position: relative;
	cursor: pointer;
	font-family: "Caveat", serif;
	font-style: bold;
	color: white;
	font-size: 2vw;
	padding: 0% 0% 0% 0%;
	border-radius: 10px;
	pointer-events: all;
}

#imagen_19_video_1{
    width: 100%
    border: 0px solid black;
    
}

#imagen_19_video_2{
    width: 100%
    border: 0px solid black;
    
}

        *,*::after, *::before {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }



        #carouselExampleCaptions {
          width: 80vw;
          height: 100%;

          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }

        #carouselImage {
          width: 80vw;
          height: 100%;

          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }

        .carousel-inner {
            width: 100%;
        }

        .card {
            width: 100%;
            height:110%;
            border-radius: 10px;
            border: none !important; 
            transition: filter 0.5s ease;
            background: none;
        }

        .card img {
            width: 100%;
            height: auto%;
            object-fit: cover;
            object-position: 0% 20%;
            border-radius: inherit;
        }

        .card .name {
            font-size: 1.5em;
            font-weight: 500;
            text-transform: uppercase;
            margin-top: 10px;
        }

        .card .role {
            font-size: 1.2em;
            margin: 0;
        }

        .card .work-at {
            font-size: 1em;
        }

        /* Controls */

        i.fa-arrow-right,
       i.fa-arrow-left {
          background: none;
          border: 2px solid #af6d3b;
          color: #af6d3b;
          padding: 10px;
          border-radius: 100%;
          transition: background .6s ease;
        
        }

        i.fa-arrow-right:hover,
       i.fa-arrow-left:hover {
          background: #af6d3b;
          color: white;
        }

        .carousel-control-next {
            margin: 0 3em;
        }

        .control-btn {
            position: relative;
            top: 2em;
            right: -2.5em;
        }

        .control-btn i.fa-arrow-left {
            position: absolute;
            right: 6em;
        } 


        /* Indicators */

        .carousel-indicators [data-bs-target] {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          border: 2px solid  #af6d3b;
        }

        .carousel-indicators .active {
            opacity: 1;
            background-color: #af6d3b;
        }

      @media screen and (max-width: 900px){
        #carouselExampleCaptions {
          width: 70vw;
          height: 70vw;
        }
        #carouselImage{
          width: 70vw;
          height: 70vw;
        }
        .card img {
            width: 100%;
            height: 10em;
        }

        .card .name {
          margin-top: 1em;
            font-size: 1em;
            font-weight: 700;
        }

        .card .role {
            font-size: 0.8em;
        }

        .card .work-at {
            font-size: 0.6em;
        }
        }

        @media screen and (max-width: 576px) {
        .carousel-item .card .caption {
              position: absolute;
              top: 20px;
              left: 10px;
              background-color: none;
              border-radius: 10px;
              padding: 10px;
        }
      }

.card{
background: none !important;
border: 0px solid rgba(0, 0, 0, .125) !important;
}

  

/* FALDON */

#faldon {position:relative; background: url(../assets/img/faldon.png)
    no-repeat  center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
    width: 100%;
    padding-top: 56.75%;


}

/* VELO LOADING */

section#loading {
    background: url(../assets/img/fondo_papel.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
    align-items: center;
	text-align: center;
	position: fixed;
	height: 100%;
	height: 100%;
}
section#mobile {
    background: url(../assets/img/fondo_papel.png)
    no-repeat     center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
    align-items: center;
	text-align: center;
	position: fixed;
	height: 100%;
	height: 100%;
}

/* MENU */

section#menu {
	text-align: center;
	position: fixed;
	height: 7%
}