/*
	Autor: 
		PUM! estudio

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

@charset "UTF-8";

@media ( min-width: 1800px ) {
	.content-event-fourth, .content-article-large { width: 20%;}

}

@media ( max-width: 1200px ) {
	.content-detail .content-form > .col8-12 { width: 83.333%;}

}

@media ( max-width: 1020px ) {

	.f-col-r-s { flex-direction: column-reverse;}

	/* 1 -- Structure */

	.header { padding: var(--padd-s) 0;	}
	.header-menu { padding-top: var(--unit-6); background-color: var(--c-black);}
	.header-menu-main { padding: var(--unit-6) var(--unit-3) 0;}
	.header-menu-main a:not(.cta), .header-menu-main > li > a:not(.cta) { padding: var(--unit-2) 0;}
	.header-menu-main > li > a:not(.cta) { font-weight: var(--fw-regular); border-bottom: .1rem solid var(--c-white); font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); letter-spacing: var(--txt-h4-ls-s);}
	.header-menu-main > li:first-child > a:not(.cta) { border-top: .1rem solid var(--c-white);}
	.header-menu-main > li > ul a:not(.cta) { color: var(--c-white); font-weight: var(--fw-regular); border-bottom: .1rem solid var(--c-white);}
	.header-menu-main > li > ul:before { display: none;}
	.header-menu-featured { background-color: transparent;}
	.header-menu-featured .cta.cta-second { font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); letter-spacing: var(--txt-h4-ls-s);}

	.header-logos-item img { max-width: 20rem;}

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

	.header-menu-featured .cta-second { background-color: transparent; color: var(--c-white);}

	.header-search { display: block; padding: 0 var(--unit-3); margin-bottom: var(--unit-7); order: 1;}
	.header-search .btn-search { display: flex; padding: var(--unit-2) 0; border-bottom: .1rem solid var(--c-white);}
	

	/* 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:not(.cta) { 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);}

	.txt-h1-s 			{ font-size: var(--txt-h1-s); font-weight: var(--txt-h1-fw-s); line-height: var(--txt-h1-lh-s); letter-spacing: var(--txt-h1-ls-s);}
	.txt-h2-s 			{ font-size: var(--txt-h2-s); font-weight: var(--txt-h2-fw-s); line-height: var(--txt-h2-lh-s); letter-spacing: var(--txt-h2-ls-s);}
	.txt-h3-s 			{ font-size: var(--txt-h3-s); font-weight: var(--txt-h3-fw-s); line-height: var(--txt-h3-lh-s); letter-spacing: var(--txt-h3-ls-s);}
	.txt-h4-s 		 	{ font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); letter-spacing: var(--txt-h4-ls-s);}
	.txt-h5-s 			{ font-size: var(--txt-h5-s); font-weight: var(--txt-h5-fw-s); line-height: var(--txt-h5-lh-s); letter-spacing: var(--txt-h5-ls-s);}
	.txt-h6-s, .tag		{ font-size: var(--txt-h6-s); font-weight: var(--txt-h6-fw-s); line-height: var(--txt-h6-lh-s); letter-spacing: var(--txt-h6-ls-s);}
	.txt-body-s 		{ font-size: var(--txt-body-s); font-weight: var(--txt-body-fw-s); line-height: var(--txt-body-lh-s); letter-spacing: var(--txt-body-ls-s);}
	.cta		 		{ font-size: var(--txt-cta-s); font-weight: var(--txt-cta-fw-s); line-height: var(--txt-cta-lh-s); letter-spacing: var(--txt-cta-ls-s);}
	

	/* 3 -- Icons */

	.icon-m { width: var(--unit-2); height: var(--unit-2);}


	/* 4 -- Interaction */

	.cta { padding: 1.2rem;}
	.cta-text { gap: var(--unit-middle);}

	.cta-filter-drop { padding: 1.4rem .8rem;}
	.cta-filter-drop .icon-down-angle { width: var(--unit-2); height: var(--unit-2);}

	.tag-box.num { padding: .4rem .6rem; min-width: 2.1rem;}

	input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], 
	select, 
	textarea { font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); padding: 1.4rem;}


	/* 6 -- Components */


	/* Component Search */
	.content-search { margin: auto;}
	.content-search input { padding-left: var(--unit-4); background-size: var(--unit-2) var(--unit-2); background-position: var(--unit) center;}

	
	/* Component Intro */
	.content-intros { padding: var(--padd-s) 0;}
	.content-intro { padding: var(--padd-s);}
	.content-intro-in .icon-l { width: 1.6rem; height: 1.6rem;}
	.content-intro-full .content-intro-img img { aspect-ratio: 5/6;}
	.content-intro-middle .content-intro-img img,
	.content-intro-third .content-intro-img img { aspect-ratio: 3/2;}
	.content-intro-full .content-intro-txt,
	.content-intro-middle .content-intro-txt,	
	.content-intro-third .content-intro-txt { padding: var(--unit-2); min-height: auto;}
	
	
	/* Componente Section */
	.content-sections { padding: var(--unit-2) var(--unit) var(--unit) var(--unit);}
	.content-section { padding: var(--unit) var(--unit) var(--unit-2) var(--unit);}
	.content-section-txt { padding: var(--unit-2);}
	
	
	/* Component Events */
	.content-events { padding-top: var(--unit-5); padding-bottom: var(--unit-5);}
	.content-event-in { padding: 0;}
	.content-event-fourth .content-event-txt { padding: var(--unit) .6rem; min-height: auto;}
	.content-event-fourth .content-event-img img { aspect-ratio: 2/1;}
	.content-event-tag-box { gap: .4rem;}


	/* Component Filter */
	.content-filter { padding: var(--unit-6) 0;}
	.content-filter .content-filter-in { padding-top: 0; transition: padding .4s var(--bezier);}
	.content-filter:has(.content-search):has(.content-filter-title) .content-filter-in { padding-top: var(--unit-2);}
	.content-filter:has(.content-search) .content-filter-in { padding-top: var(--unit-6);}
	.content-filter .col-main { padding: 0;}
	.content-filter .content-filter-drops,
	.content-filter .content-filter-tags { width: 100%;}
	.content-filter .content-filter-tags { padding: 0 calc(var(--padd-col-main-s) + var(--padd-s)); -webkit-mask-image: linear-gradient(to right, black calc(100% - 6rem), transparent); mask-image: linear-gradient(to right, black calc(100% - 6rem), transparent);}
	.content-filter .content-filter-tags::after { content: ''; flex-grow: 1; min-width: 6rem;}
	.content-filter .content-filter-tags button { padding: 1.4rem 2rem; font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); letter-spacing: var(--txt-h4-ls-s);}
	.content-filter .content-filter-drop-list button { padding: 1.2rem var(--unit);}
	.content-filter.active .content-filter-in { padding-top: var(--unit-10);}
	.content-filter.content-bg-black { padding: var(--unit-3) 0 var(--unit-8) 0;}
	.content-filter.content-bg-black:has(.content-search) { padding: var(--unit-3) 0;}
	.content-filter.content-bg-black:has(.content-search) .content-filter-box { display: none;}
	.content-filter.content-bg-black:has(.content-search) .content-filter-btn { display: flex; margin-top: var(--unit-5);}
	.content-filter .content-filter-img { width: 75vw;}


	/* Component Título */
	.content-title { padding-left: var(--padd-s);}
	

	/* Component News */
	.content-news-full.content-news-full-left .content-news-txt	{ padding: 0;}
	.content-news-middle .content-news-txt,
	.content-news-third .content-news-txt { padding-right: 0;}
	.content-news-full .content-news-img img,
	.content-news-middle .content-news-img img,
	.content-news-third .content-news-img img { aspect-ratio: 16/9;}
	

	/* Component Article */
	.content-article-large .content-article-txt { padding: var(--unit) .6rem var(--unit-8) .6rem; gap: .5rem; min-height: 15rem;}
	.content-article-large .content-article-txt > .f-col { gap: .4rem;}


	/* Component Open */
	.content-open { margin-bottom: 2rem;}
	.content-open-photo { aspect-ratio: 3/2;}
	.content-open-detail { padding: 2rem 1.6rem 0 1.6rem;}
	.content-open-detail .col-main { padding: 0 var(--padd-col-main-s);}


	/* Component Form */
	.content-form { padding-left: 0; padding-right: 0; padding-top: var(--unit-5); padding-bottom: var(--unit-5);}
	.content-form .gform_wrapper.gravity-theme input[type=color], 
	.content-form .gform_wrapper.gravity-theme input[type=date], 
	.content-form .gform_wrapper.gravity-theme input[type=datetime-local], 
	.content-form .gform_wrapper.gravity-theme input[type=datetime], 
	.content-form .gform_wrapper.gravity-theme input[type=email], 
	.content-form .gform_wrapper.gravity-theme input[type=month], 
	.content-form .gform_wrapper.gravity-theme input[type=number], 
	.content-form .gform_wrapper.gravity-theme input[type=password], 
	.content-form .gform_wrapper.gravity-theme input[type=search], 
	.content-form .gform_wrapper.gravity-theme input[type=tel], 
	.content-form .gform_wrapper.gravity-theme input[type=text], 
	.content-form .gform_wrapper.gravity-theme input[type=time], 
	.content-form .gform_wrapper.gravity-theme input[type=url], 
	.content-form .gform_wrapper.gravity-theme input[type=week], 
	.content-form .gform_wrapper.gravity-theme select, 
	.content-form .gform_wrapper.gravity-theme textarea { font-size: var(--txt-h4-s); font-weight: var(--txt-h4-fw-s); line-height: var(--txt-h4-lh-s); letter-spacing: var(--txt-h4-ls-s);}
	.content-form .gform_wrapper.gravity-theme .ginput_complex span { margin: 0;}
	.content-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { margin: auto;}
	

	/* Component Info */
	.content-info { padding-right: var(--unit-2); columns: 1; display: flex;}
	.content-info .tag-box:not(.num) { padding: .8rem 1rem;}
	.content-info .tag-box.num { padding: .8rem;}


	/* Component detail  */
	.content-detail { padding: 0; margin: var(--unit-3) 0;}
	.content-detail .col4-12,
	.content-detail .col7-12 { padding: 0 2rem;}
	.content-detail .col4-12 { margin-bottom: var(--unit-3);}
	.content-detail .content-form > .col8-12 { width: 100%;}
	.content-detail-info { padding-right: 0;}

	
	/* Component Download  */
	.content-detail .content-download-title,
	.content-detail .content-download .txt-body { padding-left: 0; padding-right: 0;}

	.content-text-drop.content-events { padding: var(--unit-3) 1.6rem;} 
	
	.content-slider .flickity-prev-next-button.next { right: 1rem;}
	.content-slider .flickity-prev-next-button.previous { left: 1rem;}
	.content-slider .flickity-prev-next-button { width: var(--unit-3); height: var(--unit-3);}
	.content-slider .flickity-prev-next-button.previous:before, 
	.content-slider .flickity-prev-next-button.next:before { width: var(--unit-2); height: var(--unit-2);}

}


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




/* THE END -- :P */