/*
 Theme Name: Ojalá Pudiera
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Ojalá Pudiera

 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overscroll-behavior: none;
    font-weight: normal;
    overflow: auto;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html * {
    /* overscroll-behavior: none; */
}

body {
    margin: 0px;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 0px !important;
    background: black;
    font-size: 14px;
    line-height: 22.5px;
    font-family: 'FoundersGrotesk-Bold';
    color: #FDEAD8;
}

:root {
    --true-vh: 1vh;
}

.title_style {
}

.body_style {
}

.body_big_style {
}

.body_small_style {
}

body *,span, a,p {
    text-size-adjust: none;
}

p:last-child {
    margin: 0;
}

h1 {
}

.mobile {
    display: none !important;
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;
}

header {
    width: 100%;
    z-index: 11;
}

html, body {
    -ms-overflow-style: none;
}

html.home_html {
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body * {
    outline: none;
    /* margin-top: 0; */
    /* letter-spacing: -.02em; */
}

div, ul, li, header, footer, a, figure, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

b, strong, h1, h2, h3, h4, h5, h6, label {
    font-weight: normal;
    /* margin: 0; */
}

textarea, input[type="text"], input[type="button"], input[type="submit"], input, button {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

a {
      color: #FDEAD8;
}

b, strong {
}

.custom_clear::after {
    clear: both;
    display: block;
    content: '';
}

a {
    text-decoration: none
}

header {
    position: fixed;
    letter-spacing: -0.01em;
    line-height: 14px;
}

header a {
    pointer-events: auto;
}

#content,#colophon,#website_footer {
    transition: opacity .25s ease;
    transition: opacity var(--duration-default,.25s) ease
}

.website_unloading #content, .website_unloading #colophon,.website_unloading #website_footer {
    opacity: 0
}

.first_load #content, .first_load #colophon {
    opacity: 0
}

.header {
}

.header .header_wrapper {
}

.player_controls {
}

.player_controls .progress {
    position: relative;
    height: 27px;
    cursor: pointer;
}

.player_controls .progress:before {
    background: var(--2-skin, rgb(253 234 216 / 50%));
    height: 4px;
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
}

.player_controls .progress .progress__bar {
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
    background: var(--2-skin, #FDEAD8);
    opacity: 1;
    bottom: 0;
}

.player_controls .progress .progress__time {
    position: absolute;
}

.player_controls .progress .progress__time.progress__time--current {
    bottom: 4px;
}

.player_controls .progress .progress__time.progress__time--total {
}

.video_player {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .5s linear;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    background: #050505;
}

.video_player_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ----- Overlay Labels ----- */
.player_labels {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    align-items: center;
    padding: 0 12px;
    pointer-events: none;
    height: 22.5px;
    z-index: 3;
	    transition: opacity .8s ease;
}

.inactive_user .player_controls,.inactive_user  .close_video_main,.inactive_user .player_labels,.inactive_user .close_video {
	opacity:0 !important;
	
}

.player_labels.visible {
    opacity: 1;
    pointer-events: none
}

.player_label {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    transition: opacity .8s ease;
}
.logo_label{
	display:none;
}
.video_player:not(.is_video_section_player) .player_label{
	opacity:0;
	pointer-events:none
}
.video_player:not(.is_video_section_player) .player_label.close_label{
	pointer-events:none!important
}
.player_label.index_label {
    left: 171px;
    display: none;
}

.player_label.title_label {
    left: 12px;
}

.player_label.close_label {
    right: 12px;
    cursor: pointer;
}
.visible .player_label.close_label {
    pointer-events: all;
}
.player_label.close_label:before {
    content: '[ CERRAR ]';
}

.play_pause_btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);

    cursor: pointer;
}
.visible .play_pause_btn {
	    pointer-events: all;
}

/* pause (two bars) and play (triangle) */
.play_pause_btn::before {
    content: '[ PAUSE ]'
}

.paused .play_pause_btn::before {
    content: '[ PLAY ]'
}

