.ubication{grid-template-rows:100%;place-items:center;width:clamp(300px,100%,500px);min-height:80svh;padding:2rem;display:grid;position:relative}.info-container{background-color:var(--color-verde);border-radius:100ch;flex-direction:column;align-items:center;width:100%;height:100%;margin:1rem;padding-block:2rem;display:flex}.info-container div{text-align:center;width:80%}.bc-logo{min-height:150px;position:relative}.bc-logo p{color:var(--color-vanilla);font-family:Bacalisties;font-size:3rem;position:absolute;top:50%;left:50%}.bc-logo p:first-child{transform:translate(-70%,-70%)}.bc-logo p:last-child{transform:translate(-30%,-30%)}.ubication-detail{text-align:center;z-index:21;margin-bottom:1rem}.ubication-detail h2{color:var(--color-vanilla);margin-bottom:1rem;font-family:Bacalisties;font-size:4rem}.ubication-detail h3{color:var(--color-vanilla);text-transform:uppercase;margin-bottom:.5rem;font-family:Marcellus;font-size:1.5rem}.ubication-detail p{color:var(--color-vanilla);margin-bottom:.5rem;font-family:Marcellus}.ubication-detail img{margin-top:.5rem}.flor-derecha-ubication{z-index:20;width:50%;min-height:400px;position:absolute;top:0;left:0;transform:translate(calc(100% + 70px),730px)rotate(0)}.flor-izquierda-ubication{z-index:20;width:60%;min-height:400px;position:absolute;top:0;right:0;transform:translate(calc(-20px - 100%),50px)rotate(-5deg)}@media screen and (max-width:410px){.ubication{padding:1rem}.info-container div{width:90%}.ubication-detail{margin-top:1.5rem}.ubication-detail h2{margin-bottom:1rem;font-size:3rem}.ubication-detail h3{font-size:1.2rem}.ubication-detail p,.direccion-evento{font-size:1rem}.hora-evento{font-size:1.2rem}.flor-derecha-ubication{transform:translate(calc(100% + 70px),680px)rotate(0)}}.flower{opacity:0;transition:opacity .8s,transform .8s;position:absolute}.flower-left{transform:translate(-120px)}.flower-right{transform:translate(120px)}.flower-visible{opacity:1;transform:translate(0)}.direccion-evento{font-size:1.2rem}.hora-evento{font-size:1.5rem}
.ubication-button{cursor:pointer}.ubication-button img{aspect-ratio:1;height:150px}@media screen and (max-width:410px){.ubication-button img{height:120px}}
.dress-code{width:100%;min-height:80svh;position:relative}.dress-code-title{color:var(--color-cafe);text-align:center;z-index:21;margin-block:1rem;margin-inline:auto;font-family:Bacalisties;font-size:4rem}.dress-code-item{max-width:1100px;color:var(--color-cafe);z-index:21;flex-direction:row;justify-content:center;align-items:stretch;gap:1rem;margin-inline:auto;padding:2.5rem 2rem;display:flex}.dress-code-item:nth-of-type(2n){flex-direction:row-reverse}.image-container{flex:0 0 30%;justify-content:center;align-items:center;min-height:350px;display:flex}.dress-code-item img{object-fit:contain;object-position:center bottom;width:100%;height:100%;max-height:400px;display:block}.dress-code-info-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 2rem;display:flex}.dress-code-info-container h3{text-transform:uppercase;margin-bottom:.5rem;font-family:Marcellus;font-size:1.8rem}.dress-code-info-container h4{margin-top:1rem;font-size:1.5rem}.dress-code-info-container p{max-width:500px;font-size:1.2rem}@media screen and (max-width:410px){.dress-code-title{font-size:3rem}.dress-code-item{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem}.dress-code-item:nth-of-type(2n),.dress-code-item:nth-of-type(odd){flex-direction:column}.image-container{flex:none;width:100%;min-height:auto}.dress-code-item img{object-fit:contain;max-width:80%;height:350px;margin:0 auto}.dress-code-info-container{width:100%;padding:0}.dress-code-info-container h3{font-size:1.3rem}.dress-code-info-container h4{font-size:1.2rem}.dress-code-info-container p{font-size:1rem}.flor-codigo-vestimenta{width:220px;transform:translate(75px,20px)rotate(-10deg)}}
.confirmation-link{background-color:var(--color-verde);color:var(--color-vanilla);border:1px solid var(--color-vanilla);cursor:pointer;z-index:100;border-radius:100ch;padding:1rem 1.5rem;font-size:1.3rem;transition:all .6s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 6px #0000001a}.confirmation-link:hover{background-color:var(--color-cafe)}.hide-button{opacity:0;transform:translate(300px)}@media screen and (max-width:410px){.confirmation-link{font-size:1.1rem}}