/* CSS Document */
/* Documento creado por Estudio Adumbro */
/* http://www.adumbro.es */

/* FONTS *****************/
/* https://transfonter.org */
@font-face {
    font-family: 'Nunito Sans';
    src: url('font/NunitoSans-Regular.woff2') format('woff2'),
        url('font/NunitoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('font/NunitoSans-Bold.woff2') format('woff2'),
        url('font/NunitoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('font/NunitoSans-Italic.woff2') format('woff2'),
        url('font/NunitoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('font/NunitoSans-BoldItalic.woff2') format('woff2'),
        url('font/NunitoSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alfarn';
    src: url('font/Alfarn.woff2') format('woff2'),
        url('font/Alfarn.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Krungthep';
    src: url('font/Krungthep.woff2') format('woff2'),
        url('font/Krungthep.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* GENERAL *****************/
* {
	margin: 0px;
	padding: 0px;
    box-sizing: border-box;
}
html {
    display: block; width: 100%; height: auto;
    font-family: 'Nunito Sans', sans-serif; font-weight: normal;
    /* calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
    font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
	color: #252525;
    background-color: #ED6B72;
}
body {display: block; width: 100%; height: auto; position: relative;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Alfarn', sans-serif;
    font-weight: normal;
    color: #EB5867;
}
strong {font-weight: bold;}

button, input, select, textarea {background: none; color: inherit; border: none; font: inherit; cursor: pointer; outline: none !important; -moz-appearance: none; -webkit-appearance: none; appearance: none;}

a {color: #00f; text-decoration: underline; cursor: pointer;}
a.link {display: inline; padding: 0 .3rem;}
a.link:hover {text-decoration: none; background-color: #00f; color: #fff; border-radius: 1em;}

.btn {display: inline-block; padding: .3rem .5rem; color: #fff; text-transform: uppercase; font-size: .8rem; background-color: #00f; text-decoration: none;}
.btn:active {transform: scale(.9);}
.btn.red {background-color: #EB5867;}

figure img {display: block; width: 100%; height: auto;}

/* HEADER *****************/
body > header {display: block; width: 100%; height: auto;}
body > header nav {display: block; padding: .5rem 4vw; background-color: #00f; color: #fff;}
body > header nav ul {display: block; list-style: none; text-align: center;}
body > header nav ul li {display: inline-block;}
body > header nav ul li a {display: inline-block; color: #fff; background-color: transparent; text-decoration: underline; font-size: 1rem; line-height: 1em; text-transform: uppercase; padding: .3rem 1rem; border-radius: 1.3rem;}
body > header nav ul li a:hover {text-decoration: none; background-color: rgba(0,0,0,.2);}
html[lang="gl"] body > header nav ul li.gl a,
html[lang="pt"] body > header nav ul li.pt a,
html[lang="es"] body > header nav ul li.es a {color: #00f; background-color: #fff; text-decoration: none;}
body > header div.content {
	display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; width: 100%; height: auto; padding: 0 3vw 1vw 3vw; padding-top: 23vh;
	background-color: transparent;
	background-image: url('img/era_digital.png?v=1'), url('img/fondo_era_digital.png');
	background-position: top center, top center;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 50vh;
}
body > header div.content h1 {display: block; width: 22rem; height: auto; font-size: 2rem; line-height: 1em; font-weight: normal !important;}
body > header div.content h1 strong {display: block; font-weight: normal; text-transform: uppercase; font-weight: normal !important;}
body > header div.content h1 strong.box {display: block; padding: 1rem .5rem .5rem; width: 15rem; background-color: #fff; color: #00f; border: 2px solid #252525; line-height: .8em; text-align: center;}
html[lang="pt"] body > header div.content h1 strong.box {width: 16.5rem;}
body > header div.content h1 strong.box span {font-style: normal; font-size: .74em; line-height: .7em;}
html[lang="pt"] body > header div.content h1 strong.box span {font-size: .81em;}
body > header div.content h1 strong.raw {display: block; padding: 1rem .7rem .5rem; font-size: 2.5rem; line-height: 1em; color: #fff;}
body > header div.content h1 strong.raw span {display: inline; font-family: 'Krungthep'; font-style: normal; font-weight: normal; text-transform: none; background-color: transparent; color: #fff;}
body > header div.content dl {display: block; width: 15.5rem; height: auto; font-family: 'Alfarn'; font-weight: normal; font-size: 1.2rem; padding: .5rem; background-color: #fff; color: #00f; border: 2px solid #252525; text-transform: uppercase; text-align: right;}
body > header div.content dl dt {display: none;}
body > header div.content dl div.m {font-size: 2rem; line-height: 1.3em;}
body > header div.content dl div.f {line-height: 1em;}
@media (max-width: 1200px) {
	 body > header div.content {padding-top: 35vh;}
}

/* MAIN *****************/
body > main {display: block; background-color: #fff; color: #252525;}
body > main section {display: block; padding: 2vw 4vw;}
body > main section h1 {color: #00f; font-family: 'Alfarn'; font-size: 2.2rem; padding-bottom: 1rem; text-transform: uppercase;}
body > main section h2 {color: #EB5867; font-family: 'Krungthep'; font-size: 1.8rem; padding-bottom: .5rem;}
body > main section p {display: block; font-size: 1.2rem; padding-bottom: 1rem;}

body > main section.presentacion {padding-top: 4vw;}
body > main section.presentacion p {padding-bottom: 0; text-align: justify; column-count: 2; column-gap: 8vw;}
@media (max-width: 1200px) {
	body > main section.presentacion p {column-count: 1;}
}

body > main section.comisiones ul {list-style: none; padding-bottom: 1rem; column-count: 2; column-gap: 8vw;}
body > main section.comisiones ul li {display: block; color: #666; padding-bottom: .5rem; line-height: 1.2em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;}
body > main section.comisiones ul li strong {display: block; color: #252525; font-size: 1.2rem; font-weight: bold;}
@media (max-width: 800px) {
	body > main section.comisiones ul {column-count: 1;}
}

body > main section.programa p {}
body > main section.programa dl {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem;}
body > main section.programa dl div {display: block; background-color: #EB5867; color: #fff;}
body > main section.programa dl div dt {display: inline-block; background-color: #fff; color: #00f; border: 2px solid #252525; text-transform: uppercase; font-size: 1.2rem; line-height: .8em; font-weight: bold; padding: .5rem 1rem .5rem 2.5rem; margin: 1rem 0 0 -.5rem;}
body > main section.programa dl div dd {display: block; padding: 1rem 2rem;}
body > main section.programa dl div dd h2 {color: #fff; font-size: 1.8rem; line-height: 1.2em; font-weight: normal; padding-bottom: 1rem;}
body > main section.programa dl div dd p {padding-bottom: 0;}
@media (max-width: 800px) {
	body > main section.programa dl {display: block;}
	body > main section.programa dl div {margin-bottom: 1rem;}
}

body > main section.propuestas dl {display: block; list-style: none; font-size: 1.2rem; padding-bottom: 1rem; margin-left: 4vw;}
body > main section.propuestas dl div {display: block; padding-bottom: .5rem;}
body > main section.propuestas dl div dt {display: inline; padding-right: .2rem;}
body > main section.propuestas dl div dd {display: inline;}

body > main section.contacto dl {display: block; list-style: none; font-size: 1.2rem; padding-bottom: 1rem;}
body > main section.contacto dl div {display: block; padding-bottom: .5rem;}
body > main section.contacto dl div dt {display: inline; padding-right: .2rem;}
body > main section.contacto dl div dd {display: inline;}

/* FOOTER *****************/
body > footer {display: block; width: 100%; background-color: #fff; padding-top: 4vw; position: relative; z-index: 2;}
body > footer div.logos span {display: none;}
body > footer div.logos {display: block; width: 92%; height: 6rem; margin: 0 auto 2vw; background: transparent url('img/logotipos_footer_v2.png') no-repeat top center; background-size: contain;}
body > footer div.foot {display: block; width: 100%; padding: 2vw; text-align: center; background-color: #ED6B72; color: #fff; font-size: .8rem;}