@font-face {
    font-family: Alata;
    src: url(font/Alata/Alata-Regular.ttf);
}
@font-face {
    font-family: Anton;
    src: url(font/Anton/Anton-Regular.ttf);
}

body {
	font-family: Alata !important;
}

#inicio,
#inicio a,
#sobre-freedom,
#sobre-freedom a,
.text-papers,
.text-papers h2,
#agenda h2,
.text-agenda {
	font-family: Alata;
	color: #34f62e;
}
#inicio {
	background-image: url(img/fondo1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -170px 0;
}
#logo-main {
	max-width: 280px;
}
#menu-main {
	font-size: 1.5em;
}
.subnav {
	margin-right: 40px;
	font-size: 1.2em;
	text-align: center;
	margin-top: 20px;
}
#logo-ekoparty {
	max-width: 60px;
	margin-left: 20px;
}

/**
 * SOBRE FREEDOM
 */

#sobre-freedom {
	background-image: url(img/fondo2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 30px;
}

#logo-freedom {
	max-width: 170px;
	position: relative;
	margin-bottom: -50px;
}

.text-freedom {
	padding: 25px;
	background-color:hsla(157, 63%, 18%, 0.565);
	border-radius: 35px;
	font-size: 1.3em;
	padding-top: 70px;
	margin-bottom: 45px;
}

.text-freedom p {
	margin-bottom: 40px;
}

/**
 * CALL FOR PAPERS
 */

#call-for-papers {
	background-image: url(img/fondo3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 30px;
}

.text-papers {
	padding: 25px;
	background-color:#6b006d90;
	border-radius: 35px;
	font-size: 1.3em;
	padding-top: 70px;	
}

.text-papers h2 {
	font-family: Anton;
	font-size: 2em;
}

.text-papers .btn-success {
	background-color: #0c6027;
	color: white;
}
.text-papers p {
	margin-bottom: 40px;
}

/**
 * AGENDA
 */

#agenda {
	background-image: url(img/fondo4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
	min-height: 800px;
}

#agenda h2 {
	font-family: Anton;
	font-size: 2em;
}

#agenda h2 {
	font-size: 2.6em;
}

.text-agenda {
	padding: 25px;
	background-color:hsla(157, 63%, 18%, 0.565);
	border-radius: 35px;
	font-size: 1.3em;
	padding-top: 70px;	
}

/**
 * WORKSHOPS
 */

#workshops {
	background-image: url(img/fondo5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
	min-height: 800px;
}

#workshops h2 {
	font-family: Anton;
	font-size: 2.6em;
	color: #34f62e;
}

.text-workshops {
	padding: 25px;
	background-color:hsla(157, 63%, 18%, 0.565);
	border-radius: 35px;
	font-size: 1.3em;
	padding-top: 70px;	
}


/**
 * AGENDA TABLE STYLES
 */

.agenda-table {
	margin-top: 20px;
	overflow-x: auto;
}

.agenda-header {
	display: grid;
	grid-template-columns: 80px 80px 80px 1fr 200px;
	gap: 10px;
	padding: 15px 10px;
	background-color: rgba(52, 246, 46, 0.2);
	border-radius: 10px;
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 10px;
}

.agenda-row {
	display: grid;
	grid-template-columns: 80px 80px 80px 1fr 200px;
	gap: 10px;
	padding: 12px 10px;
	margin-bottom: 8px;
	background-color: rgba(52, 246, 46, 0.1);
	border-radius: 8px;
	font-size: 0.85em;
	transition: background-color 0.3s ease;
}

.agenda-row:hover {
	background-color: rgba(52, 246, 46, 0.2);
}

.agenda-col-fecha,
.agenda-col-hora,
.agenda-col-sala {
	text-align: center;
	font-weight: bold;
}

.agenda-col-charla {
	padding-right: 10px;
	line-height: 1.3;
}

.agenda-col-speaker {
	font-style: italic;
	color: #34f62e;
}

@media screen and (max-width: 768px) {
	.agenda-header,
	.agenda-row {
		grid-template-columns: 1fr;
		gap: 5px;
		text-align: center;
	}
	
	.agenda-col-fecha,
	.agenda-col-hora,
	.agenda-col-sala {
		display: inline-block;
		margin-right: 10px;
	}
	
	.agenda-col-charla {
		padding-right: 0;
		margin-top: 5px;
	}
	
	.agenda-col-speaker {
		margin-top: 5px;
	}
}

@media screen and (min-width:700px){
	#inicio {
		padding-top: 200px;
		background-position: center;
	}
	#logo-main {
		max-width: 370px;
	}
	#sobre-freedom {
		padding-top: 50px;
	}
	.text-freedom {
		padding: 80px;
		font-size: 1.5em;
		padding-top: 120px;
	}
	#logo-freedom {
		max-width: 200px;
		left: 50px;
		margin-bottom: -70px;
	}
}