/*
	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%;}




	/* 1 -- Structure */

	.header { padding: 1.2rem 0;}

	.header-container:before { backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);}

	.header-menu { background-color: var(--c-black); padding-top: 5.5rem;}
	.header-menu-main a:not(.cta),
	.header-menu-main > li > a:not(.cta) { color: var(--c-white); font-weight: var(--fw-strong); border-bottom: .1rem solid #B8B8B8;}
	.header-menu-main > li > ul a:not(.cta) { color: var(--c-white); font-weight: var(--fw-regular); border-bottom: .1rem solid #B8B8B8;}
	.header-menu-main > li > ul:before { display: none;}
	
	.header-menu-featured { background-color: var(--c-black);}
	.header-menu-featured .cta-second { background-color: var(--c-second); color: var(--c-main);} 
	
	.header-search-row { padding: var(--unit-3) 0;}
	.header-search-row input[type=text] { font-size: var(--txt-h4);}
	
	.menu-active .header .btn-menu .icon::before { background-image: var(--icon-w-cross);}

	.header-w a { color: var(--c-black);}
	.header-w .header-menu { background-color: var(--c-white);}
	.header-w .header-menu-main > li > a:not(.cta) { color: var(--c-black); font-weight: var(--fw-strong); border-bottom: .1rem solid #B8B8B8;}
	.header-w .header-menu-main > li > ul a:not(.cta) { color: var(--c-black); font-weight: var(--fw-regular); border-bottom: .1rem solid #B8B8B8;}

	.header-w .header-search-row { background-color: var(--c-white);}
	.header-w .header-search-row input[type=text] { color: var(--c-black);}

	.header-w .icon-burguer::before { background-image: var(--icon-b-burguer);}
	.menu-active .header-w .btn-menu .icon::before { background-image: var(--icon-b-cross);}


	/* 2 -- Text */

	html { font-size: 12px;}
	body { font-size: var(--txt-body-s); line-height: var(--txt-body-lh-s);}

	.txt-a-l-s { text-align: left;} 
	.txt-a-c-s { text-align: center;} 
	.txt-a-r-s { text-align: right;}

	.header a { font-size: 1.6rem; line-height: 1.5em;}
	
	.txt-c-grey-s { color: var(--c-grey-2);}
	.txt-c-grey-2-s { color: var(--c-grey-1);}




	/* 6 -- Components */

	
	/* Component Intro */
	.content-intros { padding: 0; margin-bottom: var(--unit-5);}
	.content-intro { padding: 0;}
	.content-intro-full .content-intro-img img,
	.content-intro-middle .content-intro-img img,
	.content-intro-third .content-intro-img img { aspect-ratio: auto;}
	.content-intro-full .content-intro-txt,
	.content-intro-middle .content-intro-txt,	
	.content-intro-third .content-intro-txt { padding: 0;}
	.content-slider-intro .flickity-page-dots { bottom: var(--unit-3);}
	.content-slider-intro .flickity-prev-next-button { display: none;}
	.content-intro-full .content-intro-txt { padding: var(--unit-12) var(--unit);}
	

	/* Componente Section */
	.content-sections { padding: 0; margin-top: var(--unit-5); margin-bottom: var(--unit-5);}
	.content-section { padding: var(--unit-middle);}
	.content-section-in { aspect-ratio: 36/22;}
	.content-section-txt { padding: var(--unit-2);}


	/* Component Events */
	.content-events { padding: 0; margin-top: var(--unit-5); margin-bottom: var(--unit-5);}
	.content-event .tag { margin-right: .2rem; gap: var(--unit-middle);}
	.content-event .tag img { width: .8rem; transform: translateY(.2rem);}
	.content-event-in { padding: 0;}
	.content-event-grid-v .content-event,
	.content-event-grid-h .content-event { width: 50%; } 
	.content-events-row::after { content: ''; display: block; width: 40%;}
	.content-events .content-slider { padding: 0 var(--padd-col-main-s);}
	.content-events .content-slider .flickity-button { display: none;}


	/* Component Título */
	.content-title::after { margin-top: var(--unit);}


	/* Component News */
	.content-news-full.content-news-full-left .content-news-txt	{ padding: 0;}
	.content-news-third .content-news-txt { padding-right: 0;}
	.content-news-full .content-news-img img,
	.content-news-third .content-news-img img { aspect-ratio: 360/250;}
	
	
	/* Component Article */
	.content-article-large .content-article-img img { aspect-ratio: 36/29;} 


	/* Component Open */
	.content-open { padding: var(--unit-16) var(--unit-2); margin-bottom: var(--unit-5); aspect-ratio: auto;}
	.content-open-text { padding-bottom: var(--unit-8); margin-bottom: 0;}
	.content-open-detail {  padding: var(--unit-10) 0 var(--unit-2) 0;}


	/* Component Partners */
	.content-partners { margin-top: var(--unit-5); margin-bottom: var(--unit-5);}
	

	/* Component Form */
	.content-form { padding-left: 0; padding-right: 0; padding-top: var(--unit-10); padding-bottom: var(--unit-10);}
	

	/* Component detail  */
	
	/* Component Info */
	.content-info { width: 80%; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}
	.content-info-row { padding-bottom: var(--unit-2);}
	.content-info-more .g-2 { gap: 0;}


	/* Component Text */
	.content-detail .content-text { width: 80%; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}


	/* Component Video */
	.content-detail .content-video { width: 100%;}


	/* Component List  */
	.content-detail .content-list-item { width: 80%; margin-left: auto; margin-right: auto;}
	
	
	/* Component Accordion */
	.content-accordion { display: block; padding-left: var(--padd-s); padding-right: var(--padd-s); width: 80%; margin-left: auto; margin-right: auto;}
	.content-detail .content-accordion { display: block; padding-left: 0; padding-right: 0; width: 80%;  margin-left: auto; margin-right: auto;}
	.content-accordion-item,
	.content-accordion-item:nth-child(odd),
	.content-accordion-item:nth-child(even) { width: 100%; padding-right: var(--padd-s); padding-left: var(--padd-s); margin-bottom: var(--unit-3);}
	

	/* Component table cortos */
	.content-table-cortos { width: 100%; overflow: auto;}
	.content-table-cortos td.content-name { min-width: var(--unit-20);}
	.content-table-cortos td.content-long { min-width: 30rem;}
	.content-table-cortos td.content-cta { min-width: var(--unit-16);}
	.content-table-cortos .content-img img { width: var(--unit-8);}


}


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




/* THE END -- :P */