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

.content-main { height: calc(100vh - 6.4rem); color: var(--c-black); display: flex; flex-direction: column; justify-content: flex-end;}
.content-main-info { position: relative; padding: var(--unit-4); flex-grow: 1;}
.content-main-txt { position: relative; z-index: 3; height: 100%;}
.content-main-txt img { height: 10.4rem; width: auto;}
.content-main-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF;}
.content-main-img-l,
.content-main-img-s { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF;}
.content-main-img-s { display: none;}
.content-main-img img { width: 100%; height: 100%; object-fit: contain;}
.content-main-logos { border-top: .1rem solid var(--c-white); background-color: var(--c-black); padding: 3.2rem;}
.content-main-logos img { height: 2.6rem; width: auto;}

.header { position: sticky; top: 0; z-index: 100; background-color: var(--bg-header);}
.header #logo,
.header #logo img { display: block;} 
.header #logo img { height: var(--height-logo-header-1);}
.header #logo { opacity: 0; transition: opacity 0.4s ease;}
.header.top #logo { opacity: 1;}

.menu { background-color: var(--bg-header);}
.header-main { padding-top: 2rem; padding-bottom: 2rem;}
.header-main-in a { color: var(--c-grey-1);}
.header-main-in a.hover { color: var(--c-main);}
.header-main-in a.active { color: var(--c-black);}

.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-item:nth-child(2) img { height: var(--height-logo-footer-1);}
.footer-logos:before { order: 1; content: ''; display: block; width: .1rem; height: var(--unit-5); background-color: var(--c-white);}

.footer-credits-logos img { max-width: 14rem; max-height: 8rem; width: auto; height: auto;}


.col-main { width: 100%; padding-right: var(--padd-col-main); padding-left: var(--padd-col-main);}
.footer .col-main { padding: 0 var(--padd-col-footer);}
.header .col-main,
.content .col-main { padding-right: var(--padd-col-main); padding-left: 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; font-size: 10px;}
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); text-decoration: none;}
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-3); margin-top: 1em;}
.content-txt h1 + h2, .content-txt h1 + h3, .content-txt h1 + h4,
.content-txt h2 + h3, .content-txt h2 + h4, 
.content-txt h3 + h4,
.content-txt h4 + h5, 
.content-txt h5 { margin-top: var(--unit-3);}
.content-txt h6 { margin-bottom: var(--unit-3);}
.content-txt p,
.content-txt ul, 
.content-txt ol { margin-bottom: var(--txt-body-lh);}
.content-txt li { margin-bottom: var(--unit-middle); list-style: none;}
.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);}

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

.header a,
.footer a { text-decoration: none;}

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

.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-c-less);}
.icon-plus::before { background-image: var(--icon-c-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: var(--unit) 1.2rem;}
.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); color: var(--c-main);}
.cta-text[download] .icon,
[download] .cta-text .icon { transform: rotate(90deg);}
.cta-text[target=_blank] .icon,
[target=_blank] .cta-text .icon { transform: rotate(-45deg);}
.hover .cta-text { text-decoration: underline;}
.cta-text.hover .cta-circle { opacity: .7;}
.cta-text.hover { 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 { border: 0.15rem solid var(--c-main); color: var(--c-main);}
.cta-second { background-color: var(--c-main); 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 */

/* html {scroll-behavior: smooth;} */


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-sticky { position: sticky; top: var(--unit-20);}

.content-blog { padding-bottom: var(--unit-8); padding-top: var(--unit-8); overflow: hidden;}
.content-blog .col9-12 > :last-child { margin-bottom: 0;}

.content-bg-black { background-color: var(--c-black);}
.content-bg-black h5 { color: var(--c-grey-1);}
.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);}




/* Intro */
.intro { position:fixed; z-index:101; left:0; top:0; width: 100%; height:100vh; background-color: var(--c-black); transition: 1s;}
.logo-intro { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



/* 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 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: 1.2rem 0; background-color: var(--c-black); white-space: nowrap; width: 100%; flex-shrink: 0;}
.content-menu-anchor a { color: var(--c-white); text-decoration: none;}
.content-menu-anchor a.hover,
.content-menu-anchor a.active,
.content-menu-anchor a.in-viewport { color: var(--c-main);}

.content-menu-anchor a.cta.hover { color: var(--c-white);}

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


/* Component News */
.content-news-img img { width: 100%; height: 100%; object-fit: cover;}
.content-news-video,
.content-news-video video { position: relative; aspect-ratio: 16/9; object-fit: cover; background-color: var(--c-black); cursor: pointer;}
.content-news-video video { position: relative; z-index: 1;}
.content-news-video .content-video-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;}
.content-news-video.active .content-video-play { display: none;}


