@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');
.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  
  .whatsapp-icon {
    margin-top:13px;
  }

.tb_see_more_btn_wrap{
    display: none !important;
}
.taggbox{
    margin-top: 50px;
    margin-bottom: 200px;
}

  
.ti-widget-container{
    padding-bottom: 200px;
    z-index: 110;
}
.ti-rating-text{
    z-index: 11000 !important;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}
  
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(192, 190, 190);
}

.mf-cursor.-text:before {
    opacity: .85;
    transform: scale(2.7);
}
.mf-cursor.-exclusion:before {
    transform: scale(1.7);
}
a{
    text-decoration: none;
    color: unset;
}

/*Header*/
header{
    height: 120px;
}
/*Nav principal*/
#logo{
    position: fixed;
    width: 195px;
    height: auto;

    margin-left: calc(50% - 302px/2 - 729px);

    z-index: 11;
}
#divnav{
    position: fixed;
    z-index: 11;
    margin-top: 50px;
    margin-left: calc(50% - 1193px/2 + 770px);

    width: 590px;
    height: 52px;
    border-radius: 50px;

    background-color: white;
}
#navuno{
    position: fixed;
    z-index: 11;
    margin-left: calc(50% - 1109px/2 + 770px);
    margin-top: 63px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 20px;
    
    color: #000000;

    cursor: pointer;
}
#navdos{
    position: fixed;
    z-index: 11;
    margin-left: calc(50% - 803px/2 + 770px);
    margin-top: 63px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 20px;
    
    color: #000000;

    cursor: pointer;
}
#navtres{
    position: fixed;
    z-index: 11;
    margin-left: calc(50% - 625px/2 + 770px);
    margin-top: 63px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 20px;
    
    color: #000000;

    cursor: pointer;
}
#navcuatro{
    position: fixed;
    z-index: 11;
    margin-left: calc(50% - 410px/2 + 770px);
    margin-top: 63px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 20px;
    
    color: #000000;

    cursor: pointer;
}
#navcinco{
    position: fixed;
    z-index: 11;
    margin-left: calc(50% - 265px/2 + 770px);
    margin-top: 63px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 20px;
    
    color: #000000;

    cursor: pointer;
}
.navs:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.navs:focus,
.navs:hover {
    color: black;
    text-decoration: none;
}
.navs:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
/*Menú*/
.menu-open{
    color: white;
    background-color: black;
    font-weight: 500;

    position: fixed;
    z-index: 11;
    margin-top: 50px;
    margin-left: calc(50% - -34px/2 + 770px);
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;

    font-size: 18px;
    cursor: pointer;
}
.menu-close{
    color: black;
    font-weight: 500;

    position: absolute;
    margin-top: 50px;
    margin-left: calc(50% - -34px/2 + 770px);
    padding: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 21px;
    cursor: pointer;
}
.socials {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 40px 100px;
}
.socials span {
    text-transform: uppercase;
    margin: 0 20px;
    letter-spacing: 0px;
}
.nav-container {
    position: fixed;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 1000;
}
.menu__item {
    position: relative;
    padding: 0 6vw;
}
.menu__item-link {
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: opacity 0.4s;
}
.menu {
    padding: 8vh 0 25vh;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
    font-size: 6.5vw;
}

/*Main*/
body {
	background: #EFEFEF;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    font-family: Work Sans;
    overflow-x: hidden;

    height: fit-content;
    overflow: overlay;
    scroll-behavior: smooth;
}

#pelotaverde{
    position: fixed;
    height: 289px;
    left: calc(50% - 989px/2 - 317.5px);
    top: 15vh;
    
    background: #A7D0D2;
    filter: blur(35px);
    border-radius: 200px;
    z-index: -1;
}
#pelotaazul{
    position: fixed;
    height: 289px;
    left: calc(50% - 289px/2 - 406.5px);
    top: 70vh;
    
    background: #4868FF;
    filter: blur(35px);
    border-radius: 200px;
    z-index: -1;
}
#pelotaroja{
    position: fixed;
    height: 289px;
    left: calc(50% - 89px/2 + 336.5px);
    top: 20vh;
    
    background: #FFD6D6;
    filter: blur(35px);
    border-radius: 200px;
    z-index: -1;
}
#pelotaamarilla{
    position: fixed;
    height: 435px;
    left: calc(50% - 589px/2 + 157.5px);
    top: 50vh;
    
    background: #F6D179;
    filter: blur(35px);
    border-radius: 200px;
    z-index: -1;
}
#pelotamorada{
    position: fixed;
    height: 289px;
    left: calc(50% - 289px/2 + 739.5px);
    top: 60vh;
    
    background: #D3B8C9;
    filter: blur(35px);
    border-radius: 200px;
    z-index: -1;
}

/*Seccion uno*/
#seccionuno{
    width: 100%;
    height: 1100px;
}

#divinvitaciones{
    position: absolute;
    width: 607px;
    height: 214px;
    left: calc(50% - 607px/2 - 565.5px);
    margin-top: 115px;
    
    background: #F8F8F8;
    border-radius: 15px;

    padding-left: 35px;

    cursor: pointer;
}
#divinvitaciones h2{
    position: absolute;
    font-weight: 500;
    font-size: 48px;
    margin-top: 15px;
    height: 10px;
}
#divinvitaciones h3{
    position: absolute;
    font-weight: 500;
    font-size: 26px;
    margin-top: 75px;
    font-variant: small-caps;
}
#imginvitaciones{
    position: absolute;
    margin-top: 135px;
}
#iconoinvitaciones{
    position: absolute;
    margin-top: 115px;
    margin-left: 505px;
}

#divmasservicios{
    position: absolute;
    width: 607px;
    height: 476px;
    left: calc(50% - 607px/2 - 565.5px);
    margin-top: 350px;
    
    background: #F8F8F8;
    border-radius: 15px;

    padding-left: 35px;

    cursor: pointer;
}
#divmasservicios h2{
    position: absolute;
    font-weight: 500;
    font-size: 48px;
    margin-top: 335px;
    height: 10px;
}
#divmasservicios h3{
    position: absolute;
    font-weight: 500;
    font-size: 26px;
    margin-top: 395px;
    font-variant: small-caps;
}
#imgmasservicios{
    position: absolute;
    margin-top: 35px;
    margin-left: 155px;
}
#iconomasservicios{
    position: absolute;
    margin-top: 350px;
    margin-left: 505px;
}

#videointro{
    position: absolute;
    left: calc(50% - 393px/2 - 3.5px);
    margin-top: 115px;
    
    width: 400px;
    height: auto;

    border-radius: 15px;

    cursor: pointer;
}

#divreservas{
    position: absolute;
    width: 607px;
    height: 476px;
    left: calc(50% - 663px/2 + 558.5px);
    margin-top: 115px;
    
    background: #F8F8F8;
    border-radius: 15px;

    padding-left: 35px;

    cursor: pointer;
}
#divreservas h2{
    position: absolute;
    font-weight: 500;
    font-size: 48px;
    margin-top: 335px;
    height: 10px;
}
#divreservas h3{
    position: absolute;
    font-weight: 500;
    font-size: 26px;
    margin-top: 395px;
    font-variant: small-caps;
}
#imgreservas{
    position: absolute;
    margin-top: 35px;
    margin-left: 155px;
}
#iconoreservas{
    position: absolute;
    margin-top: 350px;
    margin-left: 505px;
}

#divcontacto{
    position: absolute;
    width: 607px;
    height: 214px;
    left: calc(50% - 663px/2 + 558.5px);
    margin-top: 612px;
    
    background: #F8F8F8;
    border-radius: 15px;

    padding-left: 35px;

    cursor: pointer;
}
#divcontacto h2{
    position: absolute;
    font-weight: 500;
    font-size: 48px;
    margin-top: 15px;
    height: 10px;
}
#iconocontacto{
    position: absolute;
    margin-top: 115px;
    margin-left: 505px;
}
#E{
    position: absolute;
    margin-top: 100px;
    font-weight: 500;
    font-size: 32px;
}
#spancorreo{
    position: absolute;
    margin-top: 107px;
    margin-left: 50px;
    font-size: 20px;
}
#T{
    position: absolute;
    margin-top: 145px;
    font-weight: 500;
    font-size: 32px;
}
#spantelefono{
    position: absolute;
    margin-top: 152px;
    margin-left: 50px;
    font-size: 20px;
}

#flechadescubrenos{
    position: absolute;
    width: 90px;
    height: 90px;
    margin-left: calc(50% - 302px/2 - 729px);
    margin-top: 1000px;

    cursor: pointer;
}
#spandescubrenos{
    position: absolute;
    margin-left: calc(50% - 72px/2 - 729px);
    margin-top: 1030px;
    
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    
    color: #000000;

    cursor: pointer;
}

/*Seccion dos*/
#secciondos{
    width: 100%;
    height: 1100px;
}
#h2cumples{
    opacity: 0;

    position: absolute;
    width: auto;
    left: calc(50% - 809px/2 - 461.5px);
    margin-top: 135px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 64px;
    
    color: #000000;
}
#h3atracciones{
    opacity: 0;

    position: absolute;
    left: calc(50% - 408px/2 - 662px);
    margin-top: 350px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 27px;
    
    color: #000000;
}
#patracciones{
    opacity: 0;

    position: absolute;
    left: calc(50% - 515px/2 - 608.5px);
    margin-top: 405px;
    
    font-weight: 400;
    font-size: 19px;

    width: 515px;
    line-height: 40px;
    
    color: #000000;
}
#h3espacios{
    opacity: 0;

    position: absolute;
    left: calc(50% - 292px/2 - 136px);
    margin-top: 350px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 27px;
    
    color: #000000;
}
#pespacios{
    opacity: 0;

    position: absolute;
    left: calc(50% - 515px/2 - 24.5px);
    margin-top: 405px;
    
    font-weight: 400;
    font-size: 19px;

    width: 515px;
    line-height: 40px;
    
    color: #000000;
}
#globoazul{
    position: absolute;
    width: 400px;
    height: auto;

    left: calc(50% - 500px/2 + 402.76px);
    margin-top: 0px;
}
#globorosa{
    position: absolute;
    width: 550px;
    height: auto;

    right: 0px;
    margin-top: 600px;
}
#divflechamas{
    position: absolute;
    width: 100px;
    height: 100px;
    left: calc(50% - 581px/2 + 753.5px);
    margin-top: 900px;
    
    background: #000000;
    border-radius: 60px;

    cursor: pointer;
}
#divflechaimg{
    width: 30px;
    height: auto;

    margin-left: 35px;
    margin-top: 37px;
}
#spandesplegable{
    position: absolute;
    color: white;
    white-space: nowrap;

    margin-top: 34px;
    margin-left: 25px;

    font-size: 20px;

    opacity: 0;
}

/*Seccion tres*/
#secciontres{
    width: 100%;
    height: 1100px;
}
#primeralinea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;

    left: calc(50% - 1710px/2 - 11px);
    margin-top: 20px;
}
#subuno{
    position: absolute;
    left: calc(50% - 501px/2 - 615.5px);
    margin-top: 40px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    font-variant: small-caps;
    
    color: #000000;
}
#tituno{
    cursor: pointer;
    position: absolute;
    width: 1527px;
    left: calc(50% - 1527px/2 - 109.5px);
    margin-top: 60px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 96px;
    
    font-variant: small-caps;
    
    color: #000000;
}
#tituno{
    width: 70%;
    height: 170px;
    position: absolute;
    overflow: hidden;
}
#tituno span{
    position: absolute;
    line-height: auto;
}
.spanefecto{
    position: absolute;
    line-height: auto;
}
#titdos{
    width: 70%;
    height: 170px;
    position: absolute;
    overflow: hidden;
}
#titdos span{
    position: absolute;
    line-height: auto;
}
#tittres{
    width: 70%;
    height: 170px;
    position: absolute;
    overflow: hidden;
}
#tittres span{
    position: absolute;
    line-height: auto;
}
#titcuatro{
    width: 70%;
    height: 170px;
    position: absolute;
    overflow: hidden;
}
#titcuatro span{
    position: absolute;
    line-height: auto;
}
#h3funciona{
    width: 70%;
    height: 170px;
    position: absolute;
    overflow: hidden;
}
#h3funciona span{
    position: absolute;
    line-height: auto;
}
#arrowauxuno{
    position: absolute;

    left: calc(50% - -31px/2 + 753.5px);
    margin-top: 115px;

    width: 70px;
    height: auto;

    opacity: 0;
}
#arrowauxdos{
    position: absolute;

    left: calc(50% - -31px/2 + 753.5px);
    margin-top: 375px;

    width: 70px;
    height: auto;

    opacity: 0;
}
#arrowauxtres{
    position: absolute;

    left: calc(50% - -31px/2 + 753.5px);
    margin-top: 635px;

    width: 70px;
    height: auto;

    opacity: 0;
}
#arrowauxcuatro{
    position: absolute;

    left: calc(50% - -31px/2 + 753.5px);
    margin-top: 895px;

    width: 70px;
    height: auto;

    opacity: 0;
}
#segundalinea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    left: calc(50% - 1710px/2 - 11px);
    margin-top: 280px;
}
#subdos{
    position: absolute;
    left: calc(50% - 501px/2 - 615.5px);
    margin-top: 300px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    font-variant: small-caps;
    
    color: #000000;
}
#titdos{
    cursor: pointer;
    position: absolute;
    width: 1527px;
    left: calc(50% - 1527px/2 - 109.5px);
    margin-top: 320px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 96px;
    
    font-variant: small-caps;
    
    color: #000000;
}
#terceralinea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    left: calc(50% - 1710px/2 - 11px);
    margin-top: 540px;
}
#subtres{
    position: absolute;
    left: calc(50% - 501px/2 - 615.5px);
    margin-top: 560px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    font-variant: small-caps;
    
    color: #000000;
}
#tittres{
    cursor: pointer;
    position: absolute;
    width: 1527px;
    left: calc(50% - 1527px/2 - 109.5px);
    margin-top: 580px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 96px;
    
    font-variant: small-caps;
    
    color: #000000;
}
#cuartalinea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    left: calc(50% - 1710px/2 - 11px);
    margin-top: 800px;
}
#subcuatro{
    position: absolute;
    left: calc(50% - 501px/2 - 615.5px);
    margin-top: 820px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    font-variant: small-caps;
    
    color: #000000;
}
#titcuatro{
    cursor: pointer;
    position: absolute;
    width: 1527px;
    left: calc(50% - 1527px/2 - 109.5px);
    margin-top: 840px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 96px;
    
    font-variant: small-caps;
    
    color: #000000;
}
#quintalinea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    left: calc(50% - 1710px/2 - 11px);
    margin-top: 1060px;
}

