/*
	Autor: 
		PUM! estudio

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

@charset "UTF-8";




/* 1 -- Structure */

html { background-color: var(--bg-html);}
body { background-color: var(--bg-body); color: var(--c-txt);}

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

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

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

.header { position: sticky; top: 0; left: 0; z-index: 100; width: 100%; padding: var(--padd) 0; background-color: var(--bg-header);}
.scroll-up 		.header { transform: translateY(0);}
.scroll-down 	.header { transform: translateY(-100%);}

.header-logos-item img { display: block; width: auto;}
.header-logos-item:first-child { order: 1;}
.header-logos-item:first-child img { height: var(--height-logo-header-1);}
.header-logos-item:last-child { order: 3;}
.header-logos-item:last-child img { height: var(--height-logo-header-2);}
.header-logos:before { order: 2; content: ''; display: block; width: .1rem; height: var(--unit-5); background-color: var(--c-grey-1);}

.header-menu-main > li > ul { position: absolute; top: 80%; left: 0; width: 100%; display: flex; align-items: baseline; gap: var(--unit-5); justify-content: flex-end; padding: var(--unit-2) var(--unit-4); background-color: var(--bg-header-submenu); opacity: 0; visibility: hidden;}
.header-menu-main > li > a { position: relative; border-bottom: .2rem solid transparent;}
.header-menu-main > li a { border-bottom: .2rem solid transparent;}
.header-menu-main > li a.hover,
.header-menu-main > li a.active { border-bottom: .2rem solid var(--c-black);}
.header-menu-main > li.hover > ul { top: 100%; opacity: 1; pointer-events: all; visibility: visible;}
.header-menu-main > li.hover > a { border-bottom: .2rem solid var(--c-black);}
.header-menu-main > li.hover > a:before { content: ''; display: block; position: absolute; top: 100%; left: calc(var(--unit-8) * -1); height: 100%; width: calc(100% + var(--unit-16));}
.header-menu-main > li.hover > a:after { content: ''; display: block; position: absolute; top: 0; left: -2rem; right: -2rem; height: 100%;}
.header-menu-main > li > ul ul { display: flex; flex-direction: column; gap: var(--unit); padding-top: var(--unit);}
.header-menu-main > li > ul ul a { color: var(--c-grey-1);}

.header-search form { width: 100%;}
.header-search-row { position: absolute; top: 0; left: 0; width: 100%; padding: var(--padd) 0; background-color: var(--bg-header-search); pointer-events: none; opacity: 0;}
.header-search-row input[type=text] { width: 100%; font-size: var(--txt-h3); line-height: 4rem; font-weight: 500; flex-grow: 1; text-align: right; padding: 0;}
.search-active .header-search-row { pointer-events: all; opacity: 1;}

.header .btn-menu { display: none;}

.footer { padding: var(--unit-10) 0 var(--unit-5) 0; background-color: var(--bg-footer); color: var(--c-white);}
.footer .p { padding: var(--padd-footer);}
.footer .p-h { padding-left: var(--padd-footer); padding-right: var(--padd-footer);}
.footer .p-v { padding-top: var(--padd-footer); padding-bottom: var(--padd-footer);}
.footer a { color: var(--c-white);}
.footer a.hover { opacity: .7;}

.footer-logos-item { display: flex; align-items: center;}
.footer-logos-item img { display: block; width: auto;}
.footer-logos-item:first-child { order: 1;}
.footer-logos-item:first-child img { height: var(--height-logo-footer-1);}
.footer-logos-item:last-child { order: 3;}
.footer-logos-item:last-child img { height: var(--height-logo-footer-2);}
.footer-logos:before { order: 2; content: ''; display: block; width: .1rem; height: var(--unit-5); background-color: var(--c-white);}


.col-main { width: 100%;}
.header .col-main { padding: 0 var(--padd-col-header);}
.footer .col-main { padding: 0 var(--padd-col-footer);}
.content .col-main { padding: 0 var(--padd-col-main);}




/* 2 -- Text */

html, body, input, button, select, textarea { font-family: sans-serif; font-family: var(--font); font-style: normal;}
html { font-size: .662vw;}
body { font-size: var(--txt-body); line-height: var(--txt-body-lh);}

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

.txt-line { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.txt-upper { text-transform: uppercase;}

.txt-h0				           	{ font-size: var(--txt-h0); line-height: var(--txt-h0-lh); font-weight: var(--txt-h0-fw); letter-spacing: var(--txt-h0-ls);}
.content-txt h1, .txt-h1	 	{ font-size: var(--txt-h1); line-height: var(--txt-h1-lh); font-weight: var(--txt-h1-fw); letter-spacing: var(--txt-h1-ls);}
.content-txt h2, .txt-h2		{ font-size: var(--txt-h2); line-height: var(--txt-h2-lh); font-weight: var(--txt-h2-fw); letter-spacing: var(--txt-h2-ls);}
.content-txt h3, .txt-h3		{ font-size: var(--txt-h3); line-height: var(--txt-h3-lh); font-weight: var(--txt-h3-fw); letter-spacing: var(--txt-h3-ls);}
.content-txt h4, .txt-h4 	 	{ font-size: var(--txt-h4); line-height: var(--txt-h4-lh); font-weight: var(--txt-h4-fw); letter-spacing: var(--txt-h4-ls);}
.content-txt h5, .txt-h5	 	{ font-size: var(--txt-h5); line-height: var(--txt-h5-lh); font-weight: var(--txt-h5-fw); letter-spacing: var(--txt-h5-ls);}
.content-txt h6, .txt-h6 	 	{ font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls);}
.content-txt p, 
.content-txt ul, 
.content-txt ol, .txt-body		{ font-size: var(--txt-body); line-height: var(--txt-body-lh); font-weight: var(--txt-body-fw); letter-spacing: var(--txt-body-ls);}
.txt-cta, input[type=submit]	{ font-size: var(--txt-cta); line-height: var(--txt-cta-lh); font-weight: var(--txt-cta-fw); letter-spacing: var(--txt-cta-ls);}
input, select, textarea, label 	{ font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls);}

