/*
	Autor: 
		PUM! estudio

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

@charset "UTF-8";




@media ( min-width: 1536px ) {
	html { font-size: 12px;}
}

@media ( min-width: 1920px ) {
	html { font-size: 0.625vw;}
}

@media ( max-width: 1020px ) {
	/* 0 -- Initializers */
	.col1-3-m { width: calc(1/3 * 100%);} .col2-3-m { width: calc(2/3 * 100%);} .col3-3-m { width: calc(3/3 * 100%);}
	.col1-4-m { width: calc(1/4 * 100%);} .col2-4-m { width: calc(2/4 * 100%);} .col3-4-m { width: calc(3/4 * 100%);} .col4-4-m { width: calc(4/4 * 100%);}
	.col1-5-m { width: calc(1/5 * 100%);} .col2-5-m { width: calc(2/5 * 100%);} .col3-5-m { width: calc(3/5 * 100%);} .col4-5-m { width: calc(4/5 * 100%);} .col5-5-m { width: calc(5/5 * 100%);}
	.col1-6-m { width: calc(1/6 * 100%);} .col2-6-m { width: calc(2/6 * 100%);} .col3-6-m { width: calc(3/6 * 100%);} .col4-6-m { width: calc(4/6 * 100%);} .col5-6-m { width: calc(5/6 * 100%);} .col6-6-m { width: calc(6/6 * 100%);}
	.col1-7-m { width: calc(1/7 * 100%);} .col2-7-m { width: calc(2/7 * 100%);} .col3-7-m { width: calc(3/7 * 100%);} .col4-7-m { width: calc(4/7 * 100%);} .col5-7-m { width: calc(5/7 * 100%);} .col6-7-m { width: calc(6/7 * 100%);} .col7-7-m { width: calc(7/7 * 100%);}
	.col1-8-m { width: calc(1/8 * 100%);} .col2-8-m { width: calc(2/8 * 100%);} .col3-8-m { width: calc(3/8 * 100%);} .col4-8-m { width: calc(4/8 * 100%);} .col5-8-m { width: calc(5/8 * 100%);} .col6-8-m { width: calc(6/8 * 100%);} .col7-8-m { width: calc(7/8 * 100%);} .col8-8-m { width: calc(8/8 * 100%);}
	.col1-9-m { width: calc(1/9 * 100%);} .col2-9-m { width: calc(2/9 * 100%);} .col3-9-m { width: calc(3/9 * 100%);} .col4-9-m { width: calc(4/9 * 100%);} .col5-9-m { width: calc(5/9 * 100%);} .col6-9-m { width: calc(6/9 * 100%);} .col7-9-m { width: calc(7/9 * 100%);} .col8-9-m { width: calc(8/9 * 100%);} .col9-9-m { width: calc(9/9 * 100%);}
	.col1-10-m { width: calc(1/10 * 100%);} .col2-10-m { width: calc(2/10 * 100%);} .col3-10-m { width: calc(3/10 * 100%);} .col4-10-m { width: calc(4/10 * 100%);} .col5-10-m { width: calc(5/10 * 100%);} .col6-10-m { width: calc(6/10 * 100%);} .col7-10-m { width: calc(7/10 * 100%);} .col8-10-m { width: calc(8/10 * 100%);} .col9-10-m { width: calc(9/10 * 100%);} .col10-10-m { width: calc(10/10 * 100%);}
	.col1-11-m { width: calc(1/11 * 100%);} .col2-11-m { width: calc(2/11 * 100%);} .col3-11-m { width: calc(3/11 * 100%);} .col4-11-m { width: calc(4/11 * 100%);} .col5-11-m { width: calc(5/11 * 100%);} .col6-11-m { width: calc(6/11 * 100%);} .col7-11-m { width: calc(7/11 * 100%);} .col8-11-m { width: calc(8/11 * 100%);} .col9-11-m { width: calc(9/11 * 100%);} .col10-11-m { width: calc(10/11 * 100%);} .col11-11-m { width: calc(11/11 * 100%);}
	.col1-12-m { width: calc(1/12 * 100%);} .col2-12-m { width: calc(2/12 * 100%);} .col3-12-m { width: calc(3/12 * 100%);} .col4-12-m { width: calc(4/12 * 100%);} .col5-12-m { width: calc(5/12 * 100%);} .col6-12-m { width: calc(6/12 * 100%);} .col7-12-m { width: calc(7/12 * 100%);} .col8-12-m { width: calc(8/12 * 100%);} .col9-12-m { width: calc(9/12 * 100%);} .col10-12-m { width: calc(10/12 * 100%);} .col11-12-m { width: calc(11/12 * 100%);} .col12-12-m { width: calc(12/12 * 100%);}

	.m-b-0-m { margin-bottom: 0;} .m-b-1-m { margin-bottom: var(--unit);} .m-b-2-m { margin-bottom: var(--unit-2);} .m-b-3-m { margin-bottom: var(--unit-3);} .m-b-4-m { margin-bottom: var(--unit-4);} .m-b-5-m { margin-bottom: var(--unit-5);} .m-b-6-m { margin-bottom: var(--unit-6);} .m-b-7-m { margin-bottom: var(--unit-7);} .m-b-8-m { margin-bottom: var(--unit-8);} .m-b-9-m { margin-bottom: var(--unit-9);} .m-b-10-m { margin-bottom: var(--unit-10);} .m-b-11-m { margin-bottom: var(--unit-11);} .m-b-12-m { margin-bottom: var(--unit-12);} .m-b-13-m { margin-bottom: var(--unit-13);} .m-b-14-m { margin-bottom: var(--unit-14);} .m-b-15-m { margin-bottom: var(--unit-15);} .m-b-16-m { margin-bottom: var(--unit-16);} .m-b-17-m { margin-bottom: var(--unit-17);} .m-b-18-m { margin-bottom: var(--unit-18);} .m-b-19-m { margin-bottom: var(--unit-19);} .m-b-20-m { margin-bottom: var(--unit-20);}
	.m-t-0-m { margin-top: 0;} .m-t-1-m { margin-top: var(--unit);} .m-t-2-m { margin-top: var(--unit-2);} .m-t-3-m { margin-top: var(--unit-3);} .m-t-4-m { margin-top: var(--unit-4);} .m-t-5-m { margin-top: var(--unit-5);} .m-t-6-m { margin-top: var(--unit-6);} .m-t-7-m { margin-top: var(--unit-7);} .m-t-8-m { margin-top: var(--unit-8);} .m-t-9-m { margin-top: var(--unit-9);} .m-t-10-m { margin-top: var(--unit-10);} .m-t-11-m { margin-top: var(--unit-11);} .m-t-12-m { margin-top: var(--unit-12);} .m-t-13-m { margin-top: var(--unit-13);} .m-t-14-m { margin-top: var(--unit-14);} .m-t-15-m { margin-top: var(--unit-15);} .m-t-16-m { margin-top: var(--unit-16);} .m-t-17-m { margin-top: var(--unit-17);} .m-t-18-m { margin-top: var(--unit-18);} .m-t-19-m { margin-top: var(--unit-19);} .m-t-20-m { margin-top: var(--unit-20);}

	.g-0-m { gap: 0;} .g-1-m { gap: var(--unit);} .g-2-m { gap: var(--unit-2);} .g-3-m { gap: var(--unit-3);} .g-4-m { gap: var(--unit-4);} .g-5-m { gap: var(--unit-5);} .g-6-m { gap: var(--unit-6);} .g-7-m { gap: var(--unit-7);} .g-8-m { gap: var(--unit-8);} .g-9-m { gap: var(--unit-9);} .g-10-m { gap: var(--unit-10);}
	.g-r-1-m { row-gap: var(--unit);} .g-r-2-m { row-gap: var(--unit-2);} .g-r-3-m { row-gap: var(--unit-3);} .g-r-4-m { row-gap: var(--unit-4);} .g-r-5-m { row-gap: var(--unit-5);} .g-r-6-m { row-gap: var(--unit-6);} .g-r-7-m { row-gap: var(--unit-7);} .g-r-8-m { row-gap: var(--unit-8);} .g-r-9-m { row-gap: var(--unit-9);} .g-r-10-m { row-gap: var(--unit-10);}
	.g-c-1-m { column-gap: var(--unit);} .g-c-2-m { column-gap: var(--unit-2);} .g-c-3-m { column-gap: var(--unit-3);} .g-c-4-m { column-gap: var(--unit-4);} .g-c-5-m { column-gap: var(--unit-5);} .g-c-6-m { column-gap: var(--unit-6);} .g-c-7-m { column-gap: var(--unit-7);} .g-c-8-m { column-gap: var(--unit-8);} .g-c-9-m { column-gap: var(--unit-9);} .g-c-10-m { column-gap: var(--unit-10);}

	html { font-size: 8px;}
}


