/*
Theme Name: Auno theme 
Theme URI: https://www.sozpic.com
Author: Luis Lara & Roberto Marin
License: The Unlicense
License URI: LICENSE
Text Domain:  Sozpic
Version: 1.0
*/

:root{
	--header-height: 86px;
	--primary: #000000;
	--lightgray:  #ededed;
	--secondary: #ffffff;
	--lightblue: rgba(54, 110, 255, .1);
}
body .gform-theme--api,
body .gform-theme--foundation {
    --gf-form-gap-x: 16px;
    --gf-form-gap-y: 20px;
    --gf-field-gap-x: 12px;
    --gf-field-gap-y: 12px;
    --gf-label-width: 30%;
    --gf-label-req-gap: 6px;
    --gf-form-footer-margin-y-start: 24px;
    --gf-form-footer-gap: 8px;
    --gf-field-date-width: 168px;
    --gf-field-time-width: 110px;
    --gf-field-list-btns-gap: 8px;
    --gf-field-list-btns-width: calc(32px + var(--gf-field-list-btns-gap) + var(--gf-field-gap-x));
    --gf-field-pg-steps-gap-y: 8px;
    --gf-field-pg-steps-gap-x: 24px;
}
body #gform_wrapper_1[data-form-index="0"].gform-theme,
body [data-parent-form="1_0"] {
    --gf-color-primary: #204ce5;
    --gf-color-primary-rgb: 32, 76, 229;
    --gf-color-primary-contrast: transparent;
    --gf-color-primary-contrast-rgb: 255, 255, 255;
    --gf-color-primary-darker: #001AB3;
    --gf-color-primary-lighter: #527EFF;
    --gf-color-secondary: #fff;
    --gf-color-secondary-rgb: 255, 255, 255;
    --gf-color-secondary-contrast: #112337;
    --gf-color-secondary-contrast-rgb: 17, 35, 55;
    --gf-color-secondary-darker: #F5F5F5;
    --gf-color-secondary-lighter: #FFFFFF;
    --gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-out-ctrl-light-rgb: 17, 35, 55;
    --gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-out-ctrl-light-lighter: #F5F5F5;
    --gf-color-out-ctrl-dark: #585e6a;
    --gf-color-out-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-out-ctrl-dark-darker: #112337;
    --gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
    --gf-color-in-ctrl: #fff;
    --gf-color-in-ctrl-rgb: 255, 255, 255;
    --gf-color-in-ctrl-contrast: #112337;
    --gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
    --gf-color-in-ctrl-darker: #F5F5F5;
    --gf-color-in-ctrl-lighter: #FFFFFF;
    --gf-color-in-ctrl-primary: #204ce5;
    --gf-color-in-ctrl-primary-rgb: 32, 76, 229;
    --gf-color-in-ctrl-primary-contrast: #fff;
    --gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
    --gf-color-in-ctrl-primary-darker: #001AB3;
    --gf-color-in-ctrl-primary-lighter: #527EFF;
    --gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-in-ctrl-light-rgb: 17, 35, 55;
    --gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-in-ctrl-light-lighter: #F5F5F5;
    --gf-color-in-ctrl-dark: #585e6a;
    --gf-color-in-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-in-ctrl-dark-darker: #112337;
    --gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
    --gf-radius: 3px;
    --gf-font-size-secondary: 14px;
    --gf-font-size-tertiary: 13px;
    --gf-icon-ctrl-number: url(data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E);
    --gf-icon-ctrl-select: url(data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E);
    --gf-icon-ctrl-search: url(data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E);
    --gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
    --gf-ctrl-border-color: #686e77;
    --gf-ctrl-size: var(--gf-ctrl-size-md);
    --gf-ctrl-label-color-primary: #112337;
    --gf-ctrl-label-color-secondary: #112337;
    --gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);
    --gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);
    --gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);
    --gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
    --gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
    --gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
    --gf-ctrl-btn-border-color-secondary: #686e77;
    --gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
    --gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);
}


::selection {
	background: #000000;
  color: white;
}

