/*
	Autor: 
		PUM! estudio

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

@charset "UTF-8";



/* 0 -- Main */

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

.content-box { position: relative; padding-top: 18rem; padding-bottom: 18rem;}

.content-box-txt { color: var(--c-black);}

.content-media { overflow: hidden;}
.content-media img,
.content-media video { height: 100%; width: 100%; object-fit: cover; transition: transform .4s var(--bezier);}
.hover .content-media img,
.hover .content-media video { transform: scale(1.05);}

@media ( max-width: 720px ) { .content-box { padding-top: var(--unit-20); padding-bottom: var(--unit-20);} }

.content-box-fg { position: relative; z-index: 2;}
.content-box-bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.content-box-bg img,
.content-box-bg video { width: 100%; height: 100%; object-fit: cover;}

.bg-black-w { background-color: var(--c-black); color: var(--c-white);}
.bg-black-y { background-color: var(--c-black); color: var(--c-yellow);}
.bg-white-b { background-color: var(--c-white); color: var(--c-black);}
.bg-white-o { background-color: var(--c-white); color: var(--c-orange);}
.bg-orange { background-color: var(--c-orange); color: var(--c-white);}
.bg-yellow { background-color: var(--c-yellow); color: var(--c-black);}

/* -- Hero */
.content-hero { background-color: var(--c-orange);}
.content-hero-in { position: relative;}
.content-hero.content-box { padding: 0 0 var(--unit-10) 0;}
.content-hero .btn-play { position: absolute; right: calc(var(--unit-10) + var(--padd)); bottom: var(--unit-10); width: var(--unit-16); height: var(--unit-16);}
.content-hero .btn-play::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../img/icon/icon-pause.svg);}
.content-hero .btn-play.active::after { background-image: url(../img/icon/icon-play.svg);}
.content-hero .content-media { border-radius: var(--unit-12);}
.content-hero .content-hero-media { display: block; position: relative;}

.mobile-device .content-hero .btn-play { pointer-events: none;}
.mobile-device .content-hero .btn-play::after { background-image: url(../img/icon/icon-play.svg);}


@media ( max-width: 1065px ) {
	.content-hero.content-box  { padding-top: 10.4rem;}
}


@media ( max-width: 720px ) { 
	.content-hero.content-box { padding: 10.4rem 0 0 0;}
	.content-hero .col-main,
	.content-hero .p-h { padding: 0;}
	.content-hero .content-media { height: calc(100dvh - 10.4rem); border-radius: 0;}
	.content-hero .btn-play { right: var(--unit-4); bottom: var(--unit-10);}
}

/* -- Open */
.content-open { position: sticky; top: 0; z-index: 1;}
.content-open + div,
.content-open + section { position: relative; z-index: 10;}
.content-open .content-open-in { position: absolute; bottom: 0; left: 0; width: 100%;}
.content-open.long { position: relative;}
.content-open.long.end .content-open-in { position: fixed;}

.content-open-in.bg-black-w .content-open-breadcrumbs,
.content-open-in.bg-white-b .content-open-breadcrumbs,
.content-open-in.bg-white-o .content-open-breadcrumbs { color: var(--c-orange);}

.crazy-arrow { display: flex; flex-direction: column; align-items: center;}
.crazy-arrow svg:last-child { transform: translateY(-100%);}
.crazy-arrow svg:last-child path[style="stroke-dashoffset: 0px;"] { opacity: 1;}
.crazy-arrow svg:last-child path { opacity: 0;}