/*Seccion cuatro*/
#seccioncuatro{
    width: 100%;
    height: 2200px;
}
#h3funciona{
    position: absolute;
    left: calc(50% - 710px/2 - 511px);
    margin-top: 120px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 84px;
    
    color: #000000;
}
#pfunciona{
    position: absolute;
    width: 1000px;
    height: 64px;
    left: calc(50% - 1124px/2 - 304px);
    margin-top: 250px;
    
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    
    color: #000000;

    opacity: 0;
}
#s4-reservas{
    position: absolute;
    width: 437px;
    height: 579px;
    left: calc(50% - 437px/2 - 647.5px);
    margin-top: 425px;
    
    background: #FFFFFF;
    border-radius: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}
#s4-imgreservas{
    position: absolute;
    width: 250px;
    height: auto;
}
#s4-circulouno{
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: -490px;
    margin-left: 350px;
    
    background: #DBF4FD;
    border-radius: 50px;
}
#s4-reservasaux{
    position: absolute;
    width: 387px;
    height: 579px;

    left: calc(50% - -487px/2 - 647.5px);
    margin-top: 425px;
    margin-left: 20px;
}
#s4-entregaaux{
    position: absolute;
    width: 387px;
    height: 579px;

    left: calc(50% - 321px/2 + 629px);
    margin-top: 425px;
    margin-left: 20px;
}
#s4-recogidaaux{
    position: absolute;
    width: 387px;
    height: 579px;

    left: calc(50% - -487px/2 - 647.5px);
    margin-top: 1225px;
    margin-left: 20px;
}
#s4-senalaux{
    position: absolute;
    width: 387px;
    height: 579px;

    left: calc(50% - 321px/2 + 629px);
    margin-top: 1225px;
    margin-left: 20px;
}
#s4-aux-h2{
    position: absolute;
    width: 301px;
    margin-top: 5px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 45px;
    
    color: #000000;
}
#s4-aux-lin1{
    position: absolute;
    width: 0px;
    height: 2px;
    background-color: black;
    
    margin-top: 115px;
}
#s4-aux-h31{
    position: absolute;
    width: 301px;
    margin-top: 145px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    
    color: #000000;
}
#s4-aux-lin2{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    margin-top: 225px;
}
#s4-aux-h32{
    position: absolute;
    width: 301px;
    margin-top: 255px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    
    color: #000000;
}
#s4-aux-lin3{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    margin-top: 335px;
}
#s4-aux-p{
    position: absolute;
    width: 301px;
    margin-top: 365px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    
    color: #000000;
}
#s4-aux-num{
    position: absolute;
    width: 301px;
    margin-top: 425px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 155px;
    
    color: #000000;
}
#s4-entrega{
    position: absolute;
    width: 437px;
    height: 579px;
    left: calc(50% - 437px/2 + 224.5px);
    margin-top: 425px;
    
    background: #FFFFFF;
    border-radius: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}
#s4-imgentrega{
    position: absolute;
    width: 250px;
    height: auto;

    margin-left: 15px;
}
#s4-circulodos{
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: -490px;
    margin-left: 350px;
    
    background: #F6D179;
    border-radius: 50px;
}
#s4-linea{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: black;
    
    left: calc(50% - 1710px/2 - 11px);
    margin-top: 1114px;
}
#s4-recogida{
    position: absolute;
    width: 437px;
    height: 579px;
    left: calc(50% - 437px/2 - 647.5px);
    margin-top: 1225px;
    
    background: #FFFFFF;
    border-radius: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}
#s4-imgrecogida{
    position: absolute;
    width: 250px;
    height: auto;

    margin-left: -30px;
    margin-top: 30px;
}
#s4-circulotres{
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: -490px;
    margin-left: 350px;
    
    background: #A7D0D2;
    border-radius: 50px;
}
#s4-senal{
    position: absolute;
    width: 437px;
    height: 579px;
    left: calc(50% - 437px/2 + 224.5px);
    margin-top: 1225px;
    
    background: #FFFFFF;
    border-radius: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}
#s4-imgsenal{
    position: absolute;
    width: 250px;
    height: auto;

    margin-left: 5px;
}
#s4-circulocuatro{
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: -490px;
    margin-left: 350px;
    
    background: #FFD6D6;
    border-radius: 50px;
}
#divflechamas2{
    position: absolute;
    width: 100px;
    height: 100px;
    left: calc(50% - 581px/2 + 753.5px);
    margin-top: 1950px;
    
    background: #000000;
    border-radius: 60px;

    cursor: pointer;
}
#divflechaimg{
    width: 30px;
    height: auto;

    margin-left: 35px;
    margin-top: 37px;
}
#spandesplegable2{
    position: absolute;
    color: white;
    white-space: nowrap;

    margin-top: 34px;
    margin-left: 25px;

    font-size: 20px;

    opacity: 0;
}

/*Footer*/
footer{
    position: relative;
    width: 100%;
    height: 800px;
    left: 0px;
    
    background: #FFFFFF;
    border-radius: 50px 50px 0px 0px;
}
#hoverfooter{
    cursor: pointer;
}
#h3hablamos{
    position: absolute;
    left: calc(50% - 571px/2 - 544.5px);
    margin-top: 100px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 96px;

    color: #000000;
}
#span24h{
    position: absolute;
    left: calc(50% - 531px/2 - 544.5px);
    margin-top: 230px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 28px;
    
    color: #000000;
}
#arrowfooter{
    position: absolute;
    width: 113px;
    height: auto;
    left: calc(50% - 531px/2 - 544.5px);
    margin-top: 320px;
}
#instagramfooter{
    position: absolute;
    width: 40px;
    height: auto;

    left: calc(50% - 45.83px/2 + 117.92px);
    margin-top: 230px;
}
#twitterfooter{
    position: absolute;
    width: 42px;
    height: auto;

    left: calc(50% - 47.3px/2 + 232.52px);
    margin-top: 233px;
}
#facebookfooter{
    position: absolute;
    width: 18.5px;
    height: auto;

    left: calc(50% - 19.45px/2 + 345.92px);
    margin-top: 232px;
}
#h2haztupartyfooter{
    position: absolute;
    left: calc(50% - 298px/2 + 240px);
    margin-top: 400px;
    
    font-family: 'Work Sans';
    font-weight: 500;
    font-size: 45px;
}
#callefooter{
    position: absolute;
    width: 300px;
    left: calc(50% - 300px/2 + 242px);
    margin-top: 480px;
    
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    
    color: #000000;
}
#letracorreofooter{
    position: absolute;
    left: calc(50% - 21px/2 + 527.5px);
    margin-top: 475px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 32px;
    
    color: #000000;
}
#correofooter{
    position: absolute;
    left: calc(50% - 280px/2 + 706px);
    margin-top: 480px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 23px;
    
    color: #000000;
}
#letratelefonofooter{
    position: absolute;
    left: calc(50% - 16px/2 + 527.5px);
    margin-top: 525px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 32px;
    
    color: #000000;
}
#telefonofooter{
    position: absolute;
    left: calc(50% - 280px/2 + 706px);
    margin-top: 531px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 23px;
    
    color: #000000;
}
#politicafooter{
    position: absolute;
    left: calc(50% - 290px/2 + 236.5px);
    margin-top: 650px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    
    color: #000000;

    cursor: pointer;
}
#terminosfooter{
    position: absolute;
    left: calc(50% - 309px/2 + 582.5px);
    margin-top: 650px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 24px;
    
    color: #000000;
    
    cursor: pointer;
}
#colabfooter{
    position: absolute;
    left: calc(50% - 482px/2 + 332px);
    margin-top: 700px;
    
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 22px;
    
    color: #000000;
}

/*Efectos footer*/
#politicafooter:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
#politicafooter:focus,
#politicafooter:hover {
    color: black;
    text-decoration: none;
}
#politicafooter:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#terminosfooter:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
#terminosfooter:focus,
#terminosfooter:hover {
    color: black;
    text-decoration: none;
}
#terminosfooter:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

/*Efectos menu*/
.menu__item-link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.menu__item-link:focus,
.menu__item-link:hover {
    color: black;
    text-decoration: none;
}
.menu__item-link:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}