.content-txt h1,
.content-txt h2,
.content-txt h3,
.content-txt h4 { margin-bottom: var(--unit-5); margin-top: 2em;}
.content-txt h5 { margin-bottom: var(--txt-h5-lh);}
.content-txt h6 { margin-bottom: var(--txt-h6-lh);}
.content-txt p,
.content-txt ul, 
.content-txt ol { margin-bottom: var(--txt-body-lh);}
.content-txt ul, 
.content-txt ol	{ padding-left: var(--unit-2);}
.content-txt li { margin-bottom: var(--unit);}
.content-txt :last-child { margin-bottom: 0;}
.content-txt a { text-decoration: underline;}
.content-txt a.hover { text-decoration: none;}
.content-txt h1:first-child,
.content-txt h2:first-child,
.content-txt h3:first-child,
.content-txt h4:first-child { margin-top: 0;}

strong,
.txt-strong { font-weight: var(--fw-strong);}
.txt-regular { font-weight: var(--fw-regular);}
a { color: var(--c-black);}
.cta { font-weight: var(--fw-strong);}

.content-txt a { text-decoration: underline; font-weight: var(--fw-strong);}
.content-txt a.hover { text-decoration: none;}

.header a { font-weight:var(--fw-strong);}
.header a,
.footer a { text-decoration: none;}

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

.txt-eng * { font-style: italic;}



/* 3 -- Icons */

.icon { display: block;}
.icon-xl { width: 4.8rem; height: 4.8rem;}
.icon-l { width: 2.4rem; height: 2.4rem;}
.icon-m { width: 2rem; height: 2rem;}
.icon::before { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain;}
.hover .icon::before { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain;}
.icon-search::before { background-image: var(--icon-b-search);}
.icon-down::before { background-image: var(--icon-b-down);}
.icon-down-angle::before { background-image: var(--icon-b-down-angle);}
.icon-left::before { background-image: var(--icon-b-left);}
.icon-right::before { background-image: var(--icon-b-right);}
.icon-attach::before { background-image: var(--icon-b-attach);}
.icon-filter::before { background-image: var(--icon-b-filter);}
.icon-burguer::before { background-image: var(--icon-b-burguer);}
.icon-calendar::before { background-image: var(--icon-b-calendar);}
.icon-cross::before { background-image: var(--icon-b-cross);}
.icon-dropdown::before { background-image: var(--icon-b-dropdown);}
.icon-checkbox::before { background-image: var(--icon-b-checkbox);}
.icon-less::before { background-image: var(--icon-b-less);}
.icon-plus::before { background-image: var(--icon-b-plus);}
.icon-play::before { background-image: var(--icon-play);}




/* 4 -- Interaction */

::selection { background: var(--c-main); color: var(--c-second);}
::-moz-selection { background: var(--c-main); color: var(--c-second);}
::-webkit-selection { background: var(--c-main); color: var(--c-second);}

.cta { display: inline-flex; align-items: center; padding: .6rem 1.4rem 1rem 1.4rem; border-radius: 10rem;}
.cta.hover { opacity: .7;}

.cta-circle { display: inline-flex; align-items: center; justify-content: center; padding: .6rem; border-radius: 10rem; width: 3.2rem; height: 3.2rem;}
.cta-circle .icon { width: 2rem; height: 2rem;}
.cta-circle.hover { opacity: .7;}
.hover .cta-circle { opacity: .7;}

.cta-text { display: inline-flex; align-items: center; gap: var(--unit-2); text-decoration: none;}
.cta-text[download] .icon,
[download] .cta-text .icon { transform: rotate(90deg);}
.cta-text[target=_blank] .icon,
[target=_blank] .cta-text .icon { transform: rotate(-45deg);}
.cta-text.hover { text-decoration: underline;}
.hover .cta-text { text-decoration: underline;}
.cta-text.hover .cta-circle { opacity: .7;}

.cta-select { display: inline-flex; align-items: center; gap: 1rem; color: var(--c-grey-1); padding: .8rem 2.4rem;}
.cta-select .icon { opacity: .5;}
.cta-select.hover { color: var(--c-black);}
.cta-select.hover .icon { opacity: 1;}

.cta-main { background-color: var(--c-main); color: var(--c-black);}
.cta-second { background-color: var(--c-second); color: var(--c-white);}

.cta-second .icon-search::before { background-image: var(--icon-w-search);}
.cta-second .icon-down::before { background-image: var(--icon-w-down);}
.cta-second .icon-down-angle::before { background-image: var(--icon-w-down-angle);}
.cta-second .icon-left::before { background-image: var(--icon-w-left);}
.cta-second .icon-right::before { background-image: var(--icon-w-right);}
.cta-second .icon-attach::before { background-image: var(--icon-w-attach);}
.cta-second .icon-burguer::before { background-image: var(--icon-w-burguer);}
.cta-second .icon-calendar::before { background-image: var(--icon-w-calendar);}
.cta-second .icon-cross::before { background-image: var(--icon-w-cross);}
.cta-second .icon-dropdown::before { background-image: var(--icon-w-dropdown);}
.cta-second .icon-checkbox::before { background-image: var(--icon-w-checkbox);}
.cta-second .icon-less::before { background-image: var(--icon-w-less);}
.cta-second .icon-plus::before { background-image: var(--icon-w-plus);}