@media ( max-width: 720px ) { 

	.content-open.content-contact { height: 80dvh; display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.content-open.content-contact .content-vector-box { padding: 0;}
	.content-open.content-contact svg { max-height: 16vh;}

}

/* -- Slider */
.content-slider { overflow: hidden;}
.content-slider .content-box { padding: var(--unit-20) 0;}
.content-slider .content-slider-in { position: relative; display: flex;}
.content-slider-in.active { width: 100%; display: block;}
.content-slider-in.active:after { content: 'flickity'; display: none;}

.content-slider .flickity-viewport { overflow: visible; position: static;}
.content-slider .flickity-slider { position: relative;}
.content-slider .flickity-button { display: none;}

.content-slider-item { flex-shrink: 0; display: flex; flex-direction: row;}
.content-slider-item-in { border-left: solid .1rem #444B55; border-right: solid .1rem #444B55;}
.content-slider-item .content-media img { aspect-ratio: 1/1;}
.content-slider-item .content-slider-txt { padding: var(--unit-6);}
.content-slider-item::after { content: ''; display: block; width: calc(1/6 * 100%); padding: 0 var(--padd);}

@media ( max-width: 720px ) { 
	.content-slider .content-box { padding: var(--unit-10) 0;}
	.content-slider-item::after { display: none;}


}

/* -- Texto Sticky */
.content-text-sticky .content-box-fg { height: 110vh;}
.content-text-sticky .content-box-fg > .col-main { height: 100%;}
.content-text-sticky .content-box-fg > .col-main .content-txt { position: sticky; top: var(--unit-30);}
.content-text-sticky.right .content-box-fg > .col-main .content-txt { float: right;}
.content-text-sticky.white .content-box-fg > .col-main .content-txt { color: var(--c-white);}
.content-text-sticky .content-box-bg::after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: var(--c-white); opacity: .3;}
.content-text-sticky.white .content-box-bg::after { background-color: var(--c-black);}

@media ( max-width: 720px ) { 
	.content-text-sticky.content-box { padding-bottom: var(--unit-10);}
}

/* -- 2 img (full size) */
.content-img { position: relative; z-index: 2; height: 100dvh;}
.content-img .content-img-in,
.content-img .content-media,
.content-img .content-media img { height: 100%;}

@media ( max-width: 720px ) { 
	.content-img { height: 60dvh;}
}


/* -- Bloque de texto */
.content-text[data-view] { opacity: 1;}
.content-text.bg-black-w .content-text-body { color: var(--c-orange);}
.content-text.bg-black-w.view { background-color: var(--c-white); color: var(--c-black);}
.content-text.bg-black-y.view { background-color: var(--c-yellow); color: var(--c-black);}
.content-text.bg-orange.view { background-color: var(--c-white); color: var(--c-orange);}
.content-text.bg-orange .cta-box,
.content-text.bg-black-y .cta-box { background-color: var(--c-white); color: var(--c-black); box-shadow: 0 0 var(--unit-2) 0 #FF502B00;}
.content-text.bg-orange .cta-box.hover,
.content-text.bg-black-y .cta-box.hover { box-shadow: 0 0 var(--unit-2) 0 #eacbc5;}
.content-text.bg-black-w .cta-box,
.content-text.bg-orange.view .cta-box { background-color: var(--c-orange); color: var(--c-white); box-shadow: 0 0 var(--unit-2) 0 #FFECE800;}
.content-text.bg-black-w .cta-box.hover,
.content-text.bg-orange.view .cta-box.hover { box-shadow: 0 0 var(--unit-2) 0 #eacbc5;}

@media ( max-width: 720px ) { 
	.content-text.content-box { padding-top: var(--unit-10); padding-bottom: var(--unit-10);}
}

/* -- SVG - Animación */
.content-vector path { stroke-dasharray: 100; stroke-dashoffset: 100; transition: all .2s ease;}
.content-vector .content-vector-box { position: relative; color: var(--c-white);}
.content-vector .content-vector-box .content-vector-txt { position: absolute; left: 50%; max-width: 35rem; transform: translateX(-50%); text-align: center; color: var(--c-white);}
.content-vector .content-vector-box:nth-child(1) { padding-top: var(--unit-20);}
.content-vector .content-vector-box:nth-child(1) .content-vector-txt { top: 38%;}
.content-vector .content-vector-box:nth-child(2) .content-vector-txt { top: 50%; transform: translate(-50%,-50%);}
.content-vector .content-vector-box:nth-child(3) { padding-bottom: var(--unit-20);}
.content-vector .content-vector-box:nth-child(3) .content-vector-txt { top: 27.5%;}

@media ( max-width: 720px ) { 
	.content-vector .content-vector-box svg { max-width: 100%; height: auto;}
	.content-vector .content-vector-box .content-vector-txt { width: 29rem;}
	.content-vector .content-vector-box:nth-child(1) .content-vector-txt { top: 42.5%;}
	.content-vector .content-vector-box:nth-child(3) .content-vector-txt { top: 25%;}
}

/* -- Popup */
.content-popup-video { width: 100%; display: none;}
.content-popup-video-in,
.content-popup-video iframe { width: 100%; height: auto; aspect-ratio: 16/9; position: relative; overflow: hidden; border-radius: var(--unit-2);}
.content-popup-video.fancybox-content { position: static; background: transparent; margin: 0; overflow: hidden; padding: 0;}
.content-popup-video .fancybox-close-small { background: transparent; border-radius: 100%; border: 1px solid var(--c-white); color: var(--c-white); top: var(--unit-2); right: var(--unit-2);}


/* -- Form - Gravity forms */
.content-form .cta-primary { flex-grow: 1; color: var(--c-orange); box-shadow: 0px 0px 6.8px 0px #eacbc5;}

/* Header */
.content-form .gform_heading { display: none;}
/* Columns */
.content-form .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: var(--unit-2); 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-input); line-height: var(--txt-input-lh); font-weight: var(--txt-input-fw); letter-spacing: var(--txt-input-ls); padding: var(--input-padd); border-radius: var(--input-border-rad); background-color: var(--input-color-bg); color: var(--input-color); border: var(--input-border);}
.content-form .gform_wrapper.gravity-theme textarea { min-height: var(--unit-30);}
.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 input[type=file]::file-selector-button { cursor: pointer; -webkit-appearance: none!important; appearance: none!important; font-size: var(--txt-cta); line-height: var(--txt-cta-lh); font-weight: var(--txt-cta-fw); letter-spacing: var(--txt-cta-ls); border-radius: 0; border: 0; height: auto; padding: var(--unit-3) var(--unit-4) !important; background: transparent; color: var(--c-black); border: .1rem solid var(--c-black);}
.content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button:hover { opacity: 1; background-color: var(--c-white); color: var(--c-black); border-color: var(--c-black); opacity: 1;}
.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: center; gap: var(--unit-4); flex-grow: 1; height: 5.6rem; position: relative}
/* 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-body-s); line-height: var(--txt-body-s-lh); font-weight: var(--txt-h5-fw); letter-spacing: var(--txt-h5-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: var(--txt-body-s); line-height: var(--txt-body-s-lh); font-weight: var(--txt-body-s-fw); letter-spacing: var(--txt-body-s-ls);}
.content-form .gform_wrapper.gravity-theme .gfield_label { font-size: var(--txt-body-s); line-height: var(--txt-body-s-lh); font-weight: var(--txt-body-s-fw); letter-spacing: var(--txt-body-s-ls); color: var(--c-black);}
.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: var(--txt-body-s); line-height: var(--txt-body-s-lh); font-weight: var(--txt-body-s-fw); letter-spacing: var(--txt-body-s-ls); color: var(--c-black); padding: 0; margin: 0;}
/* Required */
.content-form .gform_wrapper.gravity-theme .gfield_required { color: inherit; font-size: var(--txt-body-s); line-height: var(--txt-body-s-lh); font-weight: var(--txt-body-s-fw); letter-spacing: var(--txt-body-s-ls);}
.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: var(--txt-body-xs); line-height: var(--txt-body-xs-lh); font-weight: var(--txt-body-xs-fw); letter-spacing: var(--txt-body-xs-ls); margin: 0; padding: 0; border: 0; color: var(--c-black);}
.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 { font-size: var(--txt-body-xs); line-height: var(--txt-body-xs-lh); font-weight: var(--txt-body-xs-fw); letter-spacing: var(--txt-body-xs-ls); margin: var(--unit) 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) 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 body-s,
.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-8) 0 0 0; display: flex; flex-direction: row; 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,
.content-form .gform_wrapper.gravity-theme .gform_drop_area button { -webkit-appearance: none!important; appearance: none!important; font-size: var(--txt-submit); line-height: var(--txt-submit-lh); font-weight: var(--txt-submit-fw); letter-spacing: var(--txt-submit-ls); border-radius: var(--submit-border-rad); padding: var(--submit-padd) !important; background: var(--submit-color-bg); color: var(--submit-color); border: var(--submit-border);}
.content-form .gform_wrapper.gravity-theme .gform_save_link.button.hover,
.content-form .gform_wrapper.gravity-theme .gform_page_footer input.hover,
.content-form .gform_wrapper.gravity-theme .gform_drop_area button.hover { background-color: var(--submit-hov-color-bg); color: var(--submit-hov-color); border-color: var(--submit-hov-border-color);}
/* Loader */
.content-form img.gform_ajax_spinner { max-width: var(--unit-4); margin: 0;}
/* Progressbar */
.content-form .gform_wrapper.gravity-theme .gf_progressbar_title { color: var(--c-black); font-size: var(--txt-body-s); margin: 0 0 var(--unit);}
.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-body-s); line-height: var(--txt-body-s-lh); 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: var(--txt-body-xs); line-height: var(--txt-body-xs-lh); 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: var(--txt-body-s); line-height: var(--txt-body-s-lh);}
.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 .gfield_error [aria-invalid=true] { background-color: #FDD3D0;}
.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: var(--txt-body-xs); line-height: var(--txt-body-xs-lh); list-style-type: disc!important; margin: 0 0 var(--unit);}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>ol a { color: var(--c-error); font-size: var(--txt-body-xs); line-height: var(--txt-body-xs-lh);}
.content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon { display: none;}


