@charset "UTF-8";


@media ( min-width: 1920px ) {
	.content-grid .col-main-full > .row-flx { border-left: 1px solid var(--c-oscuro); border-right: 1px solid var(--c-oscuro);}
}

@media ( max-width: 1280px ) {
	html { font-size: .75vw;}
}


@media ( max-width: 960px ) {
	

	/* Font */

	html { font-size: 2.5vw;}
	.header,
	.footer { font-size: 1.2rem;}
	
	.menu { font-size: 1.8rem;}
	.menu-lang,
	.menu .btn-menu,
	.menu-footer { font-size: 1.2rem;}

	h1, .txt-h1 { font-size: 2rem;}
	h2, .txt-h0 { font-size: 2.4rem;}
	.tag { font-size: 1.6rem;}
	.link-icon { font-size: 1.4rem;}
	.content-brand .tag { font-size: 1.2rem}
	.content-obra .content-txt-header .tag { font-size: 2rem;}


	/* General  */

	.col6-12-s { width: 50%;}
	.col8-12-s { width: 66.666%;}
	.col10-12-s { width: 83.333%;}
	.col12-12-s { width: 100%;}

	.padd-s { padding: 1.5rem;}
	.padd-h-s { padding: 0 1.5rem;}
	.padd-h-s-no { padding: 0;}

	.col-main,
	.col-main.padd-h { width: 100%; padding: 0;}

	.header { min-height: 5rem; padding: 1.5rem;}
	.header h1 span { display: none;}

	.btn-menu { display: block; position: relative; z-index: 3; margin-right: 4rem;}
	.btn-menu:hover:before,
	.active-menu .btn-menu:before { content: ' '; position: absolute; left: -.7rem; top: 0; transform: translate(-100%,.5rem); width: .8em; height: .8em; background-color: var(--c-oscuro); border-radius: 60%;}

	.menu { overflow: visible;}
	.menu .padd-h { padding: 0;}
	.menu-logo svg { width: 4.8rem; margin-left: 0;}

	.menu .menu-main a:hover:before,
	.menu .menu-main a.active:before { display: none;}

	.menu .menu-main { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 0 2.2rem; background: #FFF; border-bottom: 1px solid var(--c-oscuro); flex-direction: column; text-align: left; max-height: 0; visibility: hidden; overflow: hidden;}
	.menu .menu-main li { margin: 1rem 0; width: 100%;}
	.active-menu .menu .menu-main { padding: 11rem 2.2rem 7rem 2.2rem; max-height: 200vh; visibility: visible;}

	.menu-logo { flex-grow: 1; padding-left: 2.2rem;}

	.menu-lang { margin-right: 0;}
	.menu-lang a {  padding: 0 1.3rem;}

	.menu-footer { position: relative; padding-top: 2.4rem;}
	.menu-footer .menu-main { width: 100%;}
	.menu-footer .menu-main li { margin: 0 0 2.4rem 0;}
	.menu-footer .menu-rrss { position: absolute; right: 1.5rem; bottom: 2.4rem; z-index: 3;}
	.menu-footer .menu-rrss li { margin: 0 0 0 1.5rem;}

	.footer-legal { padding-top: 3rem;}


	/* Contenido  */

	.content-block { padding-top: 6rem; padding-bottom: 6rem;}
	.content-block-m { padding-top: 4rem; padding-bottom: 4rem;}
	.content-block-s { padding-top: 3rem; padding-bottom: 3rem;}

	.content-bar { height: 4rem;}
	.content-bar.content-submenu { height: 6rem; overflow: auto;}
	.content-bar.content-submenu a { padding: 0 1.5rem; white-space: nowrap;}

	.content-title { padding-top: 3rem; padding-bottom: 3rem;}

	.content-line-top:before { margin: 0 0 3rem 0;}

	.content-brand-in { flex-direction: column; height: calc(100vh - 11.6rem); min-height: 100vw; padding-bottom: 3rem !important;}
	.content-brand-info { order: -1; padding: 3rem 1.5rem;}
	.content-brand .logo { min-height: 50%; height: auto; max-width: 100%; transform: translate(.7rem,0);}
	
	.content-carousel-item,
	.content-obra .content-carousel-item { height: calc(120vw);}
	.content-carousel-item .col-main { padding-bottom: 3rem;}
	.content-carousel .flickity-page-dots { bottom: 1rem;}
	.content-carousel .flickity-page-dots .dot { width: 5px; height: 5px;margin: 0 2.5px;}

	.content-map { height: calc(100vh - 11.6rem); overflow: hidden; position: relative; z-index: 1;}
	.content-map-info { width: 100%; max-width: 100%; border-right: 0;}
	.content-map-info .content-bar { padding: 0 1.5rem;}
	.content-map-info .content-map-info-info { padding: 3rem 1.5rem;}

	.content-grid-item { padding: 3rem 1.5rem; border-right: 0;}
	.content-grid-item-img { margin: 3rem 0 2rem 0;}

	.content-block-m { padding-top: 3rem; padding-bottom: 3rem;}
	.content-obra .content-txt-header .tag { padding: 1.5rem 3rem 1.4rem 3rem;}

	.content-img-nota img { height: 80vw; width: 100%; object-fit: cover;}

	.content-img-banner { padding-top: 14rem; padding-bottom: 3rem;}
	.content-img-banner br { display: none;}
	.content-img-banner.no-info img { position: relative; max-height: 100vh; height: 70vw; object-fit: cover;}

	.content-ponente-item-img { padding-bottom: 3rem;}

	.content-ponentes-item .content-txt-header { padding-top: 2rem;}



	/* Previa */
	.content-previa .content-txt { padding: 3rem 0;}
	.content-previa .img-edition { position: static; width: 100%; height: auto; margin-bottom: 12rem;}
	.content-previa p { font-size: 1.68rem; padding-left: 3rem; padding-right: 3rem;}
	.content-previa h1 { font-size: 5.5rem; margin-top: calc(45vh - 18rem); margin-bottom: calc(45vh - 16rem); max-width: 56rem;}
	.content-previa h1 br { display: none }
	.content-previa h5 { font-size: 1.55rem; line-height: 1.5em; padding: 3rem 5rem 0 5rem;}
	.content-previa svg { height: 2.4rem; width: 2.4rem;}
	.content-previa .top .menu-language { display: block; padding-bottom: 3rem;}
	.content-previa .top h4 { padding-bottom: 0rem;}
	.content-previa .bottom .menu-language { display: none;}
	.content-previa .menu-rrss { padding: 2rem 0; }



	/* Tag  */

	.tag { padding: .6rem 1.5rem .5rem;}


	/* Alturas --vh */

	.content-brand-in,
	.mobile-device .content-map { height: calc((var(--vh) * 100) - 11.6rem);}
	.mobile-device .marquee-on.content-brand-in { height: calc((var(--vh) * 100) - 15.6rem);}


}


@media ( max-width: 440px ) {
	html { font-size: 2.66667vw;}
}
