/* React owns navigation and interactions; original design styles remain unchanged. */
body{overflow:visible}
#content{overflow:visible;transition:width 550ms cubic-bezier(.215,.61,.355,1)}
#content>ul>li{width:634px}
#proyectos{background-color:#e8ffd9}
#object{transition:top 650ms cubic-bezier(.23,1,.32,1)}
.background-viewport{position:fixed;inset:0;overflow:hidden;z-index:-1}
#bgStretch{position:absolute;right:0;top:0;width:max(calc(100vw - 320px),144.444444vh);height:max(calc((100vw - 320px)*.6923076923),100vh);z-index:-1}
#bgStretch img{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1000ms}
.submenu_1{display:none}
.with_ul:hover>.submenu_1,.with_ul:focus-within>.submenu_1{display:block}
#menu>li>a:hover{color:#61b948!important}
#menu .submenu_1 a{color:white!important}
#form1 input::placeholder,#form1 textarea::placeholder{color:#fff;opacity:1}
#form1 .success{display:none}
.fancybox-nav{cursor:pointer}
@media(prefers-reduced-motion:reduce){#content,#object,#bgStretch img,.slider_gall img{transition:none!important}}