/*
	Autor: 
		PUM! estudio

	Index:
		1 -- Structure
		2 -- Text
		3 -- Icons
		4 -- Interaction
		5 -- Animation
		6 -- Components
*/

@charset "UTF-8";


@media ( max-width: 1020px ) {


	/* 0 -- Initializers */

	.col1-10-s { width: 10;} .col2-10-s { width: 20%;} .col3-10-s { width: 30%;} .col4-10-s { width: 40%;} .col5-10-s { width: 50%;} .col6-10-s { width: 60%;} .col7-10-s { width: 70%;} .col8-10-s { width: 80%;} .col9-10-s { width: 90%;} .col10-10-s { width: 100%;}
	.f-col-r-s {flex-direction: column-reverse;} .f-row-r-s {flex-direction: row-reverse;}

	.p-r-0-s { padding-right: 0;}


	
	/* 1 -- Structure */

	.header { padding: 1.2rem 0;}
	.header-menu { background-color: var(--c-white); padding-top: 4.8rem;}
	.header-menu-main { padding: 0 var(--unit-3) var(--unit-5) var(--unit-3);}
	.header-menu-main > li > ul { background: transparent;}
	.header-menu-main > li a:not(.cta).hover, 
	.header-menu-main > li a:not(.cta).active,
	.header-menu-main a:not(.cta), 
	.header-menu-main > li > a:not(.cta) { border-bottom: .1rem solid var(--c-black); font-size: var(--txt-cta-s); line-height: var(--txt-cta-lh-s); font-weight: var(--txt-cta-fw-s); letter-spacing: var(--txt-cta-ls-s);}
	.header-menu-main ul > li > a:not(.cta),
	.header-menu-main ul > li > a:not(.cta).hover { color: var(--c-black); font-size: var(--txt-h6-s); line-height: var(--txt-h6-lh-s); font-weight: var(--txt-h6-fw-s); letter-spacing: var(--txt-h6-ls-s); text-transform: none;}
	.header-search-row input[type=text] { font-size: var(--txt-h4-s);}
	.header-search > .btn-search { background: var(--bg-header-search); padding: var(--unit-2) var(--unit-3); }
	.header-search-row { background: var(--bg-header-search); padding-top: var(--unit); padding-bottom: var(--unit); }
	.header-menu-featured { background-color: var(--c-white);}

	/* 2 -- Text */
	.txt-cta, .cta { font-size: var(--txt-cta-s); line-height: var(--txt-cta-lh-s); font-weight: var(--txt-cta-fw-s); letter-spacing: var(--txt-cta-ls-s);} 

	/* 3 -- Interactions */
	.cta { padding: 1.2rem;}



	/* 6 -- Components */

	/* Component Intro */
	.content-intros { padding: 0; margin: 0 0 var(--unit-5) 0;}
	.content-intro.content-intro-full { padding: 0;}
	.content-intro-full { height: 90dvh; margin: 0;}
	.content-intro-full .content-intro-txt { padding: var(--unit-2) var(--unit-4); }
	
	.content-intro-middle,
	.content-intro-third { padding: 0 calc(var(--padd-col-main-s) + var(--padd-s));}
	.content-intro-middle .content-intro-txt,
	.content-intro-third .content-intro-txt { padding: var(--unit-2) var(--unit-2) var(--unit-2) 0;} 
	.content-intro-middle .content-intro-img img,
	.content-intro-third .content-intro-img img { aspect-ratio: 1/1;}

	.content-slider-intro.active .content-slider-item { width: 100%;}
	.content-slider-intro .flickity-prev-next-button.next { right: calc(var(--padd-col-main-s) + var(--padd-s));}


	/* -- Sections */
	.content-sections { padding: 0; margin: var(--unit-5) 0;}
	.content-section { margin: var(--unit-4) 0; padding: 0; background-color: transparent;}
	.content-section-img img { aspect-ratio: 1 / 1.4;}

	.content-section-txt { padding: 2rem var(--unit-2) 2rem 0;}

	.section-title { margin: var(--unit-4) 0;}

	
	/* Participantes */
	.content-participantes { padding: var(--unit-5) 0 ;}
	.content-participantes-item {padding: var(--unit-2) var(--unit);  background-color: transparent;}

	/* -- Events */
	.content-event { display: block; margin: var(--unit-4) 0 var(--unit-10) 0;}
	.content-event-in { padding: var(--unit-2) 0 var(--unit-4) 0;}
	.content-event-full .cta { position: absolute; right: 0; bottom: calc(-1 * var(--unit-2));}

	.content-event-filter .event-filter-item .event-filter-btn { width: 100%; max-width: none;}
	.content-event-filter .event-calendar { width: 100%;}


	
	/* -- Noticias */
	.content-news-full .content-news-txt, 
	.content-news-third .content-news-txt { padding: var(--unit-2) 0;}
	.content-news-third .content-news-img img {aspect-ratio: 2/1;}

	.content-news-full .content-news-in,
	.content-news-third .content-news-in { padding: calc(var(--padd-col-main-s) + var(--padd-s));}


	/* -- Descarga */
	.content-3-colums .section-title { margin-bottom: var(--unit-2); padding: var(--unit-4) 0;}


	/* -- Aperturas */
	.content-open { padding: 2rem 0 4rem 0; aspect-ratio: unset;}
	.content-open-photo { padding: var(--unit-2) 0;} 
	.content-open-photo .content-open-img { width: 100%;} 
	.content-open-detail { padding: 2rem 0 var(--unit-7) 0;}
	.content-open-detail .col1-12 { display: none;}



	/* -- Component Mapa */
	.content-map-popup-box { padding: 0;}
	.content-map-popup-box .content-open-detail-map .content-in { display: block; padding: var(--unit-10) var(--unit-3) var(--unit-3) var(--unit-3);}
	.content-map-popup-box .content-event-list .content-event-txt { display: block; padding: var(--unit-2) var(--unit-3) var(--unit-3) var(--unit-3);}
	.content-map-popup-box .content-event-list:first-child .content-event-txt { padding-top: var(--unit-10);}
	
	/* -- Component Info */
	.content-info { columns: initial; }

	/* -- Component Perfiles */
	.content-events:has(.content-profile) .section-title::after { margin: var(--unit-4) calc(var(--padd-col-main-s) + var(--padd-s)) 0 calc(var(--padd-col-main-s) + var(--padd-s))}

	/* -- Component Equipo */
	.content-team .content-title { padding: 2.8rem 0;}

}


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




/* THE END -- :P */