/*Medias*/
@media (max-width: 1900px){
    /*Main*/
    #pelotaverde{
        position: fixed;
        height: 15.21vw;
        left: calc(50% - 52.052vw/2 - 16.71vw);
        top: 15vh;
        
        background: #A7D0D2;
        filter: blur(1.842vw);
        border-radius: 10.526vw;
    }
    #pelotaazul{
        position: fixed;
        height: 15.21vw;
        left: calc(50% - 15.21vw/2 - 21.394vw);
        top: 70vh;
        
        background: #4868FF;
        filter: blur(1.842vw);
        border-radius: 10.526vw;
    }
    #pelotaroja{
        position: fixed;
        height: 15.21vw;
        left: calc(50% - 15.21vw/2 + 17.71vw);
        top: 20vh;
        
        background: #FFD6D6;
        filter: blur(1.842vw);
        border-radius: 10.526vw;
    }
    #pelotaamarilla{
        position: fixed;
        height: 15.21vw;
        left: calc(50% - 589px/2 + 8.289vw);
        top: 50vh;
        
        background: #F6D179;
        filter: blur(1.842vw);
        border-radius: 10.526vw;
    }
    #pelotamorada{
        position: fixed;
        height: 15.21vw;
        left: calc(50% - 15.21vw/2 + 38.921vw);
        top: 60vh;
        
        background: #D3B8C9;
        filter: blur(1.842vw);
        border-radius: 10.526vw;
    }

    /*Header*/
    header{
        height: 120px;
    }
    /*Nav principal*/
    #logo{
        position: fixed;
        width: 195px;
        height: auto;
    
        margin-left: 50px;
    
        z-index: 11;
    }
    #divnav{
        position: fixed;
        z-index: 11;
        margin-top: 50px;
        margin-left: 0;
        right:  165px;
    
        width: 572px;
        height: 52px;
        border-radius: 50px;
    
        background-color: white;
    }
    #navuno{
        position: fixed;
        z-index: 11;
        margin-top: 63px;
        margin-left: 0;
        right:  575px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 20px;
        
        color: #000000;
    
        cursor: pointer;
    }
    #navdos{
        position: fixed;
        z-index: 11;
        margin-top: 63px;
        margin-left: 0;
        right:  489px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 20px;
        
        color: #000000;
    
        cursor: pointer;
    }
    #navtres{
        position: fixed;
        z-index: 11;
        margin-top: 63px;
        margin-left: 0;
        right:  382px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 20px;
        
        color: #000000;
    
        cursor: pointer;
    }
    #navcuatro{
        position: fixed;
        z-index: 11;
        margin-left: 0;
        right:  307px;
        margin-top: 63px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 20px;
        
        color: #000000;
    
        cursor: pointer;
    }
    #navcinco{
        position: fixed;
        z-index: 11;
        margin-left: 0;
        right:  195px;
        margin-top: 63px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 20px;
        
        color: #000000;
    
        cursor: pointer;
    }

    /*Menú*/
    .menu-open{
        color: white;
        background-color: black;
        font-weight: 500;
    
        position: fixed;
        z-index: 11;
        margin-top: 50px;
        margin-left: 0;
        right:  50px;

        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 50px;
    
        font-size: 18px;
        cursor: pointer;
    }
    .menu-close{
        color: black;
        font-weight: 500;
    
        position: absolute;
        margin-top: 30px;
        margin-left: 0;
        right:  50px;
        padding: 20px;
        font-size: 21px;
        cursor: pointer;
    }

    /*Seccion uno*/
    #seccionuno{
        width: 100%;
        height: 57.894vw;
    }
    
    #divinvitaciones{
        position: absolute;
        width: 31.947vw;
        height: 11.263vw;
        left: calc(50% - 31.947vw/2 - 29.763vw);
        margin-top: 6.052vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divinvitaciones h2{
        position: absolute;
        font-weight: 500;
        font-size: 2.526vw;
        margin-top: 0.789vw;
        height: 0.526vw;
    }
    #divinvitaciones h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.368vw;
        margin-top: 3.947vw;
        font-variant: small-caps;
    }
    #imginvitaciones{
        position: absolute;
        margin-top: 7.105vw;

        width: 18.052vw;
        height: auto;
    }
    #iconoinvitaciones{
        position: absolute;
        margin-top: 6.052vw;
        margin-left: 26.578vw;

        width: 3.473vw;
        height: auto;
    }
    
    #divmasservicios{
        position: absolute;
        width: 31.947vw;
        height: 25.052vw;
        left: calc(50% - 31.947vw/2 - 29.763vw);
        margin-top: 18.421vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divmasservicios h2{
        position: absolute;
        font-weight: 500;
        font-size: 2.526vw;
        margin-top: 17.631vw;
        height: 0.526vw;
    }
    #divmasservicios h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.368vw;
        margin-top: 20.789vw;
        font-variant: small-caps;
    }
    #imgmasservicios{
        position: absolute;
        margin-top: 1.842vw;
        margin-left: 8.157vw;

        width: 13.947vw;
        height: auto;
    }
    #iconomasservicios{
        position: absolute;
        margin-top: 18.421vw;
        margin-left: 26.578vw;

        width: 3.473vw;
        height: auto;
    }
    
    #videointro{
        position: absolute;
        left: calc(50% - 20.684vw/2 - 0.184vw);
        margin-top: 6.052vw;
        
        width: 21.052vw;
        height: auto;
    
        border-radius: 0.789vw;
    
        cursor: pointer;
    }
    
    #divreservas{
        position: absolute;
        width: 31.947vw;
        height: 25.052vw;
        left: calc(50% - 34.894vw/2 + 29.394vw);
        margin-top: 6.052vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divreservas h2{
        position: absolute;
        font-weight: 500;
        font-size: 2.526vw;
        margin-top: 17.631vw;
        height: 0.526vw;
    }
    #divreservas h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.368vw;
        margin-top: 20.789vw;
        font-variant: small-caps;
    }
    #imgreservas{
        position: absolute;
        margin-top: 1.842vw;
        margin-left: 8.157vw;

        width: 14.736vw;
        height: auto;
    }
    #iconoreservas{
        position: absolute;
        margin-top: 18.421vw;
        margin-left: 26.578vw;

        width: 3.473vw;
        height: auto;
    }
    
    #divcontacto{
        position: absolute;
        width: 31.947vw;
        height: 11.263vw;
        left: calc(50% - 34.894vw/2 + 29.394vw);
        margin-top: 32.21vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divcontacto h2{
        position: absolute;
        font-weight: 500;
        font-size: 2.526vw;
        margin-top: 0.789vw;
        height: 0.526vw;
    }
    #iconocontacto{
        position: absolute;
        margin-top: 6.052vw;
        margin-left: 26.578vw;

        width: 3.473vw;
        height: auto;
    }
    #E{
        position: absolute;
        margin-top: 5.263vw;
        font-weight: 500;
        font-size: 1.684vw;
    }
    #spancorreo{
        position: absolute;
        margin-top: 5.631vw;
        margin-left: 2.631vw;
        font-size: 1.052vw;
    }
    #T{
        position: absolute;
        margin-top: 7.631vw;
        font-weight: 500;
        font-size: 1.684vw;
    }
    #spantelefono{
        position: absolute;
        margin-top: 8vw;
        margin-left: 2.631vw;
        font-size: 1.052vw;
    }
    
    #flechadescubrenos{
        position: absolute;
        width: 4.736vw;
        height: 4.736vw;
        margin-left: calc(50% - 15.894vw/2 - 38.368vw);
        margin-top: 52.631vw;
    
        cursor: pointer;
    }
    #spandescubrenos{
        position: absolute;
        margin-left: calc(50% - 3.789vw/2 - 38.368vw);
        margin-top: 54.21vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 1.315vw;
        line-height: 1.526vw;
        
        color: #000000;
    
        cursor: pointer;
    }
    
    /*Seccion dos*/
    #secciondos{
        width: 100%;
        height: 57.894vw;
    }
    #h2cumples{
        opacity: 0;
    
        position: absolute;
        width: auto;
        left: calc(50% - 42.578vw/2 - 24.289vw);
        margin-top: 7.105vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 3.368vw;
        
        color: #000000;
    }
    #h3atracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 21.473vw/2 - 34.842vw);
        margin-top: 18.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: clamp(18px,1.421vw,1.421vw);
        
        color: #000000;
    }
    #patracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 27.105vw/2 - 32.026vw);
        margin-top: 21.315vw;
        
        font-weight: 400;
        font-size: clamp(14px,1vw,1vw);
    
        width: 27.105vw;
        line-height: 2.105vw;
        
        color: #000000;
    }
    #h3espacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 15.368vw/2 - 7.157vw);
        margin-top: 18.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: clamp(18px,1.421vw,1.421vw);
        
        color: #000000;
    }
    #pespacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 27.105vw/2 - 1.289vw);
        margin-top: 21.315vw;
        
        font-weight: 400;
        font-size: clamp(14px,1vw,1vw);
    
        width: 27.105vw;
        line-height: 2.105vw;
        
        color: #000000;
    }
    #globoazul{
        position: absolute;
        width: 21.052vw;
        height: auto;
    
        left: calc(50% - 26.315vw/2 + 21.197vw);
        margin-top: 0px;
    }
    #globorosa{
        position: absolute;
        width: 28.947vw;
        height: auto;
    
        right: 0px;
        margin-top: 31.578vw;
    }
    #divflechamas{
        position: absolute;
        width: 5.263vw;
        height: 5.263vw;
        left: calc(50% - 30.578vw/2 + 39.657vw);
        margin-top: 47.368vw;
        
        background: #000000;
        border-radius: 3.157vw;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 1.578vw;
        height: auto;
    
        margin-left: 1.842vw;
        margin-top: 1.947vw;
    }
    #spandesplegable{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 1.789vw;
        margin-left: 1.315vw;
    
        font-size: 1.052vw;
    
        opacity: 0;
    }

    /*Seccion tres*/
    #secciontres{
        width: 100%;
        height: 57.894vw;
    }
    #primeralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
    
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 1.052vw;
    }
    #subuno{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 2.105vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 3.157vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 5.052vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        width: 70%;
        height: 8.947vw;
        position: absolute;
        overflow: hidden;
    }
    #tituno span{
        position: absolute;
        line-height: auto;
    }
    #titdos{
        width: 70%;
        height: 8.947vw;
        position: absolute;
        overflow: hidden;
    }
    #titdos span{
        position: absolute;
        line-height: auto;
    }
    #tittres{
        width: 70%;
        height: 8.947vw;
        position: absolute;
        overflow: hidden;
    }
    #tittres span{
        position: absolute;
        line-height: auto;
    }
    #titcuatro{
        width: 70%;
        height: 8.947vw;
        position: absolute;
        overflow: hidden;
    }
    #titcuatro span{
        position: absolute;
        line-height: auto;
    }
    #h3funciona{
        width: 70%;
        height: 8.947vw;
        position: absolute;
        overflow: hidden;
    }
    #arrowauxuno{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 6.052vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxdos{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 19.736vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxtres{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 33.421vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxcuatro{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 47.105vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #segundalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 14.736vw;
    }
    #subdos{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 15.789vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titdos{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 16.842vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 5.052vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #terceralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 28.421vw;
    }
    #subtres{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 29.473vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tittres{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 30.526vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 5.052vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #cuartalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 42.105vw;
    }
    #subcuatro{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 43.157vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titcuatro{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 44.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 5.052vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #quintalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 55.789vw;
    }

    /*Seccion cuatro*/
    #seccioncuatro{
        width: 100%;
        height: 115.789vw;
    }
    #h3funciona{
        position: absolute;
        left: calc(50% - 37.368vw/2 - 26.894vw);
        margin-top: 6.315vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 4.421vw;
        
        color: #000000;
    }
    #pfunciona{
        position: absolute;
        width: 52.631vw;
        height: 3.368vw;
        left: calc(50% - 59.157vw/2 - 16vw);
        margin-top: 13.157vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 1.263vw;
        line-height: 1.684vw;
        
        color: #000000;
    
        opacity: 0;
    }
    #s4-reservas{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 - 34.078vw);
        margin-top: 22.368vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgreservas{
        position: absolute;
        width: 13.157vw;
        height: auto;
    }
    #s4-circulouno{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #DBF4FD;
        border-radius: 2.631vw;
    }
    #s4-reservasaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - -25.631vw/2 - 34.078vw);
        margin-top: 22.368vw;
        margin-left: 1.052vw;
    }
    #s4-entregaaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - 16.894vw/2 + 33.105vw);
        margin-top: 22.368vw;
        margin-left: 1.052vw;
    }
    #s4-recogidaaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - -25.631vw/2 - 34.078vw);
        margin-top: 64.473vw;
        margin-left: 1.052vw;
    }
    #s4-senalaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - 16.894vw/2 + 33.105vw);
        margin-top: 64.473vw;
        margin-left: 1.052vw;
    }
    #s4-aux-h2{
        position: absolute;
        width: 15.842vw;
        margin-top: 0.263vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.368vw;
        
        color: #000000;
    }
    #s4-aux-lin1{
        position: absolute;
        width: 0px;
        height: 2px;
        background-color: black;
        
        margin-top: 6.052vw;
    }
    #s4-aux-h31{
        position: absolute;
        width: 15.842vw;
        margin-top: 7.631vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 1.315vw;
        line-height: 1.684vw;
        
        color: #000000;
    }
    #s4-aux-lin2{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 11.842vw;
    }
    #s4-aux-h32{
        position: absolute;
        width: 15.842vw;
        margin-top: 13.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 1.315vw;
        line-height: 1.684vw;
        
        color: #000000;
    }
    #s4-aux-lin3{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 17.631vw;
    }
    #s4-aux-p{
        position: absolute;
        width: 15.842vw;
        margin-top: 19.21vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 0.947vw;
        line-height: 1.21vw;
        
        color: #000000;
    }
    #s4-aux-num{
        position: absolute;
        width: 15.842vw;
        margin-top: 22.368vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 8.157vw;
        
        color: #000000;
    }
    #s4-entrega{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 + 11.815vw);
        margin-top: 22.368vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgentrega{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: 0.789vw;
    }
    #s4-circulodos{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #F6D179;
        border-radius: 2.631vw;
    }
    #s4-linea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 58.631vw;
    }
    #s4-recogida{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 - 34.078vw);
        margin-top: 64.473vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgrecogida{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: -1.578vw;
        margin-top: 1.578vw;
    }
    #s4-circulotres{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #A7D0D2;
        border-radius: 2.631vw;
    }
    #s4-senal{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 + 11.815vw);
        margin-top: 64.473vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgsenal{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: 0.263vw;
    }
    #s4-circulocuatro{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #FFD6D6;
        border-radius: 2.631vw;
    }
    #divflechamas2{
        position: absolute;
        width: 5.263vw;
        height: 5.263vw;
        left: calc(50% - 30.578vw/2 + 39.657vw);
        margin-top: 102.631vw;
        
        background: #000000;
        border-radius: 3.157vw;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 1.578vw;
        height: auto;
    
        margin-left: 1.842vw;
        margin-top: 1.947vw;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 1.789vw;
        margin-left: 1.315vw;
    
        font-size: 1.052vw;
    
        opacity: 0;
    }

    /*Footer*/
    footer{
        position: relative;
        width: 100%;
        height: 42.105vw;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 2.631vw 2.631vw 0px 0px;
    }
    #hoverfooter{
        cursor: pointer;
    }
    #h3hablamos{
        position: absolute;
        left: calc(50% - 30.052vw/2 - 28.657vw);
        margin-top: 5.263vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 5.052vw;
    
        color: #000000;
    }
    #span24h{
        position: absolute;
        left: calc(50% - 27.947vw/2 - 28.657vw);
        margin-top: 12.105vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.473vw;
        
        color: #000000;
    }
    #arrowfooter{
        position: absolute;
        width: 5.947vw;
        height: auto;
        left: calc(50% - 27.947vw/2 - 28.657vw);
        margin-top: 16.842vw;
    }
    #instagramfooter{
        position: absolute;
        width: 2.105vw;
        height: auto;
    
        left: calc(50% - 2.412vw/2 + 6.206vw);
        margin-top: 12.105vw;
    }
    #twitterfooter{
        position: absolute;
        width: 2.21vw;
        height: auto;
    
        left: calc(50% - 2.489vw/2 + 12.237vw);
        margin-top: 12.263vw;
    }
    #facebookfooter{
        position: absolute;
        width: 0.973vw;
        height: auto;
    
        left: calc(50% - 1.023vw/2 + 18.206vw);
        margin-top: 12.21vw;
    }
    #h2haztupartyfooter{
        position: absolute;
        left: calc(50% - 15.684vw/2 + 12.631vw);
        margin-top: 21.052vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.368vw;
    }
    #callefooter{
        position: absolute;
        width: 15.789vw;
        left: calc(50% - 15.789vw/2 + 12.736vw);
        margin-top: 25.263vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 1.315vw;
        line-height: 1.684vw;
        
        color: #000000;
    }
    #letracorreofooter{
        position: absolute;
        left: calc(50% - 1.105vw/2 + 27.763vw);
        margin-top: 25vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.684vw;
        
        color: #000000;
    }
    #correofooter{
        position: absolute;
        left: calc(50% - 14.736vw/2 + 37.157vw);
        margin-top: 25.263vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.21vw;
        
        color: #000000;
    }
    #letratelefonofooter{
        position: absolute;
        left: calc(50% - 0.842vw/2 + 27.763vw);
        margin-top: 27.631vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.684vw;
        
        color: #000000;
    }
    #telefonofooter{
        position: absolute;
        left: calc(50% - 14.736vw/2 + 37.157vw);
        margin-top: 27.947vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.21vw;
        
        color: #000000;
    }
    #politicafooter{
        position: absolute;
        left: calc(50% - 15.263vw/2 + 12.447vw);
        margin-top: 34.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        
        color: #000000;
    
        cursor: pointer;
    }
    #terminosfooter{
        position: absolute;
        left: calc(50% - 16.263vw/2 + 30.657vw);
        margin-top: 34.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.263vw;
        
        color: #000000;
        
        cursor: pointer;
    }
    #colabfooter{
        position: absolute;
        left: calc(50% - 25.368vw/2 + 17.473vw);
        margin-top: 36.842vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.157vw;
        
        color: #000000;
    }
}
@media (max-width: 1080px){
    /*Main*/
    #pelotaverde{
        position: fixed;
        height: 25.21vw;
        left: calc(50% - 52.052vw/2 - 16.71vw);
        top: 15vh;
        
        background: #A7D0D2;
        filter: blur(1.842vw);
        border-radius: 20.526vw;
    }
    #pelotaazul{
        position: fixed;
        height: 25.21vw;
        left: calc(50% - 15.21vw/2 - 21.394vw);
        top: 70vh;
        
        background: #4868FF;
        filter: blur(1.842vw);
        border-radius: 20.526vw;
    }
    #pelotaroja{
        position: fixed;
        height: 25.21vw;
        left: calc(50% - 15.21vw/2 + 17.71vw);
        top: 20vh;
        
        background: #FFD6D6;
        filter: blur(1.842vw);
        border-radius: 20.526vw;
    }
    #pelotaamarilla{
        position: fixed;
        height: 25.21vw;
        left: calc(50% - 589px/2 + 8.289vw);
        top: 50vh;
        
        background: #F6D179;
        filter: blur(1.842vw);
        border-radius: 20.526vw;
    }
    #pelotamorada{
        position: fixed;
        height: 25.21vw;
        left: calc(50% - 15.21vw/2 + 38.921vw);
        top: 60vh;
        
        background: #D3B8C9;
        filter: blur(1.842vw);
        border-radius: 20.526vw;
    }

    /*Seccion uno*/
    #seccionuno{
        width: 100%;
        height: 57.894vw;
    }
    
    #divinvitaciones{
        position: absolute;
        width: 40.947vw;
        height: 16.263vw;
        left: calc(50% - -51.947vw/2 - 29.763vw);
        margin-top: 6.052vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divinvitaciones h2{
        position: absolute;
        font-weight: 500;
        font-size: 3.426vw;
        margin-top: 1.789vw;
        height: 0.526vw;

        margin-left: 1.578vw;
    }
    #divinvitaciones h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.868vw;
        margin-top: 5.347vw;
        font-variant: small-caps;

        margin-left: 1.578vw;
    }
    #imginvitaciones{
        position: absolute;
        margin-top: 10.105vw;

        width: 26.052vw;
        height: auto;

        margin-left: 1.578vw;
    }
    #iconoinvitaciones{
        position: absolute;
        margin-top: 8.052vw;
        margin-left: 32.578vw;

        width: 5.473vw;
        height: auto;
    }
    
    #divmasservicios{
        position: absolute;
        width: 40.947vw;
        height: 35.763vw;
        left: calc(50% - -51.947vw/2 - 29.763vw);
        margin-top: 23.621vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divmasservicios h2{
        position: absolute;
        font-weight: 500;
        font-size: 3.426vw;
        margin-top: 26.331vw;
        height: 0.526vw;

        margin-left: 1.578vw;
    }
    #divmasservicios h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.868vw;
        margin-top: 29.989vw;
        font-variant: small-caps;

        margin-left: 1.578vw;
    }
    #imgmasservicios{
        position: absolute;
        margin-top: 3.142vw;
        margin-left: 8.557vw;

        width: 21.947vw;
        height: auto;
    }
    #iconomasservicios{
        position: absolute;
        margin-top: 26.421vw;
        margin-left: 32.578vw;

        width: 5.473vw;
        height: auto;
    }
    
    #videointro{
        position: absolute;
        left: calc(50% - 10.947vw/2 - 29.763vw);
        margin-top: 6.052vw;
        
        width: 30.052vw;
        height: auto;
    
        border-radius: 0.789vw;
    
        cursor: pointer;
    }
    
    #divreservas{
        position: absolute;
        width: 40.947vw;
        height: 35.763vw;
        left: calc(50% - -51.947vw/2 - 29.763vw);
        margin-top: 60.952vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divreservas h2{
        position: absolute;
        font-weight: 500;
        font-size: 3.426vw;
        margin-top: 26.331vw;
        height: 0.526vw;

        margin-left: 1.578vw;
    }
    #divreservas h3{
        position: absolute;
        font-weight: 500;
        font-size: 1.868vw;
        margin-top: 29.989vw;
        font-variant: small-caps;

        margin-left: 1.578vw;
    }
    #imgreservas{
        position: absolute;
        margin-top: 3.142vw;
        margin-left: 9.057vw;

        width: 20.947vw;
        height: auto;
    }
    #iconoreservas{
        position: absolute;
        margin-top: 26.421vw;
        margin-left: 32.578vw;

        width: 5.473vw;
        height: auto;
    }
    
    #divcontacto{
        position: absolute;
        width: 37.947vw;
        height: 16.263vw;
        left: calc(50% - 30.597vw/2 - 29.763vw);
        margin-top: 61.01vw;
        
        background: #F8F8F8;
        border-radius: 0.789vw;
    
        padding-left: 1.842vw;
    
        cursor: pointer;
    }
    #divcontacto h2{
        position: absolute;
        font-weight: 500;
        font-size: 3.426vw;
        margin-top: 1.789vw;
        height: 0.526vw;

        margin-left: 1.578vw;
    }
    #iconocontacto{
        position: absolute;
        margin-top: 8.052vw;
        margin-left: 29.578vw;

        width: 5.473vw;
        height: auto;
    }
    #E{
        position: absolute;
        margin-top: 8.263vw;
        font-weight: 500;
        font-size: 2.284vw;

        margin-left: 1.578vw;
    }
    #spancorreo{
        position: absolute;
        margin-top: 8.631vw;
        margin-left: 3.931vw;
        font-size: 1.052vw;

        font-size: 1.668vw;
    }
    #T{
        position: absolute;
        margin-top: 11.631vw;
        font-weight: 500;
        font-size: 2.284vw;

        margin-left: 1.578vw;
    }
    #spantelefono{
        position: absolute;
        margin-top: 12vw;
        margin-left: 3.931vw;
        font-size: 1.052vw;

        font-size: 1.668vw;
    }
    
    #flechadescubrenos{
        position: absolute;
        width: 6.736vw;
        height: 6.736vw;
        margin-left: calc(50% - 15.894vw/2 - 38.368vw);
        margin-top: 87.631vw;
    
        cursor: pointer;
    }
    #spandescubrenos{
        position: absolute;
        margin-left: calc(50% - -1.789vw/2 - 38.368vw);
        margin-top: 89.51vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 2.315vw;
        line-height: 2.526vw;
        
        color: #000000;
    
        cursor: pointer;
    }
    
    /*Seccion dos*/
    #secciondos{
        width: 100%;
        height: 57.894vw;

        margin-top: 44vw;
    }
    #h2cumples{
        opacity: 0;
    
        position: absolute;
        width: auto;
        left: calc(50% - 42.578vw/2 - 24.289vw);
        margin-top: 5.105vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 4.368vw;
        
        color: #000000;
    }
    #h3atracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 21.473vw/2 - 34.842vw);
        margin-top: 18.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: clamp(18px,2.021vw,2.021vw);
        
        color: #000000;
    }
    #patracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 27.105vw/2 - 32.026vw);
        margin-top: 22.315vw;
        
        font-weight: 400;
        font-size: clamp(14px,1.3vw,1.3vw);
    
        width: 30.105vw;
        line-height: 2.705vw;
        
        color: #000000;
    }
    #h3espacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 6.368vw/2 - 7.157vw);
        margin-top: 18.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: clamp(18px,2.021vw,2.021vw);
        
        color: #000000;
    }
    #pespacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 17.805vw/2 - 1.289vw);
        margin-top: 22.315vw;
        
        font-weight: 400;
        font-size: clamp(14px,1.3vw,1.3vw);
    
        width: 30vw;
        line-height: 2.705vw;
        
        color: #000000;
    }
   
    #globoazul{
        position: absolute;
        width: 21.052vw;
        height: auto;
    
        left: calc(50% - 15.315vw/2 + 21.197vw);
        margin-top: 0px;
    }
    #globorosa{
        position: absolute;
        width: 28.947vw;
        height: auto;
    
        right: 0px;
        margin-top: 31.578vw;
    }
    #divflechamas{
        position: absolute;
        width: 7.263vw;
        height: 7.263vw;
        left: calc(50% - 40.578vw/2 + 39.657vw);
        margin-top: 56.368vw;
        
        background: #000000;
        border-radius: 5.157vw;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 2.178vw !important;
        height: auto;
    
        margin-left: 2.542vw !important;
        margin-top: 2.647vw !important;
    }
    #spandesplegable{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 2.389vw;
        margin-left: 1.315vw;
    
        font-size: 1.552vw;
    
        opacity: 0;
    }

    /*Seccion tres*/
    #secciontres{
        width: 100%;
        height: 57.894vw;
        margin-top: 10vw;
    }
    #primeralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
    
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 1.052vw;
    }
    #subuno{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 2.105vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.863vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 3.157vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 6.352vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        width: 90%;
        height: 6.947vw;
        position: absolute;
        overflow: hidden;
    }
    #titdos{
        width: 90%;
        height: 6.947vw;
        position: absolute;
        overflow: hidden;
    }
    #tittres{
        width: 90%;
        height: 6.947vw;
        position: absolute;
        overflow: hidden;
    }
    #titcuatro{
        width: 90%;
        height: 6.947vw;
        position: absolute;
        overflow: hidden;
    }
    #segundalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 14.736vw;
    }
    #subdos{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 15.789vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.863vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titdos{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 16.842vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 6.352vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #terceralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 28.421vw;
    }
    #subtres{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 29.473vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.863vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tittres{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 30.526vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 6.352vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #cuartalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 42.105vw;
    }
    #subcuatro{
        position: absolute;
        left: calc(50% - 26.368vw/2 - 32.394vw);
        margin-top: 43.157vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.863vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titcuatro{
        cursor: pointer;
        position: absolute;
        width: 80.368vw;
        left: calc(50% - 80.368vw/2 - 5.763vw);
        margin-top: 44.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 6.352vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #quintalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 55.789vw;
    }
    #h3funciona{
        width: 90%;
        height: 6.947vw;
        position: absolute;
        overflow: hidden;
    }
    #arrowauxuno{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 6.052vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxdos{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 19.736vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxtres{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 33.421vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }
    #arrowauxcuatro{
        position: absolute;
    
        left: calc(50% - -1.631vw/2 + 39.657vw);
        margin-top: 47.105vw;
    
        width: 3.684vw;
        height: auto;
    
        opacity: 0;
    }


    /*Seccion cuatro*/
    #seccioncuatro{
        width: 100%;
        height: 115.789vw;
    }
    #h3funciona{
        position: absolute;
        left: calc(50% - 37.368vw/2 - 26.894vw);
        margin-top: 5.515vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 4.721vw;
        
        color: #000000;
    }
    #pfunciona{
        position: absolute;
        width: 67.631vw;
        height: 3.368vw;
        left: calc(50% - 59.157vw/2 - 16vw);
        margin-top: 13.557vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 1.603vw;
        line-height: 2.284vw;
        
        color: #000000;
    
        opacity: 0;
    }
    #s4-reservas{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 - 34.078vw);
        margin-top: 22.368vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgreservas{
        position: absolute;
        width: 13.157vw;
        height: auto;
    }
    #s4-circulouno{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #DBF4FD;
        border-radius: 2.631vw;
    }
    #s4-reservasaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - -25.631vw/2 - 34.078vw);
        margin-top: 22.368vw;
        margin-left: 1.052vw;
    }
    #s4-entregaaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - 16.894vw/2 + 33.105vw);
        margin-top: 22.368vw;
        margin-left: 1.052vw;
    }
    #s4-recogidaaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - -25.631vw/2 - 34.078vw);
        margin-top: 64.473vw;
        margin-left: 1.052vw;
    }
    #s4-senalaux{
        position: absolute;
        width: 20.368vw;
        height: 30.473vw;
    
        left: calc(50% - 16.894vw/2 + 33.105vw);
        margin-top: 64.473vw;
        margin-left: 1.052vw;
    }
    #s4-aux-h2{
        position: absolute;
        width: 15.842vw;
        margin-top: 0vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.468vw;
        
        color: #000000;
    }
    #s4-aux-lin1{
        position: absolute;
        width: 0px;
        height: 2px;
        background-color: black;
        
        margin-top: 6.052vw;
    }
    #s4-aux-h31{
        position: absolute;
        width: 18.842vw;
        margin-top: 7.631vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 1.555vw;
        line-height: 1.684vw;
        
        color: #000000;
    }
    #s4-aux-lin2{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 11.842vw;
    }
    #s4-aux-h32{
        position: absolute;
        width: 18.842vw;
        margin-top: 13.421vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 1.555vw;
        line-height: 1.684vw;
        
        color: #000000;
    }
    #s4-aux-lin3{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 17.631vw;
    }
    #s4-aux-p{
        position: absolute;
        width: 15.842vw;
        margin-top: 19.21vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 1.197vw;
        line-height: 1.21vw;
        
        color: #000000;
    }
    #s4-aux-num{
        position: absolute;
        width: 15.842vw;
        margin-top: 22.368vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 8.157vw;
        
        color: #000000;
    }
    #s4-entrega{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 + 11.815vw);
        margin-top: 22.368vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgentrega{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: 0.789vw;
    }
    #s4-circulodos{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #F6D179;
        border-radius: 2.631vw;
    }
    #s4-linea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 58.631vw;
    }
    #s4-recogida{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 - 34.078vw);
        margin-top: 64.473vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgrecogida{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: -1.578vw;
        margin-top: 1.578vw;
    }
    #s4-circulotres{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #A7D0D2;
        border-radius: 2.631vw;
    }
    #s4-senal{
        position: absolute;
        width: 23vw;
        height: 30.473vw;
        left: calc(50% - 23vw/2 + 11.815vw);
        margin-top: 64.473vw;
        
        background: #FFFFFF;
        border-radius: 0.789vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgsenal{
        position: absolute;
        width: 13.157vw;
        height: auto;
    
        margin-left: 0.263vw;
    }
    #s4-circulocuatro{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #FFD6D6;
        border-radius: 2.631vw;
    }
    #divflechamas2{
        position: absolute;
        width: 7.263vw;
        height: 7.263vw;
        left: calc(50% - 40.578vw/2 + 39.657vw);
        margin-top: 102.631vw;
        
        background: #000000;
        border-radius: 5.157vw;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 2.178vw !important;
        height: auto;
    
        margin-left: 2.542vw !important;
        margin-top: 2.647vw !important;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 2.389vw;
        margin-left: 1.315vw;
    
        font-size: 1.552vw;
    
        opacity: 0;
    }

    /*Footer*/
    footer{
        position: relative;
        width: 100%;
        height: 42.105vw;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 2.631vw 2.631vw 0px 0px;
    }
    #h3hablamos{
        position: absolute;
        left: calc(50% - 30.052vw/2 - 28.657vw);
        margin-top: 5.263vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 6.052vw;
    
        color: #000000;
    }
    #span24h{
        position: absolute;
        left: calc(50% - 27.947vw/2 - 28.657vw);
        margin-top: 13.105vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.7973vw;
        
        color: #000000;
    }
    #arrowfooter{
        position: absolute;
        width: 5.947vw;
        height: auto;
        left: calc(50% - 27.947vw/2 - 28.657vw);
        margin-top: 17.842vw;
    }
    #instagramfooter{
        position: absolute;
        width: 2.705vw;
        height: auto;
    
        left: calc(50% - 2.412vw/2 + 6.206vw);
        margin-top: 12.105vw;
    }
    #twitterfooter{
        position: absolute;
        width: 2.81vw;
        height: auto;
    
        left: calc(50% - 2.489vw/2 + 12.237vw);
        margin-top: 12.423vw;
    }
    #facebookfooter{
        position: absolute;
        width: 1.323vw;
        height: auto;
    
        left: calc(50% - 2.023vw/2 + 18.206vw);
        margin-top: 12.21vw;
    }
    #h2haztupartyfooter{
        position: absolute;
        left: calc(50% - 15.684vw/2 + 12.631vw);
        margin-top: 20.052vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.768vw;
    }
    #callefooter{
        position: absolute;
        width: 18.789vw;
        left: calc(50% - 15.789vw/2 + 12.736vw);
        margin-top: 25.263vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 1.515vw;
        line-height: 1.984vw;
        
        color: #000000;
    }
    #letracorreofooter{
        position: absolute;
        left: calc(50% - 1.105vw/2 + 27.763vw);
        margin-top: 25vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.984vw;
        
        color: #000000;
    }
    #correofooter{
        position: absolute;
        left: calc(50% - 14.736vw/2 + 37.157vw);
        margin-top: 25.263vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.51vw;
        
        color: #000000;
    }
    #letratelefonofooter{
        position: absolute;
        left: calc(50% - 0.842vw/2 + 27.763vw);
        margin-top: 27.631vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.984vw;
        
        color: #000000;
    }
    #telefonofooter{
        position: absolute;
        left: calc(50% - 14.736vw/2 + 37.157vw);
        margin-top: 28.047vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.51vw;
        
        color: #000000;
    }
    #politicafooter{
        position: absolute;
        left: calc(50% - 15.263vw/2 + 12.447vw);
        margin-top: 34.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.563vw;
        
        color: #000000;
    
        cursor: pointer;
    }
    #terminosfooter{
        position: absolute;
        left: calc(50% - 6.263vw/2 + 30.657vw);
        margin-top: 34.21vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.563vw;
        
        color: #000000;
        
        cursor: pointer;
    }
    #colabfooter{
        position: absolute;
        left: calc(50% - 25.368vw/2 + 17.473vw);
        margin-top: 37.342vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 1.557vw;
        
        color: #000000;
    }
}
@media (max-width: 750px){
    .tb_see_more_btn_wrap{
        display: none !important;
    }
    .taggbox{
        margin-top: 200vw !important;
        margin-bottom: 100px;
    }
    .footer{
        margin-top: 0vw;
    }
    /*Seccion uno*/
    #seccionuno{
        width: 100%;
        height: 434.2px;
    }
    
    #divinvitaciones{
        position: absolute;
        width: 607px;
        height: 214px;
        left: calc(50% - 607px/2);
        margin-top: 6.052vw;
        
        background: #F8F8F8;
        border-radius: 15px;

        padding-left: 0px;
    
        cursor: pointer;
    }
    #divinvitaciones h2{
        position: absolute;
        font-weight: 500;
        font-size: 48px;
        margin-top: 15px;
        height: 10px;

        margin-left: 35px;
    }
    #divinvitaciones h3{
        position: absolute;
        font-weight: 500;
        font-size: 26px;
        margin-top: 75px;
        font-variant: small-caps;

        margin-left: 35px;
    }
    #imginvitaciones{
        position: absolute;
        margin-top: 135px;

        width: auto;
        height: auto;

        margin-left: 35px;
    }
    #iconoinvitaciones{
        position: absolute;
        margin-top: 115px;
        margin-left: 505px;

        width: auto;
        height: auto;
    }
    
    #divmasservicios{
        position: absolute;
        width: 607px;
        height: 476px;
        left: calc(50% - 607px/2);
        margin-top: 1500px;
        
        background: #F8F8F8;
        border-radius: 15px;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divmasservicios h2{
        position: absolute;
        font-weight: 500;
        font-size: 48px;
        margin-top: 335px;
        height: 10px;

        margin-left: 35px;
    }
    #divmasservicios h3{
        position: absolute;
        font-weight: 500;
        font-size: 26px;
        margin-top: 395px;
        font-variant: small-caps;

        margin-left: 35px;
    }
    #imgmasservicios{
        position: absolute;
        margin-top: 45px;
        margin-left: 170px;

        width: auto;
        height: auto;
    }
    #iconomasservicios{
        position: absolute;
        margin-top: 350px;
        margin-left: 505px;

        width: auto;
        height: auto;
    }
    
    #videointro{
        position: absolute;
        left: calc(50% - 393px/2 - 3.5px);
        margin-top: 770px;
        
        width: 400px;
        height: auto;
    
        border-radius: 15px;
    
        cursor: pointer;
    }
    
    #divreservas{
        position: absolute;
        width: 607px;
        height: 476px;
        left: calc(50% - 607px/2);
        margin-top: 275px;
        
        background: #F8F8F8;
        border-radius: 15px;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divreservas h2{
        position: absolute;
        font-weight: 500;
        font-size: 48px;
        margin-top: 335px;
        height: 10px;

        margin-left: 35px;
    }
    #divreservas h3{
        position: absolute;
        font-weight: 500;
        font-size: 26px;
        margin-top: 395px;
        font-variant: small-caps;

        margin-left: 35px;
    }
    #imgreservas{
        position: absolute;
        margin-top: 35px;
        margin-left: 170px;

        width: auto;
        height: auto;
    }
    #iconoreservas{
        position: absolute;
        margin-top: 350px;
        margin-left: 505px;

        width: auto;
        height: auto;
    }
    
    #divcontacto{
        position: absolute;
        width: 607px;
        height: 214px;
        left: calc(50% - 607px/2);
        margin-top: 1995px;
        
        background: #F8F8F8;
        border-radius: 15px;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divcontacto h2{
        position: absolute;
        font-weight: 500;
        font-size: 48px;
        margin-top: 15px;
        height: 10px;

        margin-left: 35px;
    }
    #iconocontacto{
        position: absolute;
        margin-top: 115px;
        margin-left: 505px;

        width: auto;
        height: auto;
    }
    #E{
        position: absolute;
        margin-top: 100px;
        font-weight: 500;
        font-size: 32px;

        margin-left: 35px;
    }
    #spancorreo{
        position: absolute;
        margin-top: 107px;
        margin-left: 70px;
        font-size: 20px;
    }
    #T{
        position: absolute;
        margin-top: 145px;
        font-weight: 500;
        font-size: 32px;

        margin-left: 35px;
    }
    #spantelefono{
        position: absolute;
        margin-top: 152px;
        margin-left: 70px;
        font-size: 20px;
    }
    
    #flechadescubrenos{
        position: absolute;
        width: 80px;
        height: 80px;
        margin-left: calc(50% - 575px/2);
        margin-top: 2305px;
    
        cursor: pointer;
    }
    #spandescubrenos{
        position: absolute;
        margin-left: calc(50% - 370px/2);
        margin-top: 2327px;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 29px;
        
        color: #000000;
    
        cursor: pointer;
    }
    
    /*Seccion dos*/
    #secciondos{
        width: 100%;
        height: 574.2px;

        margin-top: 2032.5px;
    }
    #h2cumples{
        opacity: 0;
    
        position: absolute;
        width: auto;
        left: calc(50% - 619px/2);
        margin-top: 45px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 46px;
        
        color: #000000;
    }
    #h3atracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 619px/2);
        margin-top: 200px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 30px;
        
        color: #000000;
    }
    #patracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 619px/2);
        margin-top: 255px;
        
        font-weight: 400;
        font-size: 18px;
    
        width: 515px;
        line-height: 35px;
        
        color: #000000;
    }
    #h3espacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 619px/2);
        margin-top: 550px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 30px;
        
        color: #000000;
    }
    #pespacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 619px/2);
        margin-top: 600px;
        
        font-weight: 400;
        font-size: 18px;
    
        width: 515px;
        line-height: 35px;
        
        color: #000000;
    }
    #globoazul{
        position: absolute;
        width: 200px;
        height: auto;
    
        left: calc(50% - -100px/2);
        margin-top: -300px;
    }
    #globorosa{
        position: absolute;
        width: 220px;
        height: auto;
    
        right: 0px;
        margin-top: 400px;
    }
    #divflechamas{
        position: absolute;
        width: 240px;
        height: 70px;
        left: calc(50% - -100px/2);
        margin-top: 900px;
        
        background: #000000;
        border-radius: 60px;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 70px !important; 
        height: auto;
    
        margin-left: 35px !important;
        margin-top: 37px !important;
    }
    #spandesplegable{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 21px;
        margin-left: 23px;
    
        font-size: 19px;
    
        opacity: 1;
    }

    /*Seccion tres*/
    #secciontres{
        width: 100%;
        height: 434.2px;

        margin-top: 450px;
    }
    #primeralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
    
        left: 3vw;
        margin-top: 0px;
    }
    #subuno{
        position: absolute;
        left: calc(50% - 680px/2);
        margin-top: 10px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 685px/2);
        margin-top: 25px;
    
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 53px;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        width: 96%;
        height: 60px;
        position: absolute;
        overflow: hidden;
    }
    #titdos{
        width: 96%;
        height: 60px;
        position: absolute;
        overflow: hidden;
    }
    #tittres{
        width: 96%;
        height: 60px;
        position: absolute;
        overflow: hidden;
    }
    #titcuatro{
        width: 96%;
        height: 60px;
        position: absolute;
        overflow: hidden;
    }
    #segundalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 150px;
    }
    #subdos{
        position: absolute;
        left: calc(50% - 680px/2);
        margin-top: 160px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titdos{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 685px/2);
        margin-top: 175px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 53px;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #terceralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 300px;
    }
    #subtres{
        position: absolute;
        left: calc(50% - 680px/2);
        margin-top: 310px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tittres{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 683px/2);
        margin-top: 325px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 53px;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #cuartalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 450px;
    }
    #subcuatro{
        position: absolute;
        left: calc(50% - 680px/2);
        margin-top: 460px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titcuatro{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 685px/2);
        margin-top: 475px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 53px;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #quintalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 600px;
    }
    #arrowauxuno{
        position: absolute;
    
        left: calc(50% - 680px/2);
        margin-top: 105px;
    
        width: 40px;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxdos{
        position: absolute;
    
        left: calc(50% - 680px/2);
        margin-top: 255px;
    
        width: 40px;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxtres{
        position: absolute;
    
        left: calc(50% - 680px/2);
        margin-top: 405px;
    
        width: 40px;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxcuatro{
        position: absolute;
    
        left: calc(50% - 680px/2);
        margin-top: 555px;
    
        width: 40px;
        height: auto;
    
        opacity: 1;
    }


    /*Seccion cuatro*/
    #seccioncuatro{
        width: 100%;
        height: 868.41px;

        margin-top: 225px;
    }
    #h3funciona{
        position: absolute;
        left: calc(50% - 680px/2);
        margin-top: 10px;
        height: 60px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 50px;
        
        color: #000000;
    }
    #pfunciona{
        position: absolute;
        width: 700px;
        height: 64px;
        left: calc(50% - 680px/2);
        margin-top: 90px;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        
        color: #000000;
    
        opacity: 0;
    }
    #s4-reservas{
        position: absolute;
        width: 297px;
        height: 399px;
        left: calc(50% - 637px/2);
        margin-top: 225px;
        
        background: #FFFFFF;
        border-radius: 15px;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgreservas{
        position: absolute;
        width: 180px;
        height: auto;
    }
    #s4-circulouno{
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -330px;
        margin-left: 220px;
        
        background: #DBF4FD;
        border-radius: 50px;
    }
    #s4-reservasaux{
        position: absolute;
        width: 307px;
        height: 579px;
    
        left: calc(50% - 0px/2);
        margin-top: 215px;
        margin-left: 20px;

        z-index: 2;
    }
    #s4-entregaaux{
        position: absolute;
        width: 307px;
        height: 579px;
    
        left: calc(50% - 0px/2);
        margin-top: 675px;
        margin-left: 20px;

        z-index: 2;
    }
    #s4-recogidaaux{
        position: absolute;
        width: 307px;
        height: 579px;
    
        left: calc(50% - 0px/2);
        margin-top: 1125px;
        margin-left: 20px;

        z-index: 2;
    }
    #s4-senalaux{
        position: absolute;
        width: 307px;
        height: 579px;
    
        left: calc(50% - 0px/2);
        margin-top: 1575px;
        margin-left: 20px;

        z-index: 2;
    }
    #s4-aux-h2{
        position: absolute;
        width: 301px;
        margin-top: 5px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 45px;
        
        color: #000000;
    }
    #s4-aux-lin1{
        position: absolute;
        width: 0px;
        height: 2px;
        background-color: black;
        
        margin-top: 115px;
    }
    #s4-aux-h31{
        position: absolute;
        width: 301px;
        margin-top: 125px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 25px;
        line-height: 32px;
        
        color: #000000;
    }
    #s4-aux-lin2{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 195px;
    }
    #s4-aux-h32{
        position: absolute;
        width: 301px;
        margin-top: 200px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 25px;
        line-height: 32px;
        
        color: #000000;
    }
    #s4-aux-lin3{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 275px;
    }
    #s4-aux-p{
        position: absolute;
        width: 301px;
        margin-top: 285px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        
        color: #000000;
    }
    #s4-aux-num{
        position: absolute;
        width: 301px;
        margin-top: 330px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 80px;
        
        color: #000000;
    }
    #s4-entrega{
        position: absolute;
        width: 297px;
        height: 399px;
        left: calc(50% - 637px/2);
        margin-top: 685px;
        
        background: #FFFFFF;
        border-radius: 15px;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgentrega{
        position: absolute;
        width: 180px;
        height: auto;
    
        margin-left: 0vw;
    }
    #s4-circulodos{
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -330px;
        margin-left: 220px;
        
        background: #F6D179;
        border-radius: 50px;
    }
    #s4-linea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: calc(50% - 90vw/2 - 0.578vw);
        margin-top: 58.631vw;

        display: none;
    }
    #s4-recogida{
        position: absolute;
        width: 297px;
        height: 399px;
        left: calc(50% - 637px/2);
        margin-top: 1135px;
        
        background: #FFFFFF;
        border-radius: 15px;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgrecogida{
        position: absolute;
        width: 200px;
        height: auto;
    
        margin-left: -30px;
        margin-top: 10px;
    }
    #s4-circulotres{
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -330px;
        margin-left: 220px;
        
        background: #A7D0D2;
        border-radius: 50px;
    }
    #s4-senal{
        position: absolute;
        width: 297px;
        height: 399px;
        left: calc(50% - 637px/2);
        margin-top: 1585px;
        
        background: #FFFFFF;
        border-radius: 15px;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgsenal{
        position: absolute;
        width: 200px;
        height: auto;
    
        margin-left: 5px;
    }
    #s4-circulocuatro{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #FFD6D6;
        border-radius: 2.631vw;
    }
    #divflechamas2{
        position: absolute;
        width: 240px;
        height: 70px;
        left: calc(50% - -100px/2);
        margin-top: 2090px;
        
        background: #000000;
        border-radius: 60px;
    
        cursor: pointer;
        z-index: 2;
    }
    #divflechaimg{
        width: 26px !important;
        height: auto;
    
        margin-left: 24px !important;
        margin-top: 25px !important;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 21px;
        margin-left: 23px;
    
        font-size: 19px;
    
        opacity: 1;
    }

    /*Footer*/
    footer{
        margin-top: 1425px;
        position: relative;
        width: 100%;
        height: 1012.5px;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 19.73px 19.73px 0px 0px;
    }
    #h3hablamos{
        position: absolute;
        left: 0;
        margin-top: 70px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 63px;
    
        color: #000000;

        width: 100%;
        text-align: center;
    }
    #span24h{
        position: absolute;
        left: 0;
        margin-top: 150px;
    
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 20px;
        
        color: #000000;

        width: 100%;
        text-align: center;
    }
    #arrowfooter{
        position: absolute;
        width: 75px;
        height: auto;
        left: calc(50% - 388px/2);
        margin-top: 200px;
    }
    #instagramfooter{
        position: absolute;
        width: 40px;
        height: auto;
    
        left: calc(50% - 245.83px/2);
        margin-top: 340px;
    }
    #twitterfooter{
        position: absolute;
        width: 42px;
        height: auto;
    
        left: calc(50% - 47.3px/2 );
        margin-top: 343px;
    }
    #facebookfooter{
        position: absolute;
        width: 18.5px;
        height: auto;
    
        left: calc(50% - -180.45px/2);
        margin-top: 342px;
    }
    #h2haztupartyfooter{
        position: absolute;
        left: 0;
        margin-top: 450px;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 45px;

        width: 100%;
        text-align: center;
    }
    #callefooter{
        position: absolute;
        margin-top: 535px;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 28px;
        
        color: #000000;

        width: 50%;
        left: 25%;
        text-align: center;
    }
    #letracorreofooter{
        position: absolute;
        left: calc(50% - 271px/2);
        margin-top: 615px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 32px;
        
        color: #000000;
    }
    #correofooter{
        position: absolute;
        left: calc(50% - 180px/2);
        margin-top: 621px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 21px;
        
        color: #000000;
    }
    #letratelefonofooter{
        position: absolute;
        left: calc(50% - 271px/2);
        margin-top: 665px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 32px;
        
        color: #000000;
    }
    #telefonofooter{
        position: absolute;
        left: calc(50% - 180px/2);
        margin-top: 671px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 21px;
        
        color: #000000;
    }


    #politicafooter{
        position: absolute;
        margin-top: 770px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        
        color: #000000;
    
        cursor: pointer;

        width: auto;
        left: calc(50% - 240px/2);

        white-space: nowrap;
    }
    #terminosfooter{
        position: absolute;
        margin-top: 810px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 23px;
        
        color: #000000;
        
        cursor: pointer;

        width: auto;
        left: calc(50% - 260px/2);
        text-align: center;

        white-space: nowrap;
    }
    #colabfooter{
        position: absolute;
        margin-top: 880px;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 22px;
        
        color: #000000;

        width: 30%;
        left: 35%;
        text-align: center;
    }
}
@media (max-width: 720px){
/*Seccion tres*/
    #secciontres{
        width: 100%;
        height: 60.305vw;

        margin-top: 62.5vw;
    }
    #primeralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
    
        left: 3vw;
        margin-top: 0px;
    }
    #subuno{
        position: absolute;
        left: calc(50% - 94.44vw/2);
        margin-top: 1.388vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.194vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 95.138vw/2);
        margin-top: 3.472vw;
    
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 7.361vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #tituno{
        width: 96%;
        height: 8.333vw;
        position: absolute;
        overflow: hidden;
    }
    #titdos{
        width: 96%;
        height: 8.333vw;
        position: absolute;
        overflow: hidden;
    }
    #tittres{
        width: 96%;
        height: 8.333vw;
        position: absolute;
        overflow: hidden;
    }
    #titcuatro{
        width: 96%;
        height: 8.333vw;
        position: absolute;
        overflow: hidden;
    }
    #segundalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 20.833vw;
    }
    #subdos{
        position: absolute;
        left: calc(50% - 94.444vw/2);
        margin-top: 22.222vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.194vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titdos{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 95.138vw/2);
        margin-top: 24.305vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 7.361vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #terceralinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 41.666vw;
    }
    #subtres{
        position: absolute;
        left: calc(50% - 94.444vw/2);
        margin-top: 43.055vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.194vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #tittres{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 94.861vw/2);
        margin-top: 45.138vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 7.361vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #cuartalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 62.5vw;
    }
    #subcuatro{
        position: absolute;
        left: calc(50% - 94.444vw/2);
        margin-top: 63.888vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.194vw;
        font-variant: small-caps;
        
        color: #000000;
    }
    #titcuatro{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 95.138vw/2);
        margin-top: 65.972vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 7.361vw;
        
        font-variant: small-caps;
        
        color: #000000;
    }
    #quintalinea{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        left: 3vw;
        margin-top: 83.333vw;
    }
    #arrowauxuno{
        position: absolute;
    
        left: calc(50% - 94.444vw/2);
        margin-top: 14.583vw;
    
        width: 5.555vw;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxdos{
        position: absolute;
    
        left: calc(50% - 94.444vw/2);
        margin-top: 35.416vw;
    
        width: 5.555vw;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxtres{
        position: absolute;
    
        left: calc(50% - 94.444vw/2);
        margin-top: 56.25vw;
    
        width: 5.555vw;
        height: auto;
    
        opacity: 1;
    }
    #arrowauxcuatro{
        position: absolute;
    
        left: calc(50% - 94.444vw/2);
        margin-top: 77.083vw;
    
        width: 5.555vw;
        height: auto;
    
        opacity: 1;
    }


    /*Seccion cuatro*/
    #seccioncuatro{
        width: 100%;
        height: 120.612vw;

        margin-top: 31.25vw;
    }
    #h3funciona{
        position: absolute;
        left: calc(50% - 94.444vw/2);
        margin-top: 1.388vw;
        height: 8.333vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 6.944vw;
        
        color: #000000;
    }
    #pfunciona{
        position: absolute;
        width: 97.222vw;
        height: 8.888vw;
        left: calc(50% - 94.444vw/2);
        margin-top: 12.5vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 2.777vw;
        line-height: 4.444vw;
        
        color: #000000;
    
        opacity: 0;
    }
    #s4-reservas{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 31.25vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgreservas{
        position: absolute;
        width: 25vw;
        height: auto;
    }
    #s4-circulouno{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #DBF4FD;
        border-radius: 6.944vw;
    }
    #s4-reservasaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 29.861vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-entregaaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 93.75vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-recogidaaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 156.25vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-senalaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 218.75vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-aux-h2{
        position: absolute;
        width: 41.805vw;
        margin-top: 0.694vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 6.25vw;
        
        color: #000000;
    }
    #s4-aux-lin1{
        position: absolute;
        width: 0px;
        height: 2px;
        background-color: black;
        
        margin-top: 15.972vw;
    }
    #s4-aux-h31{
        position: absolute;
        width: 41.805vw;
        margin-top: 17.361vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 3.472vw;
        line-height: 4.444vw;
        
        color: #000000;
    }
    #s4-aux-lin2{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 27.083vw;
    }
    #s4-aux-h32{
        position: absolute;
        width: 41.805vw;
        margin-top: 27.777vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 3.472vw;
        line-height: 4.444vw;
        
        color: #000000;
    }
    #s4-aux-lin3{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 38.194vw;
    }
    #s4-aux-p{
        position: absolute;
        width: 41.805vw;
        margin-top: 39.583vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.361vw;
        line-height: 2.777vw;
        
        color: #000000;
    }
    #s4-aux-num{
        position: absolute;
        width: 41.805vw;
        margin-top: 45.833vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 11.111vw;
        
        color: #000000;
    }
    #s4-entrega{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 95.138vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgentrega{
        position: absolute;
        width: 25vw;
        height: auto;
    
        margin-left: 0vw;
    }
    #s4-circulodos{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #A7D0D2;
        border-radius: 6.944vw;
    }
    #s4-recogida{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 157.638vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgrecogida{
        position: absolute;
        width: 27.777vw;
        height: auto;
    
        margin-left: -4.166vw;
        margin-top: 1.388vw;
    }
    #s4-circulotres{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #A7D0D2;
        border-radius: 6.944vw;
    }
    #s4-senal{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 220.138vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgsenal{
        position: absolute;
        width: 27.777vw;
        height: auto;
    
        margin-left: 0.694vw;
    }
    #s4-circulocuatro{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #FFD6D6;
        border-radius: 2.631vw;
    }
    #divflechamas2{
        position: absolute;
        width: 33.333vw;
        height: 9.722vw;
        left: calc(50% - -13.888vw/2);
        margin-top: 290.27vw;
        
        background: #000000;
        border-radius: 8.333vw;
    
        cursor: pointer;
        z-index: 2;
    }
    #divflechaimg{
        width: 3.611vw !important;
        height: auto;
    
        margin-left: 3.333vw !important;
        margin-top: 3.472vw !important;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 2.916vw;
        margin-left: 3.194vw;
    
        font-size: 2.638vw;
    
        opacity: 1;
    }

    /*Footer*/
    footer{
        margin-top: 197.916vw;
        position: relative;
        width: 100%;
        height: 1012.5px;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 19.73px 19.73px 0px 0px;
    }
}
@media (max-width: 650px){
    /*Menú*/
    .socials {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 40px 00px;
        text-align: center;
        width: 100%;
    }
    .socials span {
        text-transform: uppercase;
        margin: 0 20px;
        letter-spacing: 0px;
    }
    .nav-container {
        position: fixed;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        z-index: 1000;
    }
    .menu__item {
        position: relative;
        padding: 0 6vw;
        padding-top: 2vh;
    }
    .menu__item-link {
        display: inline-block;
        cursor: pointer;
        position: relative;
        transition: opacity 0.4s;
    }
    .menu {
        padding: 10vh 0 25vh;
        --offset: 20vw;
        --move-initial: calc(-25% + var(--offset));
        --move-final: calc(-50% + var(--offset));
        font-size: 36px;
    }
    
    /*Seccion uno*/
    #seccionuno{
        width: 100%;
        height: 66.8vw;
    }
    
    #divinvitaciones{
        position: absolute;
        width: 93.384vw;
        height: 32.923vw;
        left: calc(50% - 93.384vw/2);
        margin-top: 6.052vw;
        
        background: #F8F8F8;
        border-radius: 2.307vw;

        padding-left: 0px;
    
        cursor: pointer;
    }
    #divinvitaciones h2{
        position: absolute;
        font-weight: 500;
        font-size: 7.384vw;
        margin-top: 2.307vw;
        height: 1.538vw;

        margin-left: 5.384vw;
    }
    #divinvitaciones h3{
        position: absolute;
        font-weight: 500;
        font-size: 4vw;
        margin-top: 11.538vw;
        font-variant: small-caps;

        margin-left: 5.384vw;
    }
    #imginvitaciones{
        position: absolute;
        margin-top: 20.769vw;

        width: 52.769vw;
        height: auto;

        margin-left: 5.384vw;
    }
    #iconoinvitaciones{
        position: absolute;
        margin-top: 17.692vw;
        margin-left: 77.692vw;

        width: 10.153vw;
        height: auto;
    }
    
    #divmasservicios{
        position: absolute;
        width: 93.384vw;
        height: 73.23vw;
        left: calc(50% - 93.384vw/2);
        margin-top: 230.769vw;
        
        background: #F8F8F8;
        border-radius: 2.307vw;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divmasservicios h2{
        position: absolute;
        font-weight: 500;
        font-size: 7.384vw;
        margin-top: 51.538vw;
        height: 1.538vw;

        margin-left: 5.384vw;
    }
    #divmasservicios h3{
        position: absolute;
        font-weight: 500;
        font-size: 4vw;
        margin-top: 60.769vw;
        font-variant: small-caps;

        margin-left: 5.384vw;
    }
    #imgmasservicios{
        position: absolute;
        margin-top: 6.923vw;
        margin-left: 26.153vw;

        width: 40.769vw;
        height: auto;
    }
    #iconomasservicios{
        position: absolute;
        margin-top: 53.846vw;
        margin-left: 77.692vw;

        width: 10.153vw;
        height: auto;
    }
    
    #videointro{
        position: absolute;
        left: calc(50% - 60.461vw/2 - 0.538vw);
        margin-top: 118.461vw;
        
        width: 61.538vw;
        height: auto;
    
        border-radius: 2.307vw;
    
        cursor: pointer;
    }
    
    #divreservas{
        position: absolute;
        width: 93.384vw;
        height: 73.23vw;
        left: calc(50% - 93.384vw/2);
        margin-top: 42.307vw;
        
        background: #F8F8F8;
        border-radius: 2.307vw;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divreservas h2{
        position: absolute;
        font-weight: 500;
        font-size: 7.384vw;
        margin-top: 51.538vw;
        height: 1.538vw;

        margin-left: 5.384vw;
    }
    #divreservas h3{
        position: absolute;
        font-weight: 500;
        font-size: 4vw;
        margin-top: 60.769vw;
        font-variant: small-caps;

        margin-left: 5.384vw;
    }
    #imgreservas{
        position: absolute;
        margin-top: 5.384vw;
        margin-left: 26.153vw;

        width: 40.615vw;
        height: auto;
    }
    #iconoreservas{
        position: absolute;
        margin-top: 53.846vw;
        margin-left: 77.692vw;

        width: 10.153vw;
        height: auto;
    }
    
    #divcontacto{
        position: absolute;
        width: 93.384vw;
        height: 32.923vw;
        left: calc(50% - 93.384vw/2);
        margin-top: 306.923vw;
        
        background: #F8F8F8;
        border-radius: 2.307vw;
    
        padding-left: 0px;
    
        cursor: pointer;
    }
    #divcontacto h2{
        position: absolute;
        font-weight: 500;
        font-size: 7.384vw;
        margin-top: 2.307vw;
        height: 1.538vw;

        margin-left: 5.384vw;
    }
    #iconocontacto{
        position: absolute;
        margin-top: 17.692vw;
        margin-left: 77.692vw;

        width: 10.153vw;
        height: auto;
    }
    #E{
        position: absolute;
        margin-top: 15.384vw;
        font-weight: 500;
        font-size: 4.923vw;

        margin-left: 5.384vw;
    }
    #spancorreo{
        position: absolute;
        margin-top: 16.461vw;
        margin-left: 10.769vw;
        font-size: 3.076vw;
    }
    #T{
        position: absolute;
        margin-top: 22.307vw;
        font-weight: 500;
        font-size: 4.923vw;

        margin-left: 5.384vw;
    }
    #spantelefono{
        position: absolute;
        margin-top: 23.384vw;
        margin-left: 10.769vw;
        font-size: 3.076vw;
    }
    
    #flechadescubrenos{
        position: absolute;
        width: 12.307vw;
        height: 12.307vw;
        margin-left: calc(50% - 88.461vw/2);
        margin-top: 354.61vw;
    
        cursor: pointer;
    }
    #spandescubrenos{
        position: absolute;
        margin-left: calc(50% - 56.923vw/2);
        margin-top: 358vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 3.846vw;
        line-height: 4.461vw;
        
        color: #000000;
    
        cursor: pointer;
    }
    
    /*Seccion dos*/
    #secciondos{
        width: 100%;
        height: 126.8vw;

        margin-top: 312.692vw;
    }
    #h2cumples{
        opacity: 0;
    
        position: absolute;
        width: auto;
        left: calc(50% - 95.23vw/2);
        margin-top: 6.923vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 7.0769vw;
        
        color: #000000;
    }
    #h3atracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 30.769vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 27px;
        
        color: #000000;
    }
    #patracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 39.23vw;
        
        font-weight: 400;
        font-size: 15px;
    
        width: 70.23vw;
        line-height: 5.384vw;
        
        color: #000000;
    }
    #h3espacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 98.923vw !important;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 27px;
        
        color: #000000;
    }
    #pespacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 107.884vw !important;
        
        font-weight: 400;
        font-size: 15px;
    
        width: 79.23vw;
        line-height: 5.384vw;
        
        color: #000000;
    }
    #globoazul{
        position: absolute;
        width: 30.769vw;
        height: auto;
    
        left: calc(50% - -15.384vw/2);
        margin-top: -46.153vw;
    }
    #globorosa{
        position: absolute;
        width: 25.846vw;
        height: auto;
    
        right: 0px;
        margin-top: 61.538vw;
    }
    #divflechamas{
        position: absolute;
        width: 36.923vw;
        height: 10.169vw;
        left: calc(50% - -15.384vw/2);
        margin-top: 173.076vw;
        
        background: #000000;
        border-radius: 9.23vw;
    
        cursor: pointer;
    }
    #divflechaimg{
        width: 3.611vw !important;
        height: auto;
    
        margin-left: 3.333vw !important;
        margin-top: 3.472vw !important;
    }
    #spandesplegable{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 3.03vw;
        margin-left: 3.538vw;
    
        font-size: 2.923vw;
    
        opacity: 1;
    }
    #divflechamas2{
        position: absolute;
        width: 36.923vw;
        height: 10.169vw;
        left: calc(50% - -13.888vw/2);
        margin-top: 290.27vw;
        
        background: #000000;
        border-radius: 8.333vw;
    
        cursor: pointer;
        z-index: 2;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 3.03vw;
        margin-left: 3.538vw;
    
        font-size: 2.923vw;
    
        opacity: 1;
    }
    #logo{
        position: fixed;
        width: 155px;
        height: auto;
    
        margin-left: 30px;
    
        z-index: 11;
    }

    /*Menú*/
    .menu-open{
        color: white;
        background-color: black;
        font-weight: 500;
    
        position: fixed;
        z-index: 11;
        margin-top: 50px;
        margin-left: 0;
        right:  30px;

        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 50px;
    
        font-size: 18px;
        cursor: pointer;
    }
    .menu-close{
        color: black;
        font-weight: 500;
    
        position: absolute;
        margin-top: 30px;
        margin-left: 0;
        right:  30px;
        padding: 20px;
        font-size: 21px;
        cursor: pointer;
    }

    /*Footer*/
    footer{
        margin-top: 200.23vw;
        position: relative;
        width: 100%;
        height: 155.769vw;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 3.035vw 3.035vw 0px 0px;
    }
    #h3hablamos{
        position: absolute;
        left: 0;
        margin-top: 10.769vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 9.692vw;
    
        color: #000000;

        width: 100%;
        text-align: center;
    }
    #span24h{
        position: absolute;
        left: 0;
        margin-top: 23.076vw;
    
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.076vw;
        
        color: #000000;

        width: 100%;
        text-align: center;
    }
    #arrowfooter{
        position: absolute;
        width: 11.538vw;
        height: auto;
        left: calc(50% - 59.692vw/2);
        margin-top: 30.769vw;
    }
    #instagramfooter{
        position: absolute;
        width: 6.153vw;
        height: auto;
    
        left: calc(50% - 37.82vw/2);
        margin-top: 52.307vw;
    }
    #twitterfooter{
        position: absolute;
        width: 6.461vw;
        height: auto;
    
        left: calc(50% - 7.276vw/2 );
        margin-top: 52.769vw;
    }
    #facebookfooter{
        position: absolute;
        width: 2.846vw;
        height: auto;
    
        left: calc(50% - -27.761vw/2);
        margin-top: 52.615vw;
    }
    #h2haztupartyfooter{
        position: absolute;
        left: 0;
        margin-top: 69.23vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 6.923vw;

        width: 100%;
        text-align: center;
    }
    #callefooter{
        position: absolute;
        margin-top: 82.307vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 3.23vw;
        line-height: 4.307vw;
        
        color: #000000;

        width: 50%;
        left: 25%;
        text-align: center;
    }
    #letracorreofooter{
        position: absolute;
        left: calc(50% - 41.692vw/2);
        margin-top: 94.615vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 4.923vw;
        
        color: #000000;
    }
    #correofooter{
        position: absolute;
        left: calc(50% - 27.692vw/2);
        margin-top: 95.538vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.23vw;
        
        color: #000000;
    }
    #letratelefonofooter{
        position: absolute;
        left: calc(50% - 41.692vw/2);
        margin-top: 102.307vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 4.923vw;
        
        color: #000000;
    }
    #telefonofooter{
        position: absolute;
        left: calc(50% - 27.692vw/2);
        margin-top: 103.23vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.23vw;
        
        color: #000000;
    }


    #politicafooter{
        position: absolute;
        margin-top: 118.461vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.538vw;
        
        color: #000000;
    
        cursor: pointer;

        width: auto;
        left: calc(50% - 36.923vw/2);

        white-space: nowrap;
    }
    #terminosfooter{
        position: absolute;
        margin-top: 124.615vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.538vw;
        
        color: #000000;
        
        cursor: pointer;

        width: auto;
        left: calc(50% - 40vw/2);
        text-align: center;

        white-space: nowrap;
    }
    #colabfooter{
        position: absolute;
        margin-top: 135.384vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 3.384vw;
        
        color: #000000;

        width: 35%;
        left: 32.5%;
        text-align: center;
    }
}
@media (max-width: 500px){
    /*Seccion dos*/
    #h2cumples{
        margin-top: 0px;
    }
    #h3atracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 23.769vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 23px;
        
        color: #000000;
    }
    #patracciones{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 32.23vw;
        
        font-weight: 400;
        font-size: 15px;
    
        width: 300px;
        line-height: 5.384vw;
        
        color: #000000;
    }
    #h3espacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 80.923vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 22px;
        
        color: #000000;
    }
    #pespacios{
        opacity: 0;
    
        position: absolute;
        left: calc(50% - 95.23vw/2);
        margin-top: 89.384vw;
        
        font-weight: 400;
        font-size: 15px;
    
        width: 79.23vw;
        line-height: 5.384vw;
        
        color: #000000;
    }

    /*Seccion cuatro*/
    #pfunciona{
        font-size: 14px !important;
        width: 95vw !important;
    }
    #seccioncuatro{
        width: 100%;
        height: 120.612vw;

        margin-top: 31.25vw;
    }
    #h3funciona{
        position: absolute;
        left: calc(50% - 94.444vw/2);
        margin-top: 1.388vw;
        height: 8.333vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 6.944vw;
        
        color: #000000;
    }
    #pfunciona{
        position: absolute;
        width: 97.222vw;
        height: 8.888vw;
        left: calc(50% - 94.444vw/2);
        margin-top: 12.5vw;
        
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 2.777vw;
        line-height: 4.444vw;
        
        color: #000000;
    
        opacity: 0;
    }
    #s4-reservas{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 36.25vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #s4-imgreservas{
        position: absolute;
        width: 25vw;
        height: auto;
    }
    #s4-circulouno{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #DBF4FD;
        border-radius: 6.944vw;
    }
    #s4-reservasaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 34.861vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-entregaaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 98.75vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-recogidaaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 161.25vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-senalaux{
        position: absolute;
        width: 42.638vw;
        height: 80.416vw;
    
        left: calc(50% - 0px/2);
        margin-top: 223.75vw;
        margin-left: 2.777vw;

        z-index: 2;
    }
    #s4-aux-h2{
        position: absolute;
        width: 41.805vw;
        margin-top: 0.694vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 6.25vw;
        
        color: #000000;
    }
    #s4-aux-lin1{
        position: absolute;
        width: 0px;
        height: 2px;
        background-color: black;
        
        margin-top: 15.972vw;
    }
    #s4-aux-h31{
        position: absolute;
        width: 41.805vw;
        margin-top: 17.361vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 3.472vw;
        line-height: 4.444vw;
        
        color: #000000;
    }
    #s4-aux-lin2{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 27.083vw;
    }
    #s4-aux-h32{
        position: absolute;
        width: 41.805vw;
        margin-top: 27.777vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 3.472vw;
        line-height: 4.444vw;
        
        color: #000000;
    }
    #s4-aux-lin3{
        position: absolute;
        width: 0px;
        height: 1px;
        background-color: black;
        
        margin-top: 38.194vw;
    }
    #s4-aux-p{
        position: absolute;
        width: 41.805vw;
        margin-top: 39.583vw;
        
        font-family: 'Work Sans';
        font-weight: 500;
        font-size: 2.361vw;
        line-height: 2.777vw;
        
        color: #000000;
    }
    #s4-aux-num{
        position: absolute;
        width: 41.805vw;
        margin-top: 45.833vw;
        
        font-family: 'Work Sans';
        font-weight: 400;
        font-size: 11.111vw;
        
        color: #000000;
    }
    #s4-entrega{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 100.138vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgentrega{
        position: absolute;
        width: 25vw;
        height: auto;
    
        margin-left: 0vw;
    }
    #s4-circulodos{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #A7D0D2;
        border-radius: 6.944vw;
    }
    #s4-recogida{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 162.638vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgrecogida{
        position: absolute;
        width: 27.777vw;
        height: auto;
    
        margin-left: -4.166vw;
        margin-top: 1.388vw;
    }
    #s4-circulotres{
        position: absolute;
        width: 5.555vw;
        height: 5.555vw;
        margin-top: -45.833vw;
        margin-left: 30.555vw;
        
        background: #A7D0D2;
        border-radius: 6.944vw;
    }
    #s4-senal{
        position: absolute;
        width: 41.25vw;
        height: 55.416vw;
        left: calc(50% - 88.472vw/2);
        margin-top: 225.138vw;
        
        background: #FFFFFF;
        border-radius: 2.083vw;
    
        display: flex;
        justify-content: center;
        align-items: center;

        z-index: 2;
    }
    #s4-imgsenal{
        position: absolute;
        width: 27.777vw;
        height: auto;
    
        margin-left: 0.694vw;
    }
    #s4-circulocuatro{
        position: absolute;
        width: 2.105vw;
        height: 2.105vw;
        margin-top: -25.789vw;
        margin-left: 18.421vw;
        
        background: #FFD6D6;
        border-radius: 2.631vw;
    }
    #divflechamas2{
        position: absolute;
        width: 33.333vw;
        height: 9.722vw;
        left: calc(50% - -13.888vw/2);
        margin-top: 295.27vw;
        
        background: #000000;
        border-radius: 8.333vw;
    
        cursor: pointer;
        z-index: 2;
    }
    #divflechaimg{
        width: 3.611vw !important;
        height: auto;
    
        margin-left: 3.333vw !important;
        margin-top: 3.472vw !important;
    }
    #spandesplegable2{
        position: absolute;
        color: white;
        white-space: nowrap;
    
        margin-top: 2.916vw;
        margin-left: 3.194vw;
    
        font-size: 2.638vw;
    
        opacity: 1;
    }

    /*Footer*/
    footer{
        margin-top: 200.23vw;
        position: relative;
        width: 100%;
        height: 155.769vw;
        left: 0px;
        
        background: #FFFFFF;
        border-radius: 3.035vw 3.035vw 0px 0px;
    }
}