body{
	position: relative;
	background-color: transparent;
}

img,
svg{
	max-width: 100%;
	height: auto;
}
.text-black,
.text-black *{
	color: #000000 !important;
}
.td-none{
	text-decoration: none !important;
}

.bg-light{
	background-color: var(--light);
}
.bg-dark{
	background-color: var(--dark);
}
video{
	max-width: 100%;
}

section{
	position: relative;
}
.menus-container {
	z-index: 3;
}

.main-overlay{
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--light);
}
/*
.menu-bt_wrapper{
	background-color: var(--dark);
}
 .dark-mode  .menu-bt_wrapper{
	background-color: var(--light);
}
*/
.dark-mode{
	--light: #131e2a !important;
	--dark: #dcdddf !important;
}

.dark-mode.not-inverted,
*.not-inverted{
	--dark: #131e2a !important;
	--light: #dcdddf !important;
}

main{
	background-color: var(--light)
}

/*
.dark-mode-active .logo-name,
.dark-mode-active .anagrama {
    color: var(--light);
}
*/

.dark-mode .gform-theme--framework .gfield_list_group_item::before,
.dark-mode .gform-theme--framework .gform-field-label,
.dark-mode .gform-theme--framework .gform-field-label--type-inline {
    --gf-local-color: var(--dark);
 }

.main{
	/*background-color: var(--light);
	color: var(--dark);*/
	position: relative;
	overflow: hidden;
}
.main > *{
	position: relative;
	z-index: 1;
}
.dmable{
	position: relative;
	z-index: 1;
}
body.dark-mode,
.dark-mode{
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	clip-path: polygon(calc(100% - 1%) 0%, 100% 0%, 100% 100%, calc(100% - 1%) 100%) !important;
	transition: clip-path 1.3s !important;
	z-index: 2;
}
.dark-mode-active .dark-mode{
	clip-path: polygon(2% 0%, 100% 0%, 100% 100%, 2% 100%) !important;
}

@media (min-width: 992px){
	
	body.dark-mode,
	.dark-mode{
		clip-path: polygon(calc(100% - 2%) 0%, 100% 0%, 100% 100%, calc(100% - 2%) 100%) !important;
	}
	.dark-mode-active .dark-mode{
		clip-path: polygon(2% 0%, 100% 0%, 100% 100%, 2% 100%) !important;
	}
	
}

.dark-mode{
	color: var(--dark);
	/*background-color: var(--light);*/
}
.header-brand,
.menu-fixed{
	opacity: 1 !important;
}
.menu-fixed{
	padding-bottom: 3%;
}

@media (min-width: 992px){
		
	.menu-fixed{
		padding-bottom: 1%;
	}
}

.s-1-home_image-wrapper {
    bottom: auto;
    z-index: 1;
}

.hominvest {
    border: 1px solid var(--dark);
    background-color: var(--dark);
}
.hominvest > * {
    color: var(--light) !important;
}
.dark-mode-active .menu-bt_wrapper {border: 1px solid var(--light);background-color: var(--light);color: var(--dark) !important;}
.dark-mode-active .menu-bt_wrapper > * {
    color: var(--dark) !important;
}

/* MAGNIFIER GLASS ZOOM EFFECT */

.img-magnifier-container {
  position:relative;
    height: auto;
}

.img-magnifier-glass {
  position: absolute;
  border: 1px solid var(--dark);
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
  opacity: 0;
  transition: opacity .3s;
  background-color: var(--light);
}
.img-magnifier-container:hover .img-magnifier-glass{
	opacity: 1;
}

#bgg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	object-position: center;
}
	@media (max-width: 991px){
		
	#bgg{
		width: 240%;
		left: -43%;
		top: -15%;
		aspect-ratio: 1;
	}
}
#bgg .img-magnifier-glass {
  background-color: transparent;
}
/*
.img-magnifier-container {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}*/
.img-magnifier-container img{object-fit: cover;height: 100%;width: 100%;}




