/* Global Settings and Links */
/* Global Settings and Links */
/* Global Settings and Links */
/* Global Settings and Links */
/* Global Settings and Links */

@font-face{
	font-family: CaslonProBold;
	src: url('../fonts/ACaslonPro-Bold.otf');
}

@font-face{
	font-family: CaslonProBoldItalic;
	src: url('../fonts/ACaslonPro-BoldItalic.otf');
}

@font-face{
	font-family: CaslonPro;
	src: url('../fonts/ACaslonPro-Regular.otf');
}

@font-face{
	font-family: CaslonProItalic;
	src: url('../fonts/ACaslonPro-Italic.otf');
}

@font-face{
	font-family: ApercuBold;
	src: url('../fonts/ORDONEZApercuBespoke-Bold.ttf');
}

@font-face{
	font-family: Apercu;
	src: url('../fonts/ORDONEZApercuBespoke-Regular.ttf');
}

::selection {
  color: #ff4b3e;
  background: #d6fff6;
}

* { /*general*/
    font-size: 2.25vh;
    font-family: CaslonPro;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
	color: rgb(000,047,187); 
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Disable all scrolling */
}

body {
    overflow: hidden;
    height: 100vh;
    width: 100vw;
	position: relative;
}

main {
	display: block;
    position: relative;
	align-items: center; /* Ensures equal spacing above and below */
    padding-top: 12vh;
	overflow: hidden;
}

h1 {
	position: fixed;
	top: 0;
	right: 0;
	font-family: ApercuBold;
	font-size: 4.5vh;
	text-align: right;
	padding-top: 2vh;
	padding-right: 3vh;
} 

section.intro{
	display: block;
	padding-left: 3vh;
	overflow: hidden;
}

section.intro, section.contact {
    overflow: hidden; /* Prevent scrolling inside these sections */
    height: 100vh; /* Ensure these sections fill the viewport height */
    position: fixed; /* Fix these sections in place */
    width: 100vw; /* Ensure these sections fill the viewport width */
}

span.cursiva{
	font-family: CaslonProItalic;
}

.hover-change::after {
	content: 'Pontificia Universidad Católica de Chile';
  }
  
.hover-change:hover::after {
	content: 'Université Pontificale Catholique du Chili';
  }

p.derecha {
    text-align: right;
    padding-right: 3vh;
    margin: 0;
}

a.contacto{
	text-decoration: none;
	color: rgb(000,047,187);
	text-align: right;
	display: block; /* Ensure block display for proper alignment */
    color: rgb(000,047,187);
	font-family: Apercu;
	overflow: hidden;
	padding-right: 3vh;
}

a.contacto:active{
	text-decoration: line-through;
}

a.contacto:hover{
	text-decoration: line-through;
}

.button-container {
    position: fixed;
	bottom: 5vh;
    display: flex;
    flex-direction: column;
}

a.button {
    font-family: ApercuBold;
    font-size: 4.5vh;
	text-align: left;
    text-decoration: none;
	padding-left: 3vh;
}

a.button:hover {
    text-decoration: line-through;
}

a.button:active{
	background-color: #ffffff;
	color: rgb(000,47,187);
	text-decoration: line-through;
}

footer {
	font-family: Apercu;
    font-size: 5vw;
	text-decoration: none;
	color: rgb(000,047,187);
    bottom: 2vh;
    left: 3vh;
	position: fixed;
	display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

p.footer{

}

footer a:active{
	text-decoration: line-through;
}





















































/* 1000px Screen */
/* 1000px Screen */
/* 1000px Screen */
/* 1000px Screen */
/* 1000px Screen */

@media screen and (min-width: 1200px){

	body{
		align-content: center;
	}

	*{
		font-size: 110%;
	}

	div{
		margin: 0 auto;
		padding-bottom: 0;
		padding-right: 30vw;
		padding-left: 30vw;
		padding-top: 10vh;
	}

	h1{
		font-size: 5vh;
		padding-bottom: 10vh;
		word-break: unset;
	}

	p{
		display: inline-block;
		float: top;
	}

	a.button{
		display: inline-block;
		width: 49%;
		height: 25vh;
		margin: 0 auto;
		font-size: 80%;
		padding: 0vw;
		line-height: 25vh;
		border-radius: 0%; /* Circle shape */
	}

	a.button:hover{
		background-color: #ffffff;
		color: rgb(000,47,187);
		text-decoration: line-through;
	}

	a.button:active{
		background-color: rgb(000,47,187);
		color: #ffffff;
		text-decoration: line-through;
		transition-duration: .5s;
		position: fixed;
	}


	a.contacto{
		font-size: 75%;
	}

	a.contacto:hover{
		text-decoration: line-through;
	}
	
	p.derecha{
		float: right;
		text-align: right;
	}

	p a{
		font-size: 80%;
	}

	footer{
		font-family: Apercu;
	}

	footer a:active{
		text-decoration: none;
	}

	footer a:hover{
		text-decoration: line-through;
	}
}