/*Ajustes*/
/*Separación header*/
@media (max-width: 1400px){
    #seccionuno{
        margin-top: 30px;
    }
}
/*Nav*/
@media (max-width: 1080px){
    #divnav{
        display: none;
    }
    #navuno{
        display: none;
    }
    #navdos{
        display: none;
    }
    #navtres{
        display: none;
    }
    #navcuatro{
        display: none;
    }
    #navcinco{
        display: none;
    }
}






/*Sección Invitaciones*/
#wrapperinvitaciones{
    margin-top: -100px;
    width: 100%;
    max-width: 1200px;
    height: 1500px;

    margin-left: calc(50% - 1200px/2);
}
#h1invitaciones{
    position: relative;
    top: 20px;
    left: 315px;
    font-size: 96px;
    font-weight: 600;

    height: 90px;
    width: 600px;

    color: black;
    overflow: hidden;
}
#divinvitacionesh1{
    position: relative;
    height: 5px;
    width: 0px;

    background-color: rgb(127, 193, 255);

    margin-left: 546px;
}
#divinvitacion1{
    position: relative;
    top: 100px;

    background-color: rgba(242, 162, 253, 0.158);

    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 20px;

    max-width: 1000px;
    margin-left: 100px;
}
#imginvitacion1{
    margin-left: 100px;

    max-width: 550px;
    max-height: 550px;
}
#spaninvitacion1img{
    position: absolute;
    margin-top: 0px;
    margin-left: 50px;

    color: white;
    background-color: rgb(214, 18, 149);
    padding: 20px;
    border-radius: 20px;

    font-weight: 500;
}
#spaninvitacion1img:hover{
    background-color: white;
    color: rgb(214, 18, 149);
}
#spaninvitacion1pdf{
    position: absolute;
    margin-top: 80px;
    margin-left: 50px;

    color: white;
    background-color: rgb(50, 142, 255);
    padding: 20px;
    border-radius: 20px;

    font-weight: 500;
}
#spaninvitacion1pdf:hover{
    background-color: white;
    color: rgb(50, 142, 255);
}