.content-form #field_1_1, 
.content-form #field_1_2 { margin-bottom: var(--unit-4);} 
.content-form #input_1_1_3_container { padding: 0;}
.content-form #field_1_4 { margin-bottom: var(--unit-10);}
.content-form #field_1_4 .gfield_label { font-weight: var(--fw-strong); color: var(--c-grey-1);}
.content-form #input_1_4.gfield_radio { display: flex; gap: var(--unit-6);}
.content-form #input_1_4.gfield_radio .gchoice .gfield-choice-input { width: 100%; border-radius: 3rem; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.content-form #input_1_4.gfield_radio input[type=radio] { border: var(--border-1-w); box-shadow: 0 0 var(--unit-2) 0 #eacbc5;}
.content-form #input_1_4.gfield_radio input[type=radio]:checked { border: var(--border-1-o); background-size: 0; box-shadow: none;}
.content-form #input_1_4.gfield_radio label { color: var(--c-orange); font-weight: var(--fw-strong); margin: auto;}
.content-form .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, 
.content-form .gform_wrapper.gravity-theme .gfield_consent_description { border: none;}
.content-form .gform_wrapper.gravity-theme .gfield-choice-input+label { max-width: none;}

.content-form .gform_wrapper.gravity-theme input:focus:not([type=checkbox]):not([type=radio]):not([type=submit]),
.content-form .gform_wrapper.gravity-theme textarea:focus { color: var(--c-black); border-color: var(--c-orange); outline: solid .1rem #FFC2B6; outline-offset: var(--unit); background-color: transparent;}
.content-form #validation_message_1_5,
.content-form #gform_1_validation_container,
.content-form .gform_footer .gform_ajax_spinner { display: none;}
.content-form .gform_wrapper.gravity-theme input[type=submit]:focus { color: var(--c-white);}

.content-form:has(.gform_confirmation_message) .content-form-title { display: none;}
.content-form .gform_confirmation_message h1 { font-family: var(--font); font-size: var(--txt-title-xl); line-height: var(--txt-title-xl-lh); font-weight: var(--txt-title-xl-fw); letter-spacing: var(--txt-title-xl-ls); color: var(--c-orange);}
.content-form .gform_confirmation_message p { font-size: var(--txt-body-m); line-height: var(--txt-body-m-lh); font-weight: var(--txt-body-m-fw); letter-spacing: var(--txt-body-m-ls);}

@media ( max-width: 720px ) { 
	.content-form #field_1_1, 
	.content-form #field_1_2 { margin-bottom: 0;} 
	.content-form #input_1_4.gfield_radio { gap: var(--unit-4);}
	.content-form .gform_wrapper.gravity-theme .gchoice,
	.content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent { height: var(--unit-10);}
}

/* The end -- :P */