input, select, textarea { width: 100%;}
input[type=submit] { width: auto;}
input[type=submit].hover { opacity: .7;}
input[type=checkbox],
input[type=radio] { width: var(--unit-2); height: var(--unit-2); border-width: .2rem; border-color: var(--c-grey-1);}
input[type=radio] + * { color: var(--c-grey-1); margin-top: -.1rem;}
input[type=checkbox]:checked, 
input[type=radio]:checked { border-color: var(--c-black);}
input[type=radio]:checked + * { color: var(--c-black);}
label { cursor: pointer;}
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-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls); padding: var(--unit); border-radius: var(--unit-middle); background-color: var(--c-grey-3); min-height: var(--unit-5); color: var(--c-black);}

.label-check { padding: .6rem 1rem .6rem 0;}

:focus { color: var(--c-black);}
::placeholder { color: var(--c-grey-1);}
:focus::placeholder { color: var(--c-grey-2);}




/* 5 -- Animation */

a { transition: opacity .4s var(--bezier), border .4s var(--bezier), color .4s var(--bezier);}
.cta,
.cta-circle,
.cta-text,
button { transition: opacity .4s var(--bezier);}
.header-menu,
.header-menu-main,
.header-menu-featured,
.content-drop-list { transition: opacity .4s var(--bezier), visibility .4s var(--bezier);}
.header-search-row, 
.header-menu-main ul,
.content-form .gfield label,
.content-in { transition: all .4s var(--bezier);}
.header,
.content-filter-section,
.content-menu-anchor,
.icon,
.content-map-popup,
.content-in-img img,
.content-video img { transition: transform .4s var(--bezier);}
.txt-c-grey,
.txt-c-main { transition: color .4s var(--bezier);}

input, select, textarea, 
::placeholder { transition: all .2s var(--bezier);}

[data-view] { opacity: 0; transition: opacity .8s var(--bezier);}
[data-view].view { opacity: 1;}

[data-view]:nth-child(n+2) { transition-delay: .1s;}
[data-view]:nth-child(n+3) { transition-delay: .15s;}
[data-view]:nth-child(n+4) { transition-delay: .2s;}
[data-view]:nth-child(n+5) { transition-delay: .25s;}
[data-view]:nth-child(n+6) { transition-delay: .3s;}
[data-view]:nth-child(n+7) { transition-delay: .35s;}
[data-view]:nth-child(n+8) { transition-delay: .4s;}
[data-view]:nth-child(n+9) { transition-delay: .45s;}

@keyframes fadein { 0% { opacity: 0;} 100% { opacity: 1;} }




/* 6 -- Components */

.content img,
.content video { display: block; width: 100%;}

.content-bg-white { background-color: var(--c-white);}
.content-bg-second { background-color: var(--c-second); color: var(--c-white);}
.content-bg-second a { color: var(--c-white);}
.content-bg-main { background-color: var(--c-main);}
.content-bg-main .cta-circle { background-color: var(--c-black);}
.content-bg-main .icon-search::before { background-image: var(--icon-w-search);}
.content-bg-main .icon-down::before { background-image: var(--icon-w-down);}
.content-bg-main .icon-down-angle::before { background-image: var(--icon-w-down-angle);}
.content-bg-main .icon-left::before { background-image: var(--icon-w-left);}
.content-bg-main .icon-right::before { background-image: var(--icon-w-right);}
.content-bg-main .icon-attach::before { background-image: var(--icon-w-attach);}
.content-bg-main .icon-filter::before { background-image: var(--icon-w-filter);}
.content-bg-main .icon-burguer::before { background-image: var(--icon-w-burguer);}
.content-bg-main .icon-calendar::before { background-image: var(--icon-w-calendar);}
.content-bg-main .icon-cross::before { background-image: var(--icon-w-cross);}
.content-bg-main .icon-dropdown::before { background-image: var(--icon-w-dropdown);}
.content-bg-main .icon-checkbox::before { background-image: var(--icon-w-checkbox);}
.content-bg-main .icon-less::before { background-image: var(--icon-w-less);}
.content-bg-main .icon-plus::before { background-image: var(--icon-w-plus);}
.content-bg-main .icon-play::before { background-image: var(--icon-play);}
.content-bg-main .content-download { border-color: var(--c-black);}

.content-scroll { overflow: auto;}
.content-scroll.content-ctas .cta-select { padding: .8rem;}

.content-in { text-decoration: none;}
.content-in-img { overflow: hidden;}
.content-in-img img,
.content-in-img video { display: block; width: 100%; height: 100%; object-fit: cover;}
.content-in.hover h1,
.content-in.hover h2,
.content-in.hover h3,
.content-in.hover h4 { text-decoration: underline;}
.content-in.hover .content-in-img img { transform: scale(1.05);}
.content-in.hover .txt-c-grey { color: var(--c-black);}


/* Component Intro */
.content-intros,
.content-intro { padding: var(--unit);}
.content-intro-in { height: 100%;}
.content-intro-txt { padding: var(--unit-5);}