.gform-theme--foundation{
	font-size: .9rem
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large,
.gform-theme--foundation .gfield textarea.large{
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	border-color: var(--dark)
}
.gform-theme--foundation .gfield textarea.large{
	height: 100px;
	min-height: 120px !important;
}

#email-form input[type="submit"]{
	background-color: var(--dark) !important;
	padding: .4rem 2rem
}

.gform-theme--foundation  input[type="submit"]{
	background-color: var(--dark) !important;
	color: var(--light) !important;
	border-radius: 1rem !important;
} 


/* HOME */

.section-wrap .bt-circle_link:not(.s5){
	top: 6vw;
	position: absolute;
	width: 14vw;
	left: 9vw;
}

@media (max-width: 991px){
	/*.bubble-content_wrapper {
	    width: 80%;
	    aspect-ratio: 1;
	    top: -56%;
	    bottom: inherit;
	    left: auto;
	    right: 10%;
	    height: auto;
	}
	.bubble-content_text{
		font-size: 10px;
		line-height: 1.4;
		padding-left: 13px;
	}
	.bubble_vertical-text {
        font-size: 0.8rem;
    }
	.bubble-wrap{
		position: absolute;
    top: 50%;
    transform: translateY(-50%);
	}*/
	
	.bubble-content_wrapper {
	    display: none;
	}
	.circle-orange-bg{
		display: none !important;
	}
}

.bubble-wrapper img{
	border-radius: 50%;
	display: block;
	border: 1px solid transparent;
	object-fit: cover;
	object-position: 70% 90%;
	aspect-ratio: 1;
}


.bubble-wrapper .lottie{
}
.dark-mode .bubble-wrapper img{
	border: 1px solid;
	aspect-ratio: 1;
}

.bt-more-less.active .bt-more_wrapper,
.bt-more-less .bt-lees_wrapper{
	opacity: 0 !important;
}
.bt-more-less .bt-more_wrapper,
.bt-more-less.active .bt-lees_wrapper{
	opacity: 1 !important;
}


.dark-mode .bt-more-less + .bubble-content_wrapper{
	opacity: 0 !important;
	display: flex !important;
	visibility: hidden;
	pointer-events: none;
	transition: all .3s;
}
.dark-mode .bt-more-less.active + .bubble-content_wrapper{
	opacity: 1 !important;
	visibility: visible;
	pointer-events: all;
}

@media (max-width: 767px){
	
	.more-content_wrapper{
		transition: all .3s;
	}
	.active + .more-content_wrapper{
		display: block !important;
		opacity: 1 !important;
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
	}

	
}
/* INTRO */


html:not(:has(intro-finished)) body.page-template-page-home{
		overflow: hidden;
	}

.intro-finished body.page-template-page-home {
        overflow: visible !important;
    }
.intro-active .page-wrapper.intro-animation {
	transform: translate3d(0,0,0);
}

		
	body.page-template-page-home.intro-active{
		overflow: hidden;
	}
	
	body:has(.intro-animation){
		padding-top: 100vh;
	}
		
	.page-wrapper.intro-animation {
	  background-color: var(--dark);
	  display: flex;
	  overflow: hidden;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100vh;
	  z-index: 1000;
	  /*transform: translate3d(0,-100%,0);
	  transition: transform 1.4s;*/
	}

@media (min-width: 992px){
		
	body.page-template-page-home.intro-active{
		overflow: hidden;
	}
	
	body:has(.intro-animation){
		padding-top: 100vh;
	}
		
	.page-wrapper.intro-animation {
	  background-color: var(--dark);
	  display: flex;
	  overflow: hidden;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100vh;
	  z-index: 1000;
	  /*transform: translate3d(0,-100%,0);
	  transition: transform 1.4s;*/
	}
}

/* INTRO */

.logo-intro-animation_wrapper{
	justify-content: center;
}

