@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, input, button, textarea, legend, caption {
	margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:inhert; font-style:inhert;
	vertical-align:baseline; background:transparent;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
/* h1, h2, h3, h4, h5, h6, strong, b {font-weight:normal;} */
i, em {font-style:normal;}
article, aside, footer, header, hgroup, nav, section {display:block;}

ol, ul {list-style:none;}
a, a:hover {text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}

body {font: 20px/1em 'Roboto', Arial, Verdana, Serif; background: #000; color: #fff;}
a {color: #fff;}

.main {background: #000; position: relative; }

@media screen and (max-width: 899px) {
	section, article {padding: 0 15px; margin: 0 auto;}
	section.info { padding: 0;}
}
@media screen and (min-width: 900px) {
	header, section, article {width: 100%; margin: 0 auto;}

}


header nav {text-align: right; width: 40%; position: relative;}
header a.selected { padding: 0 0 6px 0; border-bottom: 2px solid white; }
header a {padding: 0 5px; font-weight: 300; text-transform: uppercase;}
header a:hover {color: #FFF; background: #000;}
header nav ul li {display: inline-block; padding-left: 20px; font-family: 'Roboto Condensed', sans-serif;}
@media screen and (max-width: 899px) {
	header {width: 100%; padding: 10px 0; text-align: center;}
	header h2, header nav {width: 95%; padding: 0; text-align: center; margin-top: 130px;}
	header h2 a {font-size: 22px; line-height: 1.35em;}
	header nav a {font-size: 22px; line-height: 1.35em;}
	section.intro img {width: 100%;}
	section.manifesto img {width: 100%;}

}
@media screen and (min-width: 900px) {
	header {display: table;}
	header a {font-size: 22px; line-height: 1.35em;}
	header h2, header nav {display: table-cell;}
	header h2, header nav {padding: 50px 60px 50px 0;}

	html[dir=rtl] header nav {text-align: left;}
	section.intro img {width: 50%;}
	section.manifesto img {width: 50%;}

}


section.intro {text-align: center; width: 90%; padding-bottom: 80px;}
section.intro h3 {padding: 35px 0; font-size: 50px; line-height: 1.35em; font-weight: 800; letter-spacing: -0.025em; text-transform: uppercase;}
section.intro h3 strong {display: inline-block; padding: 0 9px; color: #FFF; background: #000; font-weight: 800;}
section.intro p {font-family: 'Roboto', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 80%; margin: 0 auto; font-weight: 400;}
section.intro p strong {font-weight: 700;}
section.intro p a {text-decoration: underline;}
section.intro p a:hover {text-decoration: none;}
section.intro img {margin: 50px 0; height: auto; vertical-align: bottom;}


section.manifesto {text-align: center; width: 90%; padding-bottom: 80px;}
section.manifesto h3 {padding: 35px 0;  font-weight: 400; line-height: 1.35em; letter-spacing: -0.025em; text-transform: uppercase;}
section.manifesto h3 strong {display: inline-block; padding: 0 9px; color: #FFF; background: #000; font-weight: 800;}
section.manifesto p {font-family: 'Roboto', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 400;}
section.manifesto p strong {font-weight: 700;}
section.manifesto p a {text-decoration: underline;}
section.manifesto p a:hover {text-decoration: none;}
section.manifesto img {margin: 50px 0 0; height: auto; vertical-align: bottom;}



section.info {text-align: center; width: 100%; padding-bottom: 80px; margin-top: 12px;}
.full_width{ width: 100%; text-align: center;}
section.info img {margin: 0; padding: 0; width: 90%; max-width: 940px; height: auto; vertical-align: bottom;}

section.salas {text-align: center; width: 80%; padding-bottom: 80px; margin-top: 12px;}
.small_text{ width: 100%; text-align: center; font-size: 14px; padding: 0px 0 50px 0; margin-top: -10px; }
section.salas p {font-family: 'Roboto Condensed', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 300;}
section.salas p strong {font-weight: 700;}
section.salas p a {text-decoration: underline;}
section.salas p a:hover {text-decoration: none;}
section.salas h2 {padding: 50px 0;}

section.live {text-align: center; width: 90%; padding-bottom: 80px;}
section.live h3 { font-family: 'Roboto Condensed'; margin-top: 45px; font-size: 40px; font-weight: 600; line-height: 1.35em; letter-spacing: -0.025em; text-transform: uppercase; color: #EBC02D;}
section.live p {font-family: 'Roboto Condensed', sans-serif; padding: 0; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 400;}


section.videos { display: flex; width: 100%; flex-wrap: wrap; margin-top: 12px; margin-bottom: 80px; text-align: center; justify-content: center; }
section.videos .videoButton {display: inline-block; position: relative; width: 120px; height: 113px; border: 1px solid white; cursor: pointer; }
.video_sala_image { width: 100%; height: 100%; }
section.videos .videoButton:hover::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(./arrow@2x.png) center center no-repeat;
    background-size: cover;
}
section.videos p {font-family: 'Roboto Condensed', sans-serif; padding: 60px 20% 60px 20%; color: #EBC02D; text-transform: uppercase; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 400;}
section.videos p strong {font-weight: 700;}

article {line-height: 1.5em; padding-bottom: 50px;}
article p, article h2, article h3, article h4, article ul, article ol {padding: 5px 0;}
article h2 {font-size: 30px; font-weight: 800; line-height: 1.5em;}
article h3 {font-size: 25px; font-weight: 600; line-height: 1.5em;}
article h4 {font-size: 20px; font-weight: 600; line-height: 1.5em;}
article ul, article ol {margin-left: 30px;}
article ul {list-style-type: disc;}
article ol {list-style-type: decimal;}
article strong {font-weight: 600;}
article a {text-decoration: underline;}
article a:hover {text-decoration: none;}

footer {padding: 50px 0; color: #FFF; text-align: center;}
footer p {line-height: 1.5em;}
footer p.by {padding-top: 25px; color: #626262;}
footer p.by a {color: #626262;}
footer p a {display: inline-block; color: #FFF; padding: 0 5px;}
footer p a:hover {color: #000; background: #FFF;}

.button_manifesto {
	padding: 8px 20px;
    border: 2px solid #EBC02D;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
		color: #EBC02D;
		margin-top: 20px;
}
.logo_menu_container{
	position: absolute;
    width: 100%;
		text-align: center;
}
.logo_menu{

	width: 200px;

}
.carousel_parent{
	display: flex;
	justify-content: center;
	width: 100%;
	/* padding: 10%; */
	margin-bottom: 40px;
}
body{
	scrollbar-color: red yellow;
	scrollbar-width: thin;
}
.carousel {
	width: 80%;
	display: flex;
	height: 268px;
	overflow-x: auto;
	padding-bottom: 20px;
	-webkit-overflow-scrolling: touch;

}
.carousel_image {
	width: 268px;
	flex-shrink: 0;
	margin-right: 10px;
}

.carousel::-webkit-scrollbar {
  width: 1em;
}

.carousel::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.carousel::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}



@media screen and (max-width: 899px) {
}

@media screen and (min-width: 900px) {
}
.closeWindow {
	margin-bottom: 10px;
    text-align: right;
    display: flex;
		justify-content: flex-end;
		cursor: pointer;
}
.fixedPlayer {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	margin: auto;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.playerBox{
	width: 100%;
	max-width: 1200px;
	min-height: 500px;
	background-color: #000;
	display: flex;
	flex-direction: row;
	flex-flow: column wrap;
	justify-content: center;
	padding: 10px 20px;
}
.hidden {
	display: none;
}
.mainPlayerVideo{
	/* background-color: white; */

	max-height: 500px;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	flex-grow: 2;
}

.bannerAmarillo{
	  background-color: #EBC02D;
		/* width: 100%; */
		margin-top: 10px;
		padding: 5px;
		text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
		color: black;
		/* flex-grow: 1; */
}

.mainPlayerVideo iframe {
	width: 100%;
	height: 100%;
	min-block-size: -webkit-fill-available;
}