@media ( max-width: 770px ) {
	
	/* 0 -- Initializers */

	.f-row-s, 
	.f-col-s { display: flex;}
	.f-row-s { flex-direction: row;} 
	.f-col-s { flex-direction: column;}
	.f-col-r-s { flex-direction: column-reverse;}
	.f-w-s { flex-wrap: wrap;}
	.f-j-s-s { justify-content: flex-start;} .f-j-e-s { justify-content: flex-end;} .f-j-c-s { justify-content: center;} .f-j-b-s { justify-content: space-between;} .f-j-a-s { justify-content: space-around;} .f-j-ev-s { justify-content: space-evenly;}
	.f-a-s-s { align-items: flex-start;} .f-a-e-s { align-items: flex-end;} .f-a-c-s { align-items: center;} .f-a-b-s { align-items: baseline;} .f-a-st-s { align-items: stretch;}
	.f-a-ct-s-s { align-content: flex-start;} .f-a-ct-e-s { align-content: flex-end;} .f-a-ct-c-s { align-content: center;} .f-a-ct-st-s { align-content: stretch;} .f-a-ct-b-s { align-content: space-between;} .f-a-ct-a-s { align-content: space-around;}
	.f-g-0-s { flex-grow: 0;} .f-g-1-s { flex-grow: 1;} .f-g-2-s { flex-grow: 2;} .f-g-3-s { flex-grow: 3;} .f-g-4-s { flex-grow: 4;}
	.f-s-0-s { flex-shrink: 0;} .f-s-1-s { flex-shrink: 1;} .f-s-2-s { flex-shrink: 2;} .f-s-3-s { flex-shrink: 3;} .f-s-4-s { flex-shrink: 4;}
	.f-o-1-s { order: -1;}

	.col1-3-s { width: calc(1/3 * 100%);} .col2-3-s { width: calc(2/3 * 100%);} .col3-3-s { width: calc(3/3 * 100%);}
	.col1-4-s { width: calc(1/4 * 100%);} .col2-4-s { width: calc(2/4 * 100%);} .col3-4-s { width: calc(3/4 * 100%);} .col4-4-s { width: calc(4/4 * 100%);}
	.col1-5-s { width: calc(1/5 * 100%);} .col2-5-s { width: calc(2/5 * 100%);} .col3-5-s { width: calc(3/5 * 100%);} .col4-5-s { width: calc(4/5 * 100%);} .col5-5-s { width: calc(5/5 * 100%);}
	.col1-6-s { width: calc(1/6 * 100%);} .col2-6-s { width: calc(2/6 * 100%);} .col3-6-s { width: calc(3/6 * 100%);} .col4-6-s { width: calc(4/6 * 100%);} .col5-6-s { width: calc(5/6 * 100%);} .col6-6-s { width: calc(6/6 * 100%);}
	.col1-7-s { width: calc(1/7 * 100%);} .col2-7-s { width: calc(2/7 * 100%);} .col3-7-s { width: calc(3/7 * 100%);} .col4-7-s { width: calc(4/7 * 100%);} .col5-7-s { width: calc(5/7 * 100%);} .col6-7-s { width: calc(6/7 * 100%);} .col7-7-s { width: calc(7/7 * 100%);}
	.col1-8-s { width: calc(1/8 * 100%);} .col2-8-s { width: calc(2/8 * 100%);} .col3-8-s { width: calc(3/8 * 100%);} .col4-8-s { width: calc(4/8 * 100%);} .col5-8-s { width: calc(5/8 * 100%);} .col6-8-s { width: calc(6/8 * 100%);} .col7-8-s { width: calc(7/8 * 100%);} .col8-8-s { width: calc(8/8 * 100%);}
	.col1-9-s { width: calc(1/9 * 100%);} .col2-9-s { width: calc(2/9 * 100%);} .col3-9-s { width: calc(3/9 * 100%);} .col4-9-s { width: calc(4/9 * 100%);} .col5-9-s { width: calc(5/9 * 100%);} .col6-9-s { width: calc(6/9 * 100%);} .col7-9-s { width: calc(7/9 * 100%);} .col8-9-s { width: calc(8/9 * 100%);} .col9-9-s { width: calc(9/9 * 100%);}
	.col1-10-s { width: calc(1/10 * 100%);} .col2-10-s { width: calc(2/10 * 100%);} .col3-10-s { width: calc(3/10 * 100%);} .col4-10-s { width: calc(4/10 * 100%);} .col5-10-s { width: calc(5/10 * 100%);} .col6-10-s { width: calc(6/10 * 100%);} .col7-10-s { width: calc(7/10 * 100%);} .col8-10-s { width: calc(8/10 * 100%);} .col9-10-s { width: calc(9/10 * 100%);} .col10-10-s { width: calc(10/10 * 100%);}
	.col1-11-s { width: calc(1/11 * 100%);} .col2-11-s { width: calc(2/11 * 100%);} .col3-11-s { width: calc(3/11 * 100%);} .col4-11-s { width: calc(4/11 * 100%);} .col5-11-s { width: calc(5/11 * 100%);} .col6-11-s { width: calc(6/11 * 100%);} .col7-11-s { width: calc(7/11 * 100%);} .col8-11-s { width: calc(8/11 * 100%);} .col9-11-s { width: calc(9/11 * 100%);} .col10-11-s { width: calc(10/11 * 100%);} .col11-11-s { width: calc(11/11 * 100%);}
	.col1-12-s { width: calc(1/12 * 100%);} .col2-12-s { width: calc(2/12 * 100%);} .col3-12-s { width: calc(3/12 * 100%);} .col4-12-s { width: calc(4/12 * 100%);} .col5-12-s { width: calc(5/12 * 100%);} .col6-12-s { width: calc(6/12 * 100%);} .col7-12-s { width: calc(7/12 * 100%);} .col8-12-s { width: calc(8/12 * 100%);} .col9-12-s { width: calc(9/12 * 100%);} .col10-12-s { width: calc(10/12 * 100%);} .col11-12-s { width: calc(11/12 * 100%);} .col12-12-s { width: calc(12/12 * 100%);}

	


	/* 1 -- Structure */

	.p { padding: var(--padd-s);}
	.p-h { padding-left: var(--padd-s); padding-right: var(--padd-s);}
	.p-v { padding-top: var(--padd-s); padding-bottom: var(--padd-s);}
	.p-h-s { padding-left: var(--padd-s); padding-right: var(--padd-s);}
	.p-v-s { padding-top: var(--padd-s); padding-bottom: var(--padd-s);}
	.p-0-s { padding: 0;}
	.p-0-h-s { padding-left: 0; padding-right: 0;}
	.p-0-v-s { padding-top: 0; padding-bottom: 0;}

	.m-b-0-s { margin-bottom: 0;} .m-b-1-s { margin-bottom: var(--unit);} .m-b-2-s { margin-bottom: var(--unit-2);} .m-b-3-s { margin-bottom: var(--unit-3);} .m-b-4-s { margin-bottom: var(--unit-4);} .m-b-5-s { margin-bottom: var(--unit-5);} .m-b-6-s { margin-bottom: var(--unit-6);} .m-b-7-s { margin-bottom: var(--unit-7);} .m-b-8-s { margin-bottom: var(--unit-8);} .m-b-9-s { margin-bottom: var(--unit-9);} .m-b-10-s { margin-bottom: var(--unit-10);} .m-b-11-s { margin-bottom: var(--unit-11);} .m-b-12-s { margin-bottom: var(--unit-12);} .m-b-13-s { margin-bottom: var(--unit-13);} .m-b-14-s { margin-bottom: var(--unit-14);} .m-b-15-s { margin-bottom: var(--unit-15);} .m-b-16-s { margin-bottom: var(--unit-16);} .m-b-17-s { margin-bottom: var(--unit-17);} .m-b-18-s { margin-bottom: var(--unit-18);} .m-b-19-s { margin-bottom: var(--unit-19);} .m-b-20-s { margin-bottom: var(--unit-20);}
	.m-t-0-s { margin-top: 0;} .m-t-1-s { margin-top: var(--unit);} .m-t-2-s { margin-top: var(--unit-2);} .m-t-3-s { margin-top: var(--unit-3);} .m-t-4-s { margin-top: var(--unit-4);} .m-t-5-s { margin-top: var(--unit-5);} .m-t-6-s { margin-top: var(--unit-6);} .m-t-7-s { margin-top: var(--unit-7);} .m-t-8-s { margin-top: var(--unit-8);} .m-t-9-s { margin-top: var(--unit-9);} .m-t-10-s { margin-top: var(--unit-10);} .m-t-11-s { margin-top: var(--unit-11);} .m-t-12-s { margin-top: var(--unit-12);} .m-t-13-s { margin-top: var(--unit-13);} .m-t-14-s { margin-top: var(--unit-14);} .m-t-15-s { margin-top: var(--unit-15);} .m-t-16-s { margin-top: var(--unit-16);} .m-t-17-s { margin-top: var(--unit-17);} .m-t-18-s { margin-top: var(--unit-18);} .m-t-19-s { margin-top: var(--unit-19);} .m-t-20-s { margin-top: var(--unit-20);}

	.g-0-s { gap: 0;} .g-1-s { gap: var(--unit);} .g-2-s { gap: var(--unit-2);} .g-3-s { gap: var(--unit-3);} .g-4-s { gap: var(--unit-4);} .g-5-s { gap: var(--unit-5);} .g-6-s { gap: var(--unit-6);} .g-7-s { gap: var(--unit-7);} .g-8-s { gap: var(--unit-8);} .g-9-s { gap: var(--unit-9);} .g-10-s { gap: var(--unit-10);} .g-11-s { gap: var(--unit-11);} .g-12-s { gap: var(--unit-12);}
	.g-r-1-s { row-gap: var(--unit);} .g-r-2-s { row-gap: var(--unit-2);} .g-r-3-s { row-gap: var(--unit-3);} .g-r-4-s { row-gap: var(--unit-4);} .g-r-5-s { row-gap: var(--unit-5);} .g-r-6-s { row-gap: var(--unit-6);} .g-r-7-s { row-gap: var(--unit-7);} .g-r-8-s { row-gap: var(--unit-8);} .g-r-9-s { row-gap: var(--unit-9);} .g-r-10-s { row-gap: var(--unit-10);}
	.g-c-1-s { column-gap: var(--unit);} .g-c-2-s { column-gap: var(--unit-2);} .g-c-3-s { column-gap: var(--unit-3);} .g-c-4-s { column-gap: var(--unit-4);} .g-c-5-s { column-gap: var(--unit-5);} .g-c-6-s { column-gap: var(--unit-6);} .g-c-7-s { column-gap: var(--unit-7);} .g-c-8-s { column-gap: var(--unit-8);} .g-c-9-s { column-gap: var(--unit-9);} .g-c-10-s { column-gap: var(--unit-10);}

	.col-main { padding: 0 var(--padd-col-main-s);}

	/* 1 . 1 -- Header */

	.header .btn-menu { display: block; padding: 1rem;}
	.header-container:before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--c-main); border-bottom: var(--border-2-b);}
	.header .header-logo,
	.header .header-action { position: relative; z-index: 3;}
	.header-logo img { height: var(--unit-8);}
	.header .header-menu { width: 100%; position: fixed; top: 0; left: 0; z-index: -1; transform: translateY(-100%); background-color: var(--c-main); height: 100dvh; overflow: auto; padding: var(--unit-40) .6rem var(--unit-10) .6rem;}
	.header-menu-main { width: 100%; padding: 0 var(--padd-col-main-s); background-color: var(--c-main);}
	.header-menu-main li { width: 100%;}
	.header-menu-main > li a.hover { text-decoration: none;}
	.header-menu-main li > a { padding: var(--unit-5) 0; display: block; border-top: var(--border-2-b); width: 100%;}
	.header-menu-main > li > ul { top: 0; left: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; padding: 0 0 0 var(--unit-10); background-color: transparent; opacity: 1; pointer-events: all; visibility: visible; border: 0;}
	.header-menu-main > li > ul a { color: var(--c-second); padding: var(--unit-5) 0;}
	.header-menu-main .menu-list-child { overflow: hidden; container-type: inline-size; position: relative;}
	.header-menu-main .menu-list-child ul::before { content: ''; position: absolute; height: var(--unit-12); width: var(--unit-12); right: 0; top: calc( -1 * var(--unit-2) ); transform: translateY(-100%); z-index: 3; cursor: pointer; }
	.header-menu-main .menu-list-child ul::after { content: ''; position: absolute; height: var(--unit-12); width: var(--unit-12); right: 0; top: calc( -1 * var(--unit-2) ); transform: translateY(-100%); z-index: 2; background: url(../img/icon/icon-selector.svg) no-repeat center center; background-size: var(--unit-6); transition: all .3s var(--bezier); border: var(--border-2-b); border-radius: 50%;}

	.header-menu-main .menu-list-child ul { max-height: 0; position: relative;}
	.header-menu-main .menu-list-child.active ul { max-height: 100cqh;  padding: var(--unit-2) 0 var(--unit-4) var(--unit-10);}

	.menu-active,
	.menu-active body { overflow: hidden;}
	.menu-active .header-menu { transform: translateY(0%);}
	.menu-active .header .btn-menu .icon-burger::before { background-image: var(--icon-b-close);}
	.search-active .header.header-transparent .icon-search::before { background-image: var(--icon-b-close);}
	.search-active .header.header-transparent .icon-search::before { background-image: var(--icon-b-close);}
	.search-active .header .btn-search .icon-search::before,
	.search-active .header.hover.header-transparent .btn-search.hover .icon-search::before { background-image: var(--icon-b-close);}
	
	/* 1 . 2 -- Search */

	.search-box { padding: var(--unit-12) 0 0 0;}
	.search-active .header .icon-search::before { background-image: var(--icon-b-close);}
	.search-active .header .btn-search { background-color: transparent;}

	/* 1 . 3 -- Footer */

	.footer-logo img { height: 14rem; width: auto;}
	.footer-content { row-gap: 9.6rem;}
	.footer-content-in { row-gap: 4.8rem;}
	.footer-content-in .col2-4:first-child { padding-right: var(--unit-4);}

	.footer-logos { padding: var(--unit-8) var(--unit-15); margin-top: var(--unit-5);}
	.footer-logos-in img { height: var(--unit-7);}
	

	/* 1 . 4 -- Popups */

	.popup { padding: var(--unit-3);}
	.popup-card { gap: var(--unit-6); padding: var(--unit-6) var(--unit-4) var(--unit-10) var(--unit-4);}
	.popup-bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: var(--c-black); opacity: 0;}




	/* 2 -- Text */

	html { font-size: 10px;}

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

	.content-txt h1, .txt-h1 		{ font-size: var(--txt-h1-s); line-height: var(--txt-h1-lh-s); font-weight: var(--txt-h1-fw-s); letter-spacing: var(--txt-h1-ls-s);}
	.content-txt h2, .txt-h2 		{ font-size: var(--txt-h2-s); line-height: var(--txt-h2-lh-s); font-weight: var(--txt-h2-fw-s); letter-spacing: var(--txt-h2-ls-s);}
	.content-txt h3, .txt-h3 		{ font-size: var(--txt-h3-s); line-height: var(--txt-h3-lh-s); font-weight: var(--txt-h3-fw-s); letter-spacing: var(--txt-h3-ls-s);}
	.content-txt h4, .txt-h4 		{ font-size: var(--txt-h4-s); line-height: var(--txt-h4-lh-s); font-weight: var(--txt-h4-fw-s); letter-spacing: var(--txt-h4-ls-s);}
	.content-txt h5, .txt-h5 		{ font-size: var(--txt-h5-s); line-height: var(--txt-h5-lh-s); font-weight: var(--txt-h5-fw-s); letter-spacing: var(--txt-h5-ls-s);}
	.content-txt h6, .txt-h6 		{ 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);}
	.txt-h7					 	 	{ font-size: var(--txt-h7-s); line-height: var(--txt-h7-lh-s); font-weight: var(--txt-h7-fw-s); letter-spacing: var(--txt-h7-ls-s);}
	.content-txt p, 
	.content-txt ul, 
	.content-txt ol, 
	.txt-body						{ font-size: var(--txt-body-s); line-height: var(--txt-body-lh-s); font-weight: var(--txt-body-fw-s); letter-spacing: var(--txt-body-ls-s);}
	.txt-caption, .tag				{ font-size: var(--txt-caption-s); line-height: var(--txt-caption-lh-s); font-weight: var(--txt-caption-fw-s); letter-spacing: var(--txt-caption-ls-s);}
	.cta, input[type=submit]		{ 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);}
	input, select, textarea, label	{ 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);}

	.txt-h1-s 						{ font-size: var(--txt-h1-s); line-height: var(--txt-h1-lh-s); font-weight: var(--txt-h1-fw-s); letter-spacing: var(--txt-h1-ls-s);}
	.txt-h2-s 						{ font-size: var(--txt-h2-s); line-height: var(--txt-h2-lh-s); font-weight: var(--txt-h2-fw-s); letter-spacing: var(--txt-h2-ls-s);}
	.txt-h3-s 						{ font-size: var(--txt-h3-s); line-height: var(--txt-h3-lh-s); font-weight: var(--txt-h3-fw-s); letter-spacing: var(--txt-h3-ls-s);}
	.txt-h4-s						{ font-size: var(--txt-h4-s); line-height: var(--txt-h4-lh-s); font-weight: var(--txt-h4-fw-s); letter-spacing: var(--txt-h4-ls-s);}
	.txt-h5-s 						{ font-size: var(--txt-h5-s); line-height: var(--txt-h5-lh-s); font-weight: var(--txt-h5-fw-s); letter-spacing: var(--txt-h5-ls-s);}
	.txt-h6-s 						{ 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);}
	.txt-body-s						{ font-size: var(--txt-body-s); line-height: var(--txt-body-lh-s); font-weight: var(--txt-body-fw-s); letter-spacing: var(--txt-body-ls-s);}
	.txt-caption-s					{ font-size: var(--txt-caption-s); line-height: var(--txt-caption-lh-s); font-weight: var(--txt-caption-fw-s); letter-spacing: var(--txt-caption-ls-s);}

	strong,
	.txt-strong,
	.txt-strong-s { font-weight: var(--fw-strong);}
	.txt-regular,
	.txt-regular-s { font-weight: var(--fw-regular);}

	.txt-c-main-s { color: var(--c-main);}
	.txt-c-grey-s { color: var(--c-grey-1);}

	.content-txt h5 { margin-bottom: var(--unit-2);}



	/* 4 -- Interaction */

	/* 4 . 1 -- CTAs */

	.cta-box { padding: var(--unit-3) var(--unit-5);}

	.tag-box { padding: .6rem var(--unit-3);}




	/* 6 -- Components */

	.content { padding-top: var(--unit-18);}

	.content-box { padding: 4rem 0;}

	.no-display-s { display: none;}

	.line-top::before { margin: 0 0 var(--unit-4) 0;}


	/* -- Slider hero */

	.content-slider-hero .flickity-prev-next-button.next { right: var(--unit-4); }
	.content-slider-hero .flickity-prev-next-button.previous { left:  var(--unit-4);}
	.content-slider-hero .content-slider-item .content-cta { bottom: var(--unit-5);}
	.content-slider-hero .content-slider-item-img img { height: calc( 100% - var(--unit-10)); object-fit: contain;}
	.content-slider-hero .content-slider-item-img .img-desktop { display: none;}
	.content-slider-hero .content-slider-item-img .img-mobile { display: block;}
	.content-slider-hero .content-slider-item-info .content-info { padding: var(--unit-15) var(--unit-14) var(--unit-30) var(--unit-14);}
	

	/* -- Slider */

	.content-slider .content-slider-item { padding-right: var(--unit-4); max-width: 100%;}
	.content-slider .content-slider-item img,
	.content-slider .content-slider-item video { height: 26rem; max-width: 100%; object-fit: cover;}
	.content-slider .flickity-prev-next-button { display: none;}


	/* -- Newsletter */

	.content-newsletter { padding: var(--unit-10) 0;}
	

	/* -- Events */

	.content-event .event-title { padding-top: var(--unit-2); padding-bottom: var(--unit-2);}
	.content-event .event-card > div { margin: 0 0 var(--unit-4) 0;}
	.content-event .event-card a .event-card-title span.tag { transform: translateY(-35%);}



	/* -- Ficha */

	.ficha-desktop { display: none}
	.ficha-mobile { display: flex;}
	.content-ficha-recomienda {padding-right: var(--unit-8);}


	/* -- Banner */

	.content-banner-item img,
	.content-banner-item video { height: 16rem;}

	.content-banner-txt .content-banner-item img,
	.content-banner-txt .content-banner-item video { height: var(--unit-6);}


	/* -- Filtros */

	.content-filter-box { padding: var(--unit-2) 0;}
	.content-filter .line-top::before { margin: var(--unit-2) 0 var(--unit-4) 0;}
	.content-filter .btn-calendar .txt { display: none;}
	

	/* -- Calendario */

	.content-calendar { padding: var(--unit-2) 0 var(--unit-4) 0;}
	.btn-calendar { position: static;}



	/* -- Acordeon */

	.content-accordion .content-accordion-item:first-child .btn-accordion { border-top: var(--border-1-b);}

}





/* THE END -- :P */