/* Component Articles */
.content-article-txt { padding-right: var(--unit-3);}
.content-article-large .content-article-img img { aspect-ratio: 3/2;}
.content-article-small .content-article-img img { aspect-ratio: 1/1;}
.content-article-wrapper .content-article:last-child { margin-bottom: 0;}
.content-article-accordion-item.active .btn-article-accordion .icon::before { background-image: var(--icon-c-less);}
.content-article-accordion-item.active .btn-article-accordion .icon { transform: rotate(180deg);}
.content-article-accordion-content { display: none; padding-bottom: var(--unit-2)}
.content-accordion-item .content-article-wrapper {display: grid; grid-template-columns: auto auto; gap: 10px;}
.content-accordion-item .content-article {padding-right: 0; padding-left: 0;}

/* 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: 20%; padding-right: var(--padd); padding-left: var(--padd);}

/* 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%;}
.content-slider img { display: block;}
.content-slider-multi { width: auto; display: flex; flex-shrink: 0;}
.content-slider-multi .flickity-viewport { overflow: visible;}
.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-middle); padding-right: var(--unit-middle);}
.content-slider-multi .content-slider-item:first-child { padding-left: 0;}
.content-slider-multi .content-slider-item:last-child { padding-right: 0;}
.content-slider-multi .content-slider-item img { height: 49rem; width: auto; object-fit: contain; max-width: calc(100vw - 2.4rem);}
.content-slider-text { display: flex; padding-top: var(--unit-7); padding-bottom: var(--unit-12);}
.content-slider-text.active { width: 100%; display: block;}
.content-slider-text.active:after { content: 'flickity'; display: none;}
.content-slider-text .content-slider-item { min-height: 100%; flex-shrink: 0;}
.content-slider-text ul { list-style: none;}
.content-slider-text img { object-fit: contain; width: auto; max-height: 5rem;}
.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: 0; color: var(--c-black); text-align: center; counter-reset: section; font-size: var(--txt-h5); line-height: var(--txt-h5-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-white);}
.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); display: flex; align-items: center; justify-content: center;}
.flickity-prev-next-button:hover { opacity: .7;}
.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-c-left);}
.flickity-prev-next-button.next:before { background-image: var(--icon-c-right);}
.flickity-prev-next-button:disabled { opacity: .4;}
.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 */


/* Component Download  */
.content-download { border-top: .1rem solid var(--c-grey-1); padding-top: var(--unit);}
.content-download a { color: var(--c-main);}
.content-download a.hover { opacity: 0.7;}

/* Component Info */
.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;}


/* Component Img */
.content-img img { display: block; width: 100%; max-height: 90vh; object-fit: cover; aspect-ratio: 16/9;}


/* Component Video */
.content-video img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.content-video-in { position: relative; 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);}


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


/* Component Accordion */
.content-accordion .btn-accordion { border-top: .1rem solid var(--c-black); padding-top: var(--unit); padding-bottom: var(--unit); min-height: var(--unit-8);}
.content-accordion-content { display: none; padding-bottom: var(--unit-2)}
.content-accordion-item.active .btn-accordion .icon::before { background-image: var(--icon-c-less);}
.content-accordion-item.active .btn-accordion .icon { transform: rotate(180deg);}
.content-detail .content-accordion { display: flex; flex-wrap: wrap; width: 100%;}
.content-detail { gap: 10px;}


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


/* ----- NUEVO (solo Amazonia) ----- */

/* Border left */
.content-blog-in { display: flex;}
.content-blog-in::before { content: ''; display: block; width: .1rem; background-color: var(--c-black); margin: 0 1.4rem; position: relative; z-index: 10;}

/* .content-blog-in-blocks div:first-child { margin-top: 0;} */

.border-top::before { content: ''; display: block; height: .1rem; background-color: var(--c-black); margin: 0 var(--padd);}
.border-bottom::after { content: ''; display: block; height: .1rem; background-color: var(--c-black); margin: 0 var(--padd);}

.content-detail .content-info-row.border-top::before { margin: 0;}

.content-media-full img { width: 100%; aspect-ratio: 3/1; object-fit: cover;}
.content-info-img.row img { width: 100%; max-width: 100%;}

.content-img-third-in img { width: 100%; aspect-ratio: 5/6; object-fit: cover;}

.content-info .content-info-row.border-top::before { width: calc(91.333% - var(--padd) - var(--padd));}

/* The end -- :P */