/* Reset estilos por defecto */
		*,
		*::before,
		*::after {
			box-sizing: border-box; /*Determina cómo se calculan el ancho y el alto de un elemento. El valor border-box incluye el padding y el border en el cálculo.*/
		}

		body, html {
			font-family: 'Poppins'; /*Especifica la fuente que se utilizará para un elemento.*/
			margin: 0;
			padding: 0; /*Establece el relleno de un elemento.*/
			line-height: 1.2; /*Establece la relación entre el tamaño de la fuente y la altura de una línea de texto.*/
		}
				
		h1, h2, h3, p {
			margin: 0; /*Establece los márgenes de un elemento.*/
			font-weight: 800; /*Especifica el peso de la fuente para un elemento.*/
		}

		H2 {
			color: #0E2CBE; /*Establece el color de un elemento.*/
		}

		a {
		    text-decoration: none; /*Elimina el subrayado de los enlaces.*/
		    color: white;
		}	

		.coverPage {
			display: flex; /*Determina cómo se mostrará un elemento.*/
			align-items: center; /*Alinea los elementos de un contenedor de manera vertical.*/
			justify-content: center; /*Alinea los elementos de un contenedor de manera horizontal.*/
			height: 100vh;
			background-image: url(../img/website_mantenimiento.jpg); /*Establece la imagen de fondo de un elemento.*/
			background-repeat: no-repeat; /*Especifica cómo se repite la imagen de fondo.*/
			background-size: cover; /*Especifica el tamaño de la imagen de fondo.*/
		}

		.coverPage::before {
			content: '';
		    display: block;
		    position: absolute;  /*Determina la posición de un elemento en la página.*/ 
		    background: #3ADAF4;
		    opacity: .7; /*Establece la opacidad de un elemento.*/
		    width: 100vw; /*Establece el ancho de un elemento.*/
		    height: 100vh; /*Establece el alto de un elemento.*/
		    top: 0; /*Establece la posición vertical de un elemento.*/
		}

		.__coverPage-content {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			color: white;
			height: 50%;
			width: 50%;
			z-index: 1000; /*Determina el orden de apilamiento de los elementos.*/
			text-align: center;
			opacity: .9;
			padding: 1em;
			/*text-shadow: 20px 15px 7px red;*/
		}

		.__coverPage-content h1 {
			font-size: 4em;
			color: #080C21; /*ALTER COLOR #3ADAF4-#F9A825*/
			opacity: .8;
		}

		.__coverPage-content h2 {
			font-size: 2.2em;
			margin-bottom: 1.5em;
		}

		.__coverPage-content h3 {
			font-size: 1.6em;
			margin-bottom: .8em;
			text-transform: uppercase;
		}

		.__coverPage-content p {
			font-size: .95em;
			margin-bottom: 1.5em;
			line-height: 1.5;
			/* opacity: .7; */
		}

		.socialIcon {
			margin-right: 10px;
			opacity: .7;
		}

		.socialIcon i {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			font-size: 20px;
			border: 2px solid white; /*Establece los bordes de un elemento.*/
			border-radius: 50%; /*Establece los radios de los bordes de un elemento.*/
			padding: 15px;
			height: 25px;
			width: 25px;
			transition: all .3s /*Aplica una transición a un elemento.*/
		}

		.socialIcon i:hover {
			color: #080C21;
			border-color: #080C21;
		}
	
		@media screen and (min-width: 325px) and (max-width: 740px) {
			* {
			  margin: 0;
			}
		  
			.coverPage {
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  font-size: 12px;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
		  
			.background-image {
			  height: min-content;
			}
		  
			.__coverPage-content {
			  display: flex;
			  justify-content: center;
			  align-items: center;
			}
		  
			.coverPage::before {
			  margin: 0px;
			  justify-content: center;
			}
		  }
		  		  
		  @media screen and (min-width: 325px) and (max-width: 740px) {
			* {
			  margin: 0;
			}
		  
			.coverPage {
			  font-size: x-small;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
		  
			.background-image {
			  height: min-content;
			}
		  
			.__coverPage-content {
			  display: flex;
			  align-items: center;
			  justify-content: center;
			}
		  
			.coverPage::before {
			  margin: 0px;
			  justify-content: center;
			}
		  }
		  
		  @media screen and (min-width: 750px) and (max-width: 1443px) {
			.coverPage {
			  justify-content: center;
			  align-items: center;
			  width: 750px;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
		  }