#divinvitacion2{
    position: relative;
    top: 200px;

    background-color: rgba(159, 167, 235, 0.158);
    
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 20px;

    max-width: 1000px;
    margin-left: 100px;
}
#divinvitacion2 > p:nth-child(1){
    text-align: center;
    font-weight: 500;
    color: rgb(245, 70, 70);
}
#imginvitacion2{
    margin-left: 100px;

    max-width: 550px;
    max-height: 550px;
}
#spaninvitacion2img{
    position: absolute;
    margin-top: 0px;
    margin-left: 50px;
    
    color: white;
    background-color: rgb(214, 18, 149);
    padding: 20px;
    border-radius: 20px;

    font-weight: 500;
}
#spaninvitacion2img:hover{
    background-color: white;
    color: rgb(214, 18, 149);
}
#spaninvitacion2pdf{
    position: absolute;
    margin-top: 80px;
    margin-left: 50px;

    color: white;
    background-color: rgb(50, 142, 255);
    padding: 20px;
    border-radius: 20px;

    font-weight: 500;
}
#spaninvitacion2pdf:hover{
    background-color: white;
    color: rgb(50, 142, 255);
}




/*Medias*/
@media (max-width: 1100px){
    #wrapperinvitaciones{
        width: 100%;
        height: 1500px;
    
        margin-left: 0;
    }
    #h1invitaciones{
        position: relative;
        top: 20px;
        left: calc(50% - 580px/2);
        font-size: 96px;
        font-weight: 600;
    
        height: 90px;
        width: 580px;
    
        color: black;
        overflow: hidden;
    }
    #divinvitacionesh1{
        position: relative;
        height: 5px;
        width: 0px;
    
        background-color: rgb(127, 193, 255);
    
        left: calc(50% - 100px/2);
        margin-left: 0;
    }
    #divinvitacion1{
        position: relative;
        top: 100px;
    
        background-color: rgba(242, 162, 253, 0.158);
    
        padding-top: 50px;
        padding-bottom: 50px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion1{
        margin-left: 50px;
    
        max-width: 550px;
        max-height: 550px;
    }
    #spaninvitacion1img{
        position: absolute;
        margin-top: 0px;
        margin-left: 50px;
    
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion1img:hover{
        background-color: white;
        color: rgb(214, 18, 149);
    }
    #spaninvitacion1pdf{
        position: absolute;
        margin-top: 80px;
        margin-left: 50px;
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion1pdf:hover{
        background-color: white;
        color: rgb(50, 142, 255);
    }
    
    #divinvitacion2{
        position: relative;
        top: 200px;
    
        background-color: rgba(159, 167, 235, 0.158);
        
        padding-top: 50px;
        padding-bottom: 50px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion2{
        margin-left: 50px;
    
        max-width: 550px;
        max-height: 550px;
    }
    #spaninvitacion2img{
        position: absolute;
        margin-top: 0px;
        margin-left: 50px;
        
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion2pdf{
        position: absolute;
        margin-top: 80px;
        margin-left: 50px;
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
}
@media (max-width: 920px){
    #wrapperinvitaciones{
        width: 100%;
        height: fit-content;
    
        margin-left: 0;
        margin-bottom: 350px;
    }
    #h1invitaciones{
        position: relative;
        top: 20px;
        left: calc(50% - 580px/2);
        font-size: 96px;
        font-weight: 600;
    
        height: 90px;
        width: 580px;
    
        color: black;
        overflow: hidden;
    }
    #divinvitacionesh1{
        position: relative;
        height: 5px;
        width: 0px;
    
        background-color: rgb(127, 193, 255);
    
        left: calc(50% - 100px/2);
        margin-left: 0;
    }
    #divinvitacion1{
        position: relative;
        top: 100px;
    
        background-color: rgba(242, 162, 253, 0.158);
    
        padding-top: 50px;
        padding-bottom: 225px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion1{
        margin-left: calc(50% - 550px/2);
    
        max-width: 550px;
        max-height: 550px;
    }
    #spaninvitacion1img{
        position: absolute;
        margin-top: 430px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion1pdf{
        position: absolute;
        margin-top: 500px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    
    #divinvitacion2{
        position: relative;
        top: 200px;
    
        background-color: rgba(159, 167, 235, 0.158);
    
        padding-top: 50px;
        padding-bottom: 225px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion2{
        margin-left: calc(50% - 550px/2);
    
        max-width: 550px;
        max-height: 550px;
    }
    #spaninvitacion2img{
        position: absolute;
        margin-top: 430px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion2pdf{
        position: absolute;
        margin-top: 500px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
}
@media (max-width: 650px){
    #wrapperinvitaciones{
        width: 100%;
        height: fit-content;
    
        margin-left: 0;
        margin-bottom: 350px;
    }
    #h1invitaciones{
        position: relative;
        top: 20px;
        left: calc(50% - 370px/2);
        font-size: 62px;
        font-weight: 600;
    
        height: 70px;
        width: 370px;
    
        color: black;
        overflow: hidden;
    }
    #divinvitacionesh1{
        position: relative;
        height: 4px;
        width: 0px;
    
        background-color: rgb(127, 193, 255);
    
        left: calc(50% - 100px/2);
        margin-left: 0;
    }
    #divinvitacion1{
        position: relative;
        top: 100px;
    
        background-color: rgba(242, 162, 253, 0.158);
    
        padding-top: 50px;
        padding-bottom: 135px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion1{
        margin-left: 5%;
    
        max-width: 90%;
        max-height: auto;

        padding-bottom: 50px;
    }
    #spaninvitacion1img{
        position: relative;
        margin-top: 0vw;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion1pdf{
        position: absolute;
        margin-top: 50px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    
    #divinvitacion2{
        position: relative;
        top: 200px;
    
        background-color: rgba(159, 167, 235, 0.158);
    
        padding-top: 50px;
        padding-bottom: 135px;
        border-radius: 20px;
    
        max-width: 95%;
        margin-left: 2.5%;
    }
    #imginvitacion2{
        margin-left: 5%;
    
        max-width: 90%;
        max-height: auto;

        padding-bottom: 50px;
    }
    #spaninvitacion2img{
        position: relative;
        margin-top: 0vw;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(214, 18, 149);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
    #spaninvitacion2pdf{
        position: absolute;
        margin-top: 50px;
        margin-left: 0px;
        left: calc(50% - 180px/2);
    
        color: white;
        background-color: rgb(50, 142, 255);
        padding: 20px;
        border-radius: 20px;
    
        font-weight: 500;
    }
}