.content-intro-full .content-intro-img img { aspect-ratio: 6/5; max-height: 85vh; min-height: 100%;}
.content-intro-full .content-intro-txt { padding-right: var(--unit-12);}
.content-intro-middle .content-intro-img img { aspect-ratio: 11/6;}
.content-intro-middle .content-intro-txt { padding: var(--unit-4) var(--unit-12) var(--unit-4) var(--unit-5); flex-grow: 1;}
.content-intro-third .content-intro-img img { aspect-ratio: 6/5;}
.content-intro-third .content-intro-txt { padding-right: var(--unit-12); flex-grow: 1;}


/* Componente Section */
.content-sections,
.content-section { padding: var(--unit);}
.content-section-txt { padding: var(--unit-5); padding-right: var(--unit-20);} 
.content-section-img img { aspect-ratio: 2/1; min-height: 100%;}


/* Component Events */
.content-events { padding-top: var(--unit-7); padding-bottom: var(--unit-7);}
.content-events + .content-events { padding-top: 0;}
.content-event-in { padding: var(--unit-3); text-decoration: none; background-color: var(--c-white);}
.content-event-in.hover { background-color: var(--c-main);}
.content-event-in.hover .txt-c-main { color: var(--c-black);}
.content-event-in.hover h1,
.content-event-in.hover h2,
.content-event-in.hover h3,
.content-event-in.hover h4 { text-decoration: none;}
.content-event-full .content-event-img img { aspect-ratio: 3/2;}
.content-event-middle .content-event-img img { aspect-ratio: 5/3;}
.content-event-third .content-event-img img,
.content-event-fourth .content-event-img img { aspect-ratio: 1/1;}
.content-bg-second .content-event-in { background-color: transparent; color: var(--c-white);}
.content-bg-second .content-event-in .txt-c-grey { color: var(--c-grey-1);}
.content-bg-second .content-event-in.hover { background-color: rgba(255,255,255,.1);}
.content-bg-second .content-event-in.hover .txt-c-grey { color: var(--c-grey-1);}
.content-bg-second .content-event-in.hover .txt-c-main { color: var(--c-main);}


/* Component Calendar */
.content-calendar { padding: var(--unit-3); background-color: var(--c-white);}
.content-calendar.fc { width: 100%;	font-size: 1.6rem; font-weight: 400; text-align: center; }
.content-calendar.fc .fc-scrollgrid { border: 0; }
.content-calendar.fc .fc-toolbar.fc-header-toolbar { margin-bottom: .8rem; }
.content-calendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1),
.content-calendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) { width: 14.28%; display: flex; justify-content: center;}
.content-calendar.fc .fc-toolbar-title { font-size: 1em; font-weight: 500;}
.content-calendar.fc .fc-toolbar-title::first-letter { text-transform: capitalize;}
.content-calendar.fc .fc-button { display: flex; align-items: center; justify-content: center; appearance: none; -webkit-appearance: none; width: 2.4rem; height: 2.4rem; line-height: 0; padding: 0; border-radius: 0;}
.content-calendar.fc .fc-button-primary:focus,
.content-calendar.fc .fc-button-primary:active,
.content-calendar.fc .fc-button-primary:not(:disabled).fc-button-active, 
.content-calendar.fc .fc-button-primary:not(:disabled):active,
.content-calendar.fc .fc-button-primary:not(:disabled).fc-button-active:focus, 
.content-calendar.fc .fc-button-primary:not(:disabled):active:focus { box-shadow: none; border-color: transparent; color: transparent; background: transparent;}
.content-calendar.fc .fc-button-primary { background-color: transparent; border-color: transparent; color: #000;}
.content-calendar.fc .fc-icon { height: 2.4rem; width: 2.4rem; font-size: 0; line-height: 0; display: flex; align-items: center; justify-content: center;}
.content-calendar.fc .fc-icon:before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-position: center; background-size: contain;}
.content-calendar.fc .fc-icon.fc-icon-chevron-left:before { background-image: var(--icon-b-left);}
.content-calendar.fc .fc-icon.fc-icon-chevron-right:before { background-image: var(--icon-b-right);}
.content-calendar.fc .fc-col-header-cell-cushion { padding: 1.6rem 0;}
.content-calendar.fc th,
.content-calendar.fc td { text-align: center; font-weight: 400; border: 0;}
.content-calendar.fc .fc-daygrid-day-number { padding: 0; display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; pointer-events: none; line-height: 1.6rem;}
.content-calendar.fc .fc-daygrid-day-frame { position: relative; display: flex; flex-direction: row; justify-content: center; padding: .8rem;}
.content-calendar.fc .fc-daygrid-day-top { flex-direction: row; justify-content: center;}
.content-calendar.fc .fc-daygrid-day-events { margin-bottom: 0; min-height: 0; position: relative;}
.content-calendar.fc .fc-daygrid-day-bottom { font-size: 1em; margin: 0;}
.content-calendar.fc .fc-bg-event { background: transparent; opacity: 1;}
.content-calendar.fc .fc-day-past .fc-daygrid-day-top a { color: var(--c-grey-2);}
.content-calendar.fc .fc-daygrid-day.fc-day-today,
.content-calendar.fc .fc-cell-shaded, 
.content-calendar.fc .fc-day-disabled { background: transparent;}
.content-calendar.fc .fc-calendario-evento { cursor: pointer;}
.content-calendar.fc .fc-calendario-evento .fc-bg-event { background-color: var(--c-grey-3); width: 2.4rem; height: 2.4rem; border-radius: 100%; margin: auto;}
.content-calendar.fc .fc-calendario-evento-seleccionado.fc-day-past .fc-daygrid-day-top a,
.content-calendar.fc .fc-calendario-evento-seleccionado a { color: var(--c-white);} 
.content-calendar.fc .fc-calendario-evento-seleccionado .fc-bg-event { background-color: var(--c-second);} 