.play_pause_btn:not(.paused)::before {
}

/* ----- Close Label ----- */
.close_label {
    pointer-events: all;
    cursor: pointer;
    transition: opacity .8s ease;
}

/* ----- Progress Bar ----- */
.player_controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 2;
}

.progress {
}

.progress__bar {
    transform-origin: left;
    transition: transform 0.08s ease;
}

.progress.is-scrubbing .progress__bar {
    transition: none !important;
}

.progress__time {
    position: absolute;
    bottom: 4px;
}

.progress__time--current {
    left: 12px;
}

.progress__time--total {
    right: 12px;
}

/* ----- Home / Video transitions ----- */
.home_container {
    transition: opacity 0.5s ease, visibility 0.5s ease;
}



 .video_player.visible {
    opacity: 1;
   pointer-events: auto;
}

.close_video.close_video_main {
    position: absolute;
    padding: 8px 10px;
    right: 0;
    z-index: 2;
    cursor: pointer;
    top: 0;
    transition: opacity .8s ease;
}

.is_video_section_player .close_video.close_video_main {
    opacity: 0;
    pointer-events: none
}

.never_played .player_label {
    opacity: 0;
    pointer-events: none !important;
}

.player_controls {
    transition: opacity .8s ease;
}

.never_played .player_controls {
    opacity: 0;
    pointer-events: none
}

.home_hero_container {
    height: calc(var(--true-vh) * 100);
}

.home_hero_container .home_hero_video {
    height: 100%;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    pointer-events: none;
}
.start_website .home_hero_container .home_hero_video{
	pointer-events:all;
}
.home_hero_container .home_hero_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_hero_container .home_hero_video .home_hero_video {
}

.home_hero_container .home_header {
    position: absolute;
    height: calc((var(--true-vh) * 50) + 5.2075vw);
    /* 122.78px */
    top: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.home_hero_container .home_header .logo {
    position: absolute;
    height: 12.79vw;
    /* 245.56px */
    bottom: 0;
    width: calc(100% - 24px);
    
    /* 12px */
    left: 50%;
    transform: translate(-50%, 0);
    transition: width .75s 
ease;
    pointer-events: none;
}
.home_hero_container .home_header .logo .play_btn{
	text-transform:uppercase;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity: 0;
	pointer-events: none;
	transition: opacity .35s 
ease;
	margin-top: 1.1875vw;
}
.home_hero_container .home_header .logo .logo_part {
    height: 100%;
    transition: opacity .35s 
ease;
}

.home_hero_container .home_header .logo .logo_part svg {
    width: auto;
    height: 100%;
    display: block;
}

.home_hero_container .home_header .logo .logo_part.logo_part1 {
    float: left;
}

.home_hero_container .home_header .logo .logo_part.logo_part2 {
    float: right;
}

.home_hero_container .home_header .logo .logo_slogan {
    position: absolute;
    font-size: 0.729vw;
    /* 14px */
    font-style: normal;
    line-height: 0.83333vw;
    /* 22.5px */
    text-transform: uppercase;
    bottom: .15vw;
    left: 24.669vw;
    text-align: center;
    width: calc(42.881vw - 24px);
    transition: opacity .8s 
ease;
    font-family: 'FoundersGrotesk-Regular';
    height: 10.346vw;
}
.home_hero_container .home_header .logo .logo_slogan p{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%)
}
.home_hero_container .home_header .logo .logo_slogan strong{
	    font-family: 'FoundersGrotesk-bold';
}
.home_hero_container .home_header .logo .logo_slogan label{
	font-size: 0.625vw;
}
.home_hero_container .home_header .logo.first_part_animation .logo_slogan {
    opacity:0;
    pointer-events:none;
}
.home_hero_container .home_header .logo.first_part_animation.second_part_animation .logo_slogan {
display:none;
}
.home_hero_container .home_header .logo.second_part_animation {
    width: 62.065vw;
    cursor: pointer;
    pointer-events: all;
}
.logo_reference {
    height: 12.79vw;
    position: absolute;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    width: 10vw;
}
.home_body{
	display:none;
	height: auto;
	position: relative;
	z-index: 2;
}
.start_website .home_body{
	display:block;
}
.fixed_header .home_header_container{
    position:fixed;
    top:0;
    width:100%;
}
.fixed_header .home_hero_container .home_header .logo{
    
top: 0;
    
bottom: auto;
    
cursor: default;
}

.scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fixed_slider.fixed_header  #main_slider .scroll-container {
	/* position:fixed; */
	/* bottom:0; */
	/* top: auto; */
}
.horizontal-wrapper {
    display: flex;
    width: max-content;
    white-space: nowrap;
    height: 100%;
  
    position: relative;
}
.gallery_image_container {
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    flex-direction: column;
    position: relative;
}

.gallery_image_ob {
    background-size: cover;
    background-position: center;
    transition: opacity .25s linear;
    height: 100%;
    position: relative !important;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}
#main_slider .gallery_image_container:last-child .gallery_image_ob{
	margin-right:0;
}
.gallery_image_ob img,.real_image{
	width:100%;
	height:100%;
	object-fit:cover;
	pointer-events:none;
}
.center_labels{}
.center_labels div{
	  top: 50%;
	  left:50%;
	  transform: translate(-50%,-50%);
	  pos;
	  position: absolute;
	  transition: opacity .35s 
ease;
}
.center_labels .play_btn{
    opacity: 0;
}
.center_labels .video_name{}

.main_menu {
  width: 100%;
  position: absolute;
  bottom: 0;
  width: 62.065vw;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s 
ease;
  bottom: calc(-2.5vw);
  margin-left: -31.0325vw;
}

.main_menu nav {
  width: 100%;
}

.main_menu nav .main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: 100%;
}

.main_menu nav .main-nav .item {
  flex: 0 0 auto;
}

.main_menu nav .main-nav .item a.title {
  display: inline-block;
  text-decoration: none;
}

.main_menu nav .main-nav .item a.title span {
  display: inline-block;
}
.fixed_header .main_menu{
	opacity:1;
	pointer-events:all
}


.home_section {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    transition: opacity .5s linear;
	    pointer-events: none;
	    opacity: 0;
	    z-index: 100;
	    background: rgb(5 5 5 / 90%);
}
.home_section.open {
	pointer-events:auto;
	opacity:1;
}
.home_section .close_home_section {
    position: absolute;
    position: absolute;
    padding: 8px 10px;
    right: 0;
    z-index: 2;
    cursor: pointer;
    top: 0;
    transition: opacity .8s ease;
}

.home_section .home_section_wrapper {}
.home_section .home_section_wrapper .home_section_text {
    text-transform: uppercase;
    position: absolute;
    bottom: 138.73px;
    width: 100%;
    left: 0;
    font-family: 'FoundersGrotesk-Regular';
    width: 1871px;
    max-width: 78%;
    text-align: justify;
    line-height: 16px;
    padding: 0 10px;
}
.home_section .home_section_wrapper .home_section_text p {}
.home_section .home_section_wrapper .home_section_text strong {
    font-family: 'FoundersGrotesk-Bold';
}

.home_section .home_section_wrapper .home_section_images {
    height: calc((var(--true-vh) * 100) - 257px);
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    pointer-events: none;
    left: 0;
}
.home_section .home_section_wrapper .home_section_images .home_section_image {
    position: absolute;
    width: 50%;
    top: 0;
    z-index: 4;
    height: 100%;
    transition: opacity .25s ease;
    opacity: 0;
    pointer-events: none;
}
.home_section .home_section_wrapper .home_section_images .home_section_image.visible{
	opacity:1;
}
.home_section .home_section_wrapper .home_section_images .home_section_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home_section .home_section_wrapper .home_section_images .home_section_image.align_Right {
	right:0;
}
.home_section .home_section_wrapper .home_section_images .home_section_image.align_left {
    left: 0;
}
.home_section .home_section_wrapper .home_section_images .home_section_image.align_center {}

