@font-face {
		  font-family: 'ROSSTEN';
		  src: url('/fonts/ROSSTEN.ttf') format('truetype');
		  font-weight: normal;
		  font-style: normal;
		}

		@font-face {
		  font-family: 'ASTON';
		  src: url('/fonts/Aston Script.ttf') format('truetype');
		  font-weight: normal;
		  font-style: normal;
		}

		* {
		  box-sizing: border-box;
		  margin: 0;
		  padding: 0;
		}
		html, body{
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		body{
			font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
			margin: 0;
			scroll-behavior: smooth;
		  	scroll-snap-type: y mandatory;
		}

		section {
			font-size: clamp(1.5rem, 3vw, 3rem);
			color: white;
			height: 100vh;
			width: 100vw;
		 	display: flex;
		  	align-items: center;
		  	justify-content: center;
		  	scroll-snap-align: start;
		}
		.navBar {
			position: fixed;

			top: 0;
			left: 0;
			right: 0;
		}
		.navBar img.menuFondo {
			position: fixed;
			width: 100%;
			height: 120px;
			z-index: 100;
		}
		.navBar img.menuBoton {
			position: fixed;
			top: 0;
			left: calc(var(--pos)* 1px);
			z-index: 101;

		}
		.navBar img.menuBoton:hover {
			cursor: pointer;

		}

		.s1 { 
			background-image: url("../img/1.png");
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: 100% 100%;

		}
		.s2 { 
			background-image: url("../img/2.png");
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: 100% 100%;
		  }
		.s3 { 
			background-image: url("../img/3.png");
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: 100% 100%;
		  }
		  .s4 { 
			background-image: url("../img/4.png");
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: 100% 100%;
		  }
		  .s5 { 
			background-image: url("../img/5.png");
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: 100% 100%;
		  	display: block;
		  }
		
		.content{
			text-align:center;
			width: 100%
		}
		.s4_content_right{
			width: 40%;
			margin-top: 10vh;
			margin-left: 55vw;
		}

		.s5_content_left{
			width: 60%;
			height: 100%;

		}
		.s5_content_right{
			width: 20%;
			height: 100%;
			margin-left: 10%;
			

		}

		.lead{opacity:.95}
		p{opacity:.9;font-size:clamp(.9rem,1.6vw,1.1rem)}

		#s3_sobre{
			width: 40vw;
			height: 70vh;
		}
		#s3_sobre:hover{
			content: url("../img/3_sobre_abierto.png");
			cursor: pointer;
		}

		#s4_pulsa{
			height: 57vh;
			width: 27vw;
		}
		#s4_pulsa:hover{
			cursor: pointer;
		}

		#s5_1_pulsa{
			height: 15vh;
			width: 10vw;
			margin-top: 57vh;
		}
		#s5_2_pulsa{
			height: 7vh;
			width: 10vw;
			margin-top: 52vh;
		}

		#s5_1_pulsa:hover{
			cursor: pointer;
		}
		#s5_2_pulsa:hover{
			cursor: pointer;

		}

		#enunciado-general{
			font-family: 'ROSSTEN', sans-serif;
			color: #473e41;
			font-size: 1.6vw;
			text-align: center;
		}

		#mensaje-final, #descripcion-final{
			font-family: 'ROSSTEN', sans-serif;
			color: #000000;
			font-size: 1vw;
			text-align: left;
		}

		.fuenteFemcel{
			font-family: 'ROSSTEN', sans-serif;
			color: #000000;
			font-size: 1vw;
		}
		
		#enunciado-pregunta{
			font-family: 'ROSSTEN', sans-serif;
			color: #473e41;
			font-size: 1.6vw;
			text-align: center;
		}

		#form-respuestas{
			font-family: 'ROSSTEN', sans-serif;
			color: #473e41;
		}

		.respuestas-vertical {
		  display: flex;
		  flex-direction: column;
		  gap: 10px;
		}

		.opcion-radio {
		  display: flex;
		  align-items: center;
		  gap: 10px;
		  cursor: pointer;
		  font-size: 1.1rem;
		}

		.opcion-radio input[type="radio"] {
		  transform: scale(clamp(0.8, 0.9vw, 1.3));
		  cursor: pointer;
		}

		.btn-img:hover{
			cursor: pointer;
		}

		.inputNombre{
			font-family: 'ROSSTEN', sans-serif;
			background-color: white;
			border-color: #473e41;
			border-radius: 0.4vw;
			width: 80%;
			margin-left: auto;
			margin-right: auto;
			color: #473e41;
			font-size: 1.6vw;
			padding-left: 2%;

		}


		#terminos-condiciones {
		  position: fixed;
		  inset: 0;
		  background: rgba(0, 0, 0, 0.6);
		  z-index: 9999;

		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  overflow-y: auto;
		  padding-top: 6vh;
		  scrollbar-width: none; 
  		  -ms-overflow-style: none; 
		}	

		.modal-contenido {
		  font-family: 'ROSSTEN', sans-serif;
		  background: white;
		  width: 50vw;
		  padding: 2vw;
		  border-radius: 8px;
		  display: flex;
		  flex-direction: column;
		  color: #473e41;
		  font-size: 1.6vw;
		}

		.modal-contenido p{
			font-size: 1.4vw;
			text-align: justify;
			padding-right: 1vw; 
		}

		.modal-texto {
		  margin-top: 1vw;
		}

		.clausula {
		  margin-top: 1vw;
		}

		.clausula-titulo {
		  display: block;
		  padding-left: 1vw; 
		}

		.clausula-texto {
		  display: block;
		  padding-left: 1.9vw; 
		}

		.clausula-subapartado{
		  display: block;
		  padding-left: 5.3vw;
		  text-indent: -1vw;

		}


		.fake-bold {
		  text-shadow:
		    0.01em 0 0 currentColor,
		   -0.01em 0 0 currentColor;
		}

		#aceptarTerminosCheckbox{
			height: 20px;
			width: 20px;
		}

		#aceptarTerminosCheckbox:hover{
			cursor: pointer;
		}