/* Component Filter */
.content-filter { padding: var(--unit-3); background-color: var(--c-white);}


/* Component Filter section */
.content-filter-section { position: sticky; top: 0; z-index: 10; padding: var(--unit) var(--unit-3); background-color: var(--c-main); white-space: nowrap; width: 100%; flex-shrink: 0;}
.content-filter-section input[type=radio] { border-color: var(--c-black);}
.content-filter-section input[type=radio] + * { color: var(--c-black);}
/* flickity */
.content-filter-section.active { width: 100%; display: block;}
.content-filter-section.active:after { content: 'flickity'; display: none;}
.content-filter-section.active .label-check { margin-right: var(--unit-2);}
.content-filter-section.active .flickity-prev-next-button { transform: translateY(-45%);}
.content-filter-section.active .flickity-prev-next-button:disabled { opacity: 0;}


/* Component Drop */
.content-drop { position: relative;}
.content-drop-result:before { content: ''; display: block; width: .1rem; height: 2rem; background-color: var(--c-grey-1);}
.content-drop-list { position: absolute; top: 100%; left: 0; overflow: auto; max-height: 50vh; visibility: hidden; opacity: 0; min-width: 30vw; border-bottom: .1rem solid var(--c-grey-1);}
.content-drop.active .content-drop-list { opacity: 1; visibility: visible;}


/* Component Menu Anchor */
.content-menu-anchor { position: sticky; top: 0; z-index: 10; padding: var(--unit-2) 0 0 0; background-color: var(--c-main); white-space: nowrap; width: 100%; flex-shrink: 0;}
.content-menu-anchor a { text-decoration: none; border-bottom: .2rem solid transparent; padding-bottom: 1rem;}
.content-menu-anchor a.hover,
.content-menu-anchor a.active { border-color: var(--c-black);}
.content-menu-anchor .row:after { content: ''; display: block; width: 1px; height: 1px; flex-shrink: 0;}


/* Component Title */
.content-title { width: 100%;}


/* Component News */
.content-news-in { text-decoration: none;}
.content-news-img img { aspect-ratio: 1/1; max-height: 90vh;}
.content-news-full .content-news-txt { padding: var(--unit-5); padding-right: var(--unit-10);}
.content-news-middle .content-news-txt { padding-right: var(--unit-4);}
.content-news-third .content-news-img img { aspect-ratio: 8/7;}


/* Component Articles */
.content-article-txt { padding-right: var(--unit-3);}
.content-article-large .content-article-img img { aspect-ratio: 8/7;}
.content-article-small .content-article-img img { aspect-ratio: 1/1;}


/* Component Open */
.content-open { width: 100%; position: relative; padding-top: var(--unit-10); padding-bottom: var(--unit-10); background-color: var(--c-white);}
.content-open-txt { position: relative; z-index: 2;}
.content-open-txt * { flex-shrink: 0;}
.content-open-img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.content-open-photo { background-color: var(--c-black); color: var(--c-white); aspect-ratio: 13/6; max-height: 80vh;}
.content-open-photo a { color: var(--c-white);}
.content-open-photo .col-main { display: flex; flex-direction: column; min-height: 100%;}
.content-open-photo .col-main,
.content-open-photo .content-open-txt { flex-grow: 1; flex-shrink: 0;}
.content-open-photo .content-open-img:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: var(--c-black); opacity: .2;}
.content-open-detail { padding-top: var(--unit-5); background-color: var(--c-white);}
.content-open-detail .content-breadcumbs,
.content-open-detail .content-breadcumbs a { color: var(--c-grey-1);}
.content-open-detail .content-breadcumbs a.hover { color: var(--c-black); opacity: 1;}
.content-open-detail-map .content-breadcumbs,
.content-open-detail-map .content-breadcumbs a { color: var(--c-grey-1);}
.content-open-detail-map .content-breadcumbs a.hover { color: var(--c-black); opacity: 1;}


/* Component Breadcumbs */
.content-breadcumbs { position: relative; z-index: 2;}
.content-breadcumbs a { text-decoration: none;}
.content-breadcumbs a.hover { opacity: .7;}
.content-breadcumbs li + li:before { content: '/'; margin: 0 .2em;} 


/* Component Partners */
.content-partners a { text-decoration: none;}
.content-partners a.hover { opacity: .7;}
.content-partners img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 1/1; filter: saturate(0);}
.content-partners-title { padding-top: var(--unit); border-top: .1rem solid var(--c-grey-2);}
.content-partners-item { width: 12.5%; padding: var(--unit-3);}


/* Component Form */
.content-form { padding-top: var(--unit-10); padding-bottom: var(--unit-10); background-color: var(--c-white);}
.content-form input[type=color], 
.content-form input[type=date], 
.content-form input[type=datetime-local], 
.content-form input[type=datetime], 
.content-form input[type=email], 
.content-form input[type=month], 
.content-form input[type=number], 
.content-form input[type=password], 
.content-form input[type=search], 
.content-form input[type=tel], 
.content-form input[type=text], 
.content-form input[type=time], 
.content-form input[type=url], 
.content-form input[type=week], 
.content-form select,
.content-form textarea { font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls); padding: var(--padd) var(--unit); border-radius: var(--unit-middle); background-color: var(--c-grey-3); color: var(--c-black);}
.content-form textarea { min-height: var(--unit-20);}
.content-form input[type=submit] { height: var(--unit-5); display: inline-flex; justify-content: flex-start; align-items: center; padding: 0 0 0 var(--unit-7)!important; background-size: var(--unit-5); background-position: left center; background-repeat: no-repeat; background-image: url(../img/icon/submit.svg);}
.content-form input[type=submit].hover { opacity: .7;}
.content-form ::placeholder { color: var(--c-grey-1);}
.content-form label,
.content-form legend { font-size: 1rem; line-height: var(--padd);}
.content-form .post-password-form label,
.content-form .post-password-form input { margin: var(--unit-2) 0; display: block;}