.home_section .home_section_wrapper .home_section_images_swiper {
    position: absolute;
    width: 100%;
    height: 133px;
    bottom: 0;
    left: 0;
}
.home_section .home_section_wrapper .home_section_images_swiper.slider_parent {}
.home_section .home_section_wrapper .home_section_images_swiper .scroll-container {
    height: 100%;
}
.home_section .home_section_wrapper .home_section_images_swiper .scroll-container .horizontal-wrapper {}

.home_section .home_section_wrapper .home_section_images_swiper .scroll-container .horizontal-wrapper .gallery_image_container {
    cursor: default;
}
.home_section .home_section_wrapper .home_section_images_swiper .scroll-container .horizontal-wrapper .gallery_image_container .gallery_image_ob {
    cursor: default;
}
.home_section .home_section_wrapper .home_section_images_swiper .scroll-container .horizontal-wrapper .gallery_image_container .gallery_image_ob.keep_ratio_height {}
/* Right-aligned */
.home_section .home_section_wrapper .home_section_images .home_section_image.align_Right img {
  object-position: right top;
}

/* Left-aligned */
.home_section .home_section_wrapper .home_section_images .home_section_image.align_left img {
  object-position: left top;
}

/* Center-aligned */
.home_section .home_section_wrapper .home_section_images .home_section_image.align_center img {
  object-position: center top;
}

.open_video,.open_video body,.open_section,.open_section body{
	overflow:hidden;
}
::selection {
  background: #FDEAD8;
  color: #000;
}

::-moz-selection {
  background: #FDEAD8;
  color: #000;
}
.home_footer{
    background: black;
    text-transform: uppercase;
    line-height: 14px;
    padding: 21px 12px 17px 12px;
    font-size: 12px;
    position: relative;
    height: 110px;
}
.home_footer.fake_footer{
	display:none
}

.home_footer .home_footer_text{
	 font-family: 'FoundersGrotesk-Regular';
	 max-width: 1210px;
	 text-align: justify;
	 width: calc(100% - 630px);
}
.home_footer .home_footer_text p{
	margin-top:0;
	margin-bottom: 1.5em;
}
.home_footer .home_footer_text p:last-child{
	margin:0;
}
.home_footer .home_footer_text p strong{
	 font-family: 'FoundersGrotesk-Bold';
}
.home_footer .home_footer_logos{
    width: 595px;
    position: absolute;
    top: 50%;
    right: 33px;
    transform: translate(0%, -50%);
}
.home_footer .home_footer_logos img{
	display:block;
	width: 100%;
	height: auto;
}


#main_slider .scroll-container {
	position:absolute;
	height: calc((var(--true-vh) * 100) - (15.625vw + 103.98px));
}
#main_slider{
		height: calc((var(--true-vh) * 100) - (15.625vw + 110px));
		position:relative;
}
.menu_top_text{
	text-transform:uppercase;
	position: fixed;
	top: 0.521vw;
	width: 62.065vw;
	opacity: .6;
}
.menu_top_text .menu_top_text1{
    float: left;
}
.menu_top_text .menu_top_text2{
    float: right;
}


@media screen and (max-width: 1440px) and (orientation: landscape) {
.home_footer {
  line-height: 0.9722vw;
  padding: 1.4583vw 0.8333vw 1.1806vw 0.8333vw;
  font-size: 0.8333vw;
  height: 7vw;
}

.home_footer .home_footer_text {
  max-width: 84.0278vw;
  width: calc(100% - 43.75vw);
}

.home_footer .home_footer_logos {
  width: 41.3194vw;
  top: 50%;
  right: 2.2917vw;
}
#main_slider .scroll-container {
	position:absolute;
	height: calc((var(--true-vh) * 100) - 22.846vw);
}
#main_slider{
		height: calc((var(--true-vh) * 100) - 22.846vw);
		position:relative;
}
}