@media (min-width: 992px){
	 .logo-intro-animation_wrapper > *:first-child{
		transition: left 1.3s .5s;
		position: relative;
		left: -5%;
	}
}
@media (max-width: 991px){
	
	
	.logo-intro-animation_wrapper > *:first-child{
		position: relative;
		left: 2.9% !important;
	}
	.letter-logo-home.o{
		right: 2% !important;
	}
}
html:not(.intro-finished) .logo-intro-animation_wrapper > *:first-child{
    left: 2.9%;
   }
.letter-logo-home{
	width: 23.3%;
}
.letter-logo-home.o {
	right: 0;
	transition: right 1.2s .5s;
}
html:not(.intro-finished) .letter-logo-home.o {
    right: 2%;
}

.video-home-section{
    max-height: 500px;
    aspect-ratio: 1;
}
.video-home-section video{
	object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	
}


@media (max-width: 991px){
	body.page-template-page-home{
		overflow: hidden !important;
	}
	.intro-finished body.page-template-page-home{
		overflow: visible !important;
	}
	.wrapper-home-intro{
		opacity:  1 !important;
	}
	.home-homes_block{
		justify-content: flex-end;
	}
	
	.home-homes_block  .wrapper-home-intro{
		padding-bottom: 2rem;
	}
	.home-home_title{
		padding-bottom: 1rem;
	}
}


.gallery-carousel.no-scrollbars{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
}
.gallery-carousel img{
	height: 50vh;
	width: auto;
	max-width: none;
}


.no-scrollbars::-webkit-scrollbar {
  display: none;
}
.no-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none; 
}


.team-list-text-wrapper{
	display: block;
	opacity: 0;
	pointer-events: none;
	max-height: 0;
	visibility: hidden;
	transition: all .3s;
}

.active .team-list-text-wrapper{
	display: block;
	opacity: 1;
	max-height: 500px;
	visibility: visible;
	margin: 0 0 1rem;
}


/* CURSOR STYLING */
/*
body, body *{
  cursor: none !important;
}
@media(min-width: 768px){

  	body, body *{
	  cursor: none !important;
	}
	.cursor {
	  z-index: 10000000 !important;
	}
}
*/ 

@media (min-width: 1300px){
	.mosaico-grid {
	    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}

/* Animación de rotacion */

.rotateself{
	animation: rotate 13s infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
  
  
@media (min-width: 992px){
	.bubble-wrapper .bt-more-less{
		left: 50%;
	    transform: translateX(-50%);
	}
}


.oa{
	display:  none !important;
}
.dark-mode-active .oa{
	display: block !important;
}

.dark-mode-active .hit:has(.oa) > *:not(.oa){
	display: none !important;
}

.about-image-section.s-1{
	width: auto !important;
}
.owl-dots{
	position: absolute;
	bottom: 2rem;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	left: 0;
	gap: 0.5rem;
}
.owl-dots .owl-dot{
	width: 12px;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #f5a66d;
	opacity: 0.4;
}
.owl-dots .owl-dot.active{
	opacity: 1;
}

@media (max-width: 991px){
	
	.crazy-grid_wrapper{
		display: block !important;
	}
	.crazy-grid_item{
		display: block !important;
		margin-bottom: 2rem;
	}
	.crazy-grid-image{
		position: relative !important;
		height: auto;
		display: block;
		
	}
	
	.crazy-grid-overlay{
		opacity: 1 !important;
		visibility: visible;
	}
	.crazy-grid_content{
		opacity: 1 !important;
		visibility: visible;
		bottom: 2rem;
		font-size: 1rem;
		color: #ffffff !important;
	}
	.team-list-wrapper{
		display: block;
	}
	.team-list-text{
		font-size: 1.1rem;
	}
	
}

.dark-mode-active .bt-circle_link.ver-casas-link{
	background: url(images/ver_promociones.svg) no-repeat center center;
	background-size: 100%;
}
.dark-mode-active .bt-circle_link.ver-casas-link img{
	opacity: 0;
}

.dark-mode-active .equipo-bubbles-svg path{
	fill: #ffffff;
	stroke: #ffffff;
}
.dark-mode-active .equipo-bubbles-svg circle{
	stroke: #ffffff;
}