/* Gravity forms */
/* Header */
.content-form .gform_heading { display: none;}
/* Columns */
.content-form .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: var(--unit); grid-row-gap: var(--unit-2); row-gap: var(--unit-2);}
/* Inputs */
.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-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls); padding: var(--padd) var(--unit); border: 1px solid transparent; border-radius: var(--unit-middle); background-color: var(--c-grey-3); color: var(--c-black);}
.content-form .gform_wrapper.gravity-theme .gfield textarea.large { height: var(--unit-16);}
.content-form .gform_wrapper.gravity-theme select { background-image: var(--icon-b-dropdown); background-position: calc(100% - var(--unit-middle)) center; background-repeat: no-repeat;}
.content-form .gform_wrapper.gravity-theme .gchoice,
.content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent { display: flex; justify-content: flex-start; align-items: flex-start;}
.content-form .gform_wrapper.gravity-theme .gfield-choice-input,
.content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent input[type=checkbox] { flex-shrink: 0; display: inline-block; margin-top: 0; top: 0; vertical-align: middle; margin: 0 var(--unit-2) var(--unit-2) 0;}
.content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent label { font-size: var(--txt-h6);}
.content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button { border: 0; display: inline-flex; align-items: center; padding: .8rem 1.4rem; border-radius: 10rem; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); background-color: var(--c-main); color: var(--c-black);}
.content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button:hover { opacity: .7;}
.content-form .gform_wrapper.gravity-theme .gform_drop_area button { border: 0; display: inline-flex; align-items: center; padding: .8rem 1.4rem; border-radius: 10rem; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); background-color: var(--c-main); color: var(--c-black);}
/* Labels */
.content-form .gform_wrapper.gravity-theme .gfield_checkbox label,
.content-form .gform_wrapper.gravity-theme .gfield_radio label { color: var(--c-black); font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls);}
.content-form .gform_wrapper.gravity-theme .gfield_checkbox input:checked + label,
.content-form .gform_wrapper.gravity-theme .gfield_radio input:checked + label { color: var(--c-black);}
.content-form .gform_wrapper.gravity-theme label,
.content-form .gform_wrapper.gravity-theme legend { font-size: 1rem; line-height: var(--padd);}
.content-form .gform_wrapper.gravity-theme .gfield_label { font-size: 1rem; color: var(--c-black); font-weight: var(--fw-regular); margin-bottom: var(--unit-middle);}
.content-form .gform_wrapper.gravity-theme .gfield_header_item, 
.content-form .gform_wrapper.gravity-theme .gform_fileupload_rules, 
.content-form .gform_wrapper.gravity-theme .ginput_complex label { font-size: 1rem; color: var(--c-grey-1); padding: 0; margin: var(--unit-middle) 0;}
/* Required */
.content-form .gform_wrapper.gravity-theme .gfield_required { color: inherit; font-size: 1rem; line-height: var(--padd);}
.content-form .gform_wrapper.gravity-theme .gfield_required:before { content: '*';}
.content-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, 
.content-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_text { display: none;}
/* Description */
.content-form .gform_wrapper.gravity-theme .description, 
.content-form .gform_wrapper.gravity-theme .gfield_description, 
.content-form .gform_wrapper.gravity-theme .gsection_description, 
.content-form .gform_wrapper.gravity-theme .instruction { font-size: 1rem; line-height: var(--padd); margin: var(--unit-middle) 0; padding: 0; border: 0; color: var(--c-grey-1);}
.content-form .gform_wrapper.gravity-theme .field_sublabel_above .description, 
.content-form .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, 
.content-form .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description { margin: var(--unit-middle) 0; padding: 0;}
.content-form .gform_wrapper.gravity-theme .field_description_above .description, 
.content-form .gform_wrapper.gravity-theme .field_description_above .gfield_description, 
.content-form .gform_wrapper.gravity-theme .field_description_above .gsection_description, 
.content-form .gform_wrapper.gravity-theme .field_description_above .instruction { margin: var(--unit-middle) 0; padding: 0;}
/* txt */
.content-form .gfield--type-html h1,
.content-form .gfield--type-html h2,
.content-form .gfield--type-html h3,
.content-form .gfield--type-html h4,
.content-form .gfield--type-html h5,
.content-form .gfield--type-html h6 { color: var(--c-black);}
.content-form .gfield--type-html.full-column { max-width: 100%;}
/* footer */
.content-form .gform_wrapper.gravity-theme .gform_footer,
.content-form .gform_wrapper.gravity-theme .gform_page_footer { margin: 0; padding: var(--unit-4) 0 0 0; display: flex; flex-direction: column; gap: var(--unit-2); align-items: flex-start;}
.content-form .gform_wrapper.gravity-theme #field_submit input, 
.content-form .gform_wrapper.gravity-theme .gform_footer input { align-self: flex-start;}
/* Buttons */
.content-form .gform_wrapper.gravity-theme .gform_footer button+input, 
.content-form .gform_wrapper.gravity-theme .gform_footer input+button, 
.content-form .gform_wrapper.gravity-theme .gform_footer input+input, 
.content-form .gform_wrapper.gravity-theme .gform_page_footer button+input, 
.content-form .gform_wrapper.gravity-theme .gform_page_footer input+button, 
.content-form .gform_wrapper.gravity-theme .gform_page_footer input+input { margin: 0;}
.content-form .gform_wrapper.gravity-theme .gform_footer button, 
.content-form .gform_wrapper.gravity-theme .gform_footer input, 
.content-form .gform_wrapper.gravity-theme .gform_page_footer button, 
.content-form .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom:0;}
.content-form .gform_wrapper.gravity-theme .gform_previous_button.button, 
.content-form .gform_wrapper.gravity-theme .gform_save_link.button,
.content-form .gform_wrapper.gravity-theme .gform_page_footer input { -webkit-appearance: none!important; appearance: none!important; background-color: transparent; color: var(--c-black); text-decoration: none; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); line-height: var(--txt-cta-lh); width: auto;}
.content-form .gform_wrapper.gravity-theme .gform_save_link.button.hover,
.content-form .gform_wrapper.gravity-theme .gform_page_footer input.hover { color: var(--c-main);}
/* Loader */
.content-form img.gform_ajax_spinner { max-width: var(--unit-2); margin: 0;}
/* Progressbar */
.content-form .gform_wrapper.gravity-theme .gf_progressbar_title { color: var(--c-black); font-size: 1rem;  margin: 0 0 var(--unit-middle);}
.content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) { border-radius: var(--unit);}
.content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage { border-radius: var(--unit); height: var(--unit-2);}
.content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: var(--c-black); color: var(--c-white);}
.content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage span { font-size: var(--txt-h6); line-height: var(--padd); margin: .2rem var(--unit); min-width: 2em; width: auto; font-weight: var(--fw-strong);}
/* Validation & Messages */
.content-form .gform_wrapper.gravity-theme .validation_message { background: transparent; font-size: 1rem; line-height: var(--padd); margin-top: var(--unit); margin-bottom: var(--unit); padding: 0; border: 0;}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors { background: transparent; border: none; border-radius: 0; box-shadow: none; margin-bottom: var(--unit-2); margin-top: 0; padding: 0; position: relative; width: 100%;}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 { font-size: 1rem; line-height: var(--padd);}
.content-form .gform_wrapper.gravity-theme .gfield_validation_message, 
.content-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border-color: var(--c-error);}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2,
.content-form .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
.content-form .gform_wrapper.gravity-theme .gfield_error label, 
.content-form .gform_wrapper.gravity-theme .gfield_error legend, 
.content-form .gform_wrapper.gravity-theme .gfield_validation_message, 
.content-form .gform_wrapper.gravity-theme .validation_message, 
.content-form .gform_wrapper.gravity-theme [aria-invalid=true]+label, 
.content-form .gform_wrapper.gravity-theme label+[aria-invalid=true] { color: var(--c-error);}
.content-form .gform_wrapper.gravity-theme .gform_confirmation_message { color: var(--c-error);}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>ol li { color: var(--c-error); font-size: 1rem; line-height: var(--padd); list-style-type: disc!important; margin: 0 0 var(--unit-middle);}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>ol a { color: var(--c-error); font-size: 1rem; line-height: var(--padd);}


