header{
    z-index: 1000;
    background: rgb(255 255 255 / 40%);
}

#introLogo {;
  inset: 0;
  z-index: 9999;
  
}

.box-rg-info{
    background: rgb(255 255 255 / 40%);
}


.logo-foo-34{
    width: 40%;
}

#logoliven {
  position: relative;
  z-index: 10;
  transform-origin: center center;
  display: block;
  margin-top: -45%;
  opacity: 1;
}

.smenu li a{
    color: #000;
}

#inicio {
  height: 100vh; /* no min-height */
  overflow: hidden;
  position: relative;
  opacity: 0;
  z-index: 100;
  top: 0;
  background-position: left;
}

#inicio > .wrapper {
  position: sticky;
  top: 0;
}


.z-100{
    z-index: 100;
}

#introduccion {
  position: relative;
  z-index: 1;
}

.reveal-item {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}
  
.reveal-item.active{
    transform: translateY(0);
    opacity: 1;
}

.area-item{
    display: block;
    position: absolute;
}


.ame-12{
    top: 5%;
    width: 73%;
    margin-left: 11%;
    z-index: 10;
}

.ame-4{
    top: 67%;
    width: 75%;
    margin-left: 10%;
    z-index: 10;
}

.ame-3{
    top: 76%;
    width: 75%;
    margin-left: 10%;
    z-index: 10;
}

.ame-132{
    top: 15%;
    width: 72%;
    margin-left: 10%;
    z-index: 10;
}

.iso-e {
  position: absolute;
  z-index: 200;
  width: 25%;
  top: 10%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.ww-34{
    width: 7%;
}

.tx-esp2{
    letter-spacing: 2px;
}

.btn-ag1 {
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
}

.btn-ag1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0%;
  height: 100%;
  background: #955e31;
  border-radius: 0%;
  transform: translate(-50%, -50%);
  transition: width 0.4s ease, height 0.4s ease;
  z-index: 0;
}

.btn-ag1:hover::before {
  width: 100%;
  height: 250%;
}

.btn-ag1:hover {
  color: #fff!important;
}

.btn-ag1 span {
  position: relative;
  z-index: 1;
}

.btn-ag2:hover{
    background: #fff;
    color: #955e31;
    border: 1px solid #fff;
    transition: all 0.2s ease;
    
}

.btn-ag4:hover span {
  animation: softBounce 0.35s ease;
}

.btn-ag3:hover img {
  animation: softBounce 0.35s ease;
}

@keyframes softBounce {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}


.mrg-esp-sc{
        margin-top: 4%;
}

.da-12{
    margin-bottom: 25%;
}

.da-132{
    margin-bottom: 35%;
}

.da-4{
    margin-bottom: 5%;
}

.da-3{
    margin-bottom: 0%;
}


#edificio{
    opacity: 0;
}

#interesbox{
    display: block;
}

.txt-msg{
    color: yellow;
}


/********************************************************************************************************************/
/************************************************** RESPONSIVE ******************************************************/
/********************************************************************************************************************/
@media all and (max-width: 1366px)
{
.mrg-esp-sc{
        margin-top: 6%;
}

}
/*****************************************/

@media all and (max-width: 1024px)
{
.mrg-esp-sc{
        margin-top: 8%;
}
.da-12{
    margin-bottom: 10%;
}

.da-132{
    margin-bottom: 10%;
}

.da-4{
    margin-bottom: 10%;
}

.da-3{
    margin-bottom: 10%;
}
#mobileMenu{
    z-index: 1000;
}
#overlay{
    z-index: 1000;
}
#menuBtn{
    z-index: 1000;
}

}
/*****************************************/

@media all and (max-width: 736px)
{
.mrg-esp-sc{
        margin-top: 10%;
}
header {
    background: transparent;
}

}

/*****************************************/
@media all and (max-width: 736px)
{
.logo-foo-34 {
    width: 100%;
}

.iso-e {
  top: 25%;
}

#logoliven {
    display: none;
}

.da-12{
    margin-bottom: 10%;
}

.da-132{
    margin-bottom: 10%;
}

.da-4{
    margin-bottom: 10%;
}

.da-3{
    margin-bottom: 0%;
}

/*****************************************/

@media all and (max-width: 430px)
{
.mrg-esp-sc{
        margin-top: 16%;
}

#inicio{
    background-position: 20% 20%!important;
    background-size: 100%!important;
}



}