/* Component Artists */
.content-artists { width: 25%;}
.content-artists.content-columns { width: 100%; columns: 4; gap: var(--unit-3);}
.content-artists ul { list-style: none;}
.content-artists a { text-decoration: none;}
.content-artists a.hover { opacity: .5;}
.content-artists-list { border-top: .1rem solid var(--c-black); padding-top: var(--unit);}


/* Component 3 columns */
.content-3-colums { padding-top: var(--unit-12); padding-bottom: var(--unit-12);}
.content-3-colums .content-title:empty::before { content: '\00a0';}
.content-bg-white.content-3-colums .content-title { color: var(--c-grey-1);}


/* Component Mapa */
.content-map { height: calc( 100vh - var(--unit-8) );}
.content-map-in { flex-grow: 1; position: relative;}
.content-map-popup { position: absolute; left: 0; top: 0; z-index: 10; height: 100%; background-color: var(--c-white); transform: translateX(-100%);}
.content-map-popup [data-view] { opacity: 1;}
.content-map-popup.active { transform: translateX(0);}
.content-map-popup .btn-close { position: absolute; top: var(--unit-3); right: var(--unit-3); opacity: 1; z-index: 10;}
.content-map-popup-box { padding: var(--unit-5) var(--unit-8) var(--unit-5) var(--unit-4); height: 100%; overflow: auto;}
.content-map-embed { position: relative; z-index: 1; background-color: var(--c-grey-3); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.leaflet-marker-icon.disabled{opacity: 0.2;}
.leaflet-marker-icon.huechange svg path { fill: var(--c-main); }


/* Component Slider */
.content-slider { width: 100%; overflow: hidden;}
.content-slider img { display: block;}
.content-slider-multi { width: auto; display: flex; flex-shrink: 0;}
.content-slider-multi.active { width: 100%; display: block;}
.content-slider-multi.active:after { content: 'flickity'; display: none;}
.content-slider-multi .content-slider-item { flex-shrink: 0; padding-left: var(--unit); padding-right: var(--unit);}
.content-slider-multi .content-slider-item:first-child { padding-left: var(--unit-2);}
.content-slider-multi .content-slider-item:last-child { padding-right: var(--unit-2);}
.content-slider-multi .content-slider-item img { height: 49rem; width: auto; object-fit: contain; max-width: calc(100vw - 2.4rem);}
.content-slider-text { padding-top: var(--unit-14); padding-bottom: var(--unit-18);}
.content-slider-text,
.content-slider-text .content-slider-item { width: 100%;}
.content-slider-text .content-slider-item { min-height: 100%;}
.content-slider-text img { aspect-ratio: 1/1; object-fit: cover;}
.content-slider:last-child { margin-bottom: var(--unit-10);}

/* flickity */
.flickity-page-dots { position: absolute; bottom: var(--unit-5); width: auto; left: 50%; transform: translateX(-50%); padding: var(--padd-middle) var(--padd); border-radius: var(--unit-10); color: var(--c-white); text-align: center; background-color: var(--c-black); counter-reset: section; font-size: var(--txt-cta); line-height: var(--txt-cta-lh);}
.flickity-page-dots:after { display: inline-block; content:  '\0000a0 / ' counter(section);}
.flickity-page-dots,
.flickity-page-dots .dot,
.flickity-page-dots:after { height: auto; line-height: inherit; vertical-align: middle; border: 0;}
.flickity-page-dots .dot,
.flickity-page-dots:after { height: 2.4rem; line-height: 2.4rem;}
.flickity-page-dots .dot { width: 0; overflow: hidden; padding: 0; border-radius: 0; margin: 0; background: transparent; cursor: none;}
.flickity-page-dots .dot, 
.flickity-page-dots .dot:hover { opacity: 1;}
.flickity-page-dots .dot:before { counter-increment: section; content: counter(section);}
.flickity-page-dots .dot.is-selected { width: auto; padding: 0; background: transparent; border: 0;}
.flickity-button { background: var(--c-main);}
.flickity-button:focus { outline: 0; box-shadow: none;}
.flickity-prev-next-button { width: var(--unit-4); height: var(--unit-4); border-radius: var(--unit-10); transform: none; display: flex; align-items: center; justify-content: center;}
.flickity-prev-next-button:hover { opacity: .7; background-color: var(--c-main);}
.flickity-prev-next-button.previous:before,
.flickity-prev-next-button.next:before { display: block; content: ''; width: var(--unit-3); height: var(--unit-3); background-position: center; background-size: contain; background-repeat: no-repeat;}
.flickity-prev-next-button.previous:before { background-image: var(--icon-b-left);}
.flickity-prev-next-button.next:before { background-image: var(--icon-b-right);}
.flickity-prev-next-button:disabled { opacity: 0;}
.flickity-prev-next-button svg { display: none;}
.flickity-enabled:focus { outline: none;}


/* Component External */
.content-external { display: flex; align-items: center; justify-content: center;}
.content-external img { width: auto; height: auto; max-width: 100%;}
.content-detail .content-external { justify-content: flex-start;}


/* Component Detail */
.content-detail:last-child { margin-bottom: var(--unit-10);}


/* Component Download  */
.content-download { border-top: .1rem solid var(--c-grey-2); padding-top: var(--unit);}


/* Component Info */
.content-info a { font-weight: var(--fw-strong);}
.content-info-title { margin-bottom: var(--unit-middle);}
.content-info-img img { width: 75%; max-width: 20rem;}
.content-detail .content-downloads + .content-info { margin-top: calc( var(--unit-5) * -1);}
.content-detail .content-info + .content-info { margin-top: calc( var(--unit-10) * -1);}


/* Component Text */
.content-text-columns { columns: 3; column-gap: var(--unit-5);}
.content-text-columns h1,
.content-text-columns h2,
.content-text-columns h3,
.content-text-columns h4 { column-span: all;}
.content-detail .content-text { width: 87.5%;}


/* Component Img */
.content-img img { display: block; width: 100%; max-height: 90vh; object-fit: contain;}


/* Component Video */
.content-video img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.content-video-in { position: relative; z-index: 2; display: block; overflow: hidden;}
.content-video-in .icon { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.content-video-in.hover img { transform: scale(1.05);}
.content-video-in.active { opacity: 0; pointer-events: none;}

.content-video-detail { position: relative;}
.content-video-detail .content-video-in { background-color: var(--c-black);}
.content-video-detail iframe,
.content-video-detail video { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; aspect-ratio: 16/9;}


/* Component List  */
.content-list-item { border-top: .1rem solid var(--c-grey-2); padding: var(--unit-3) var(--unit-2);}


/* Component Accordion */
.content-accordion { padding-left: var(--padd-col-main); padding-right: var(--padd-col-main); margin-left: auto; margin-right: auto; width: 83.333%;}
.content-accordion .btn-accordion { border-top: .1rem solid var(--c-grey-2); padding-top: var(--unit); padding-bottom: var(--unit); min-height: var(--unit-8);}
.content-accordion-content { display: none; padding-bottom: var(--unit-2); padding-right: 10%;}
.content-accordion-item.active .btn-accordion .icon::before { background-image: var(--icon-b-less);}
.content-accordion-item.active .btn-accordion .icon { transform: rotate(180deg);}
.content-detail .content-accordion { display: flex; flex-wrap: wrap; padding-left: 0; padding-right: 0; width: 100%;}
.content-detail .content-accordion-content { padding-right: 0;}
.content-detail .content-accordion-item { width: 50%;}
.content-detail .content-accordion-item:nth-child(odd) { padding-right: var(--padd);}
.content-detail .content-accordion-item:nth-child(even) { padding-left: var(--padd);}


/* clientify */
.clientify-iframe { z-index: 99!important;}




/* The end -- :P */