@font-face{font-family:Book Script;src:url(../fonts/books-script.otf)format("truetype")}@font-face{font-family:The Seasons;src:url(../fonts/seasons-regular.ttf)format("truetype")}.cover-container{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.cover-image{opacity:0;background-image:url(../images/overlay.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:2s forwards fadeIn;position:absolute;inset:0}.cover-nomes{z-index:2;color:#311955;opacity:0;flex-direction:column;align-items:center;font-family:Book Script;font-size:10rem;animation:2s 2s forwards fadeInUp;display:flex}.cover-nomes span{line-height:1.5}.cover-nomes .and{margin:10px 0;font-size:4.5rem}.cover-enter{z-index:2;color:#311955;opacity:0;margin-top:20px;font-family:The Seasons,serif;font-size:2rem;animation:2s 3.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1}}.cover-nomes{animation:2s 2s forwards fadeInUp;transform:translateY(20px)}.cover-enter{animation:2s 3.5s forwards fadeInUp;transform:translateY(10px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-out .cover-nomes,.fade-out .cover-enter{animation:.8s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}@media (width<=480px){.cover-image{background-image:url(../images/overlay-m.png);height:100dvh}.cover-nomes{padding:0 40px;font-size:3.5rem!important}.cover-nomes span{white-space:nowrap}.cover-nomes .and{font-size:1.5rem!important}.cover-enter{padding:0 40px;font-size:.8rem!important}}.menu-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.menu-overlay{opacity:0;z-index:1;background-image:url(../images/menu-overlay.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:.5s forwards fadeIn;position:absolute;inset:0}.menu-top{z-index:10;justify-content:center;width:100%;display:flex;position:absolute;top:30px}.menu-top button{color:#311955;cursor:pointer;opacity:0;background-color:#0000;border:none;padding:10px 100px;font-family:The Seasons,serif;font-size:3rem;transition:transform .3s,background-color .3s;animation:1s forwards fadeInUp;transform:translateY(-10px)}.menu-top button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;animation-delay:1s}.menu-top button:nth-child(2){animation-delay:1.3s}.menu-top button:nth-child(3){border-top-right-radius:20px;border-bottom-right-radius:20px;animation-delay:1.6s}.menu-top button:hover{background-color:#9682be;transform:translateY(-2px)scale(1.05)}.menu-content{z-index:2;max-width:1000px;margin-top:120px;padding:20px;position:relative}.menu-texto{color:#311955;text-align:center;opacity:0;font-family:The Seasons,serif;font-size:2rem;line-height:1.6;animation:2s 2.5s forwards fadeInUp;transform:translateY(20px)}.menu-texto strong{padding-top:70px;font-family:Book Script;font-size:4rem;display:block}.and{margin:0 10px;font-size:2rem}.menu-selo{width:150px;height:auto}.btn-confirmacao-mobile{display:none}@media (width<=600px){.menu-overlay{background-image:url(../images/menu-overlay-m.png)}.menu-container{justify-content:flex-start}.menu-top{flex-direction:column;align-items:center;gap:0;margin-top:30px}.menu-top button{text-align:center;color:#311955;background-color:#7864a04d;border:1px solid #31195566;border-radius:0;width:95%;padding:10px 20px;font-size:1.5rem}.menu-top button:first-child{display:none}.menu-top button:nth-child(2){border-radius:20px;margin-bottom:2px}.menu-top button:nth-child(3){border-radius:20px;margin-top:2px}.menu-top button:hover{background-color:#7864a0}.menu-content{flex-direction:column;align-items:center;margin-top:100px;padding:10px;display:flex}.menu-texto{font-size:1rem}.menu-texto strong{text-align:center;white-space:nowrap;font-size:1.8rem}.and{font-size:1.5rem}.menu-selo{width:70px}.btn-confirmacao-mobile{color:#311955;cursor:pointer;opacity:0;background-color:#7864a04d;border:1px solid #31195566;border-radius:20px;width:95%;margin-top:20px;padding:12px;font-family:The Seasons,serif;font-size:1.5rem;transition:all .3s;animation:1s 2.8s forwards fadeInUp;display:block;transform:translateY(20px)}.btn-confirmacao-mobile:hover{background-color:#7864a0;transform:scale(1.03)}}.confirmacao-container{height:100vh;transition:opacity .8s;position:relative;overflow:hidden}.confirmacao-content{justify-content:center;align-items:center;height:100%;display:flex}.confirmacao-form{text-align:center;color:#311955;flex-direction:column;gap:20px;width:100%;max-width:1000px;font-family:The Seasons,serif;display:flex}.titulo{font-size:5rem}.confirmacao-form input{border:1px solid #3119554d;border-radius:30px;outline:none;padding:20px;font-family:The Seasons,serif;font-size:2rem}.radio-group{text-align:left;flex-direction:column;gap:10px;font-size:3rem;display:flex}.radio-group input[type=radio]{cursor:pointer;margin-right:20px;transform:scale(3)}.btn-enviar{cursor:pointer;color:#311955;background-color:#0000;border:1px solid #31195566;border-radius:20px;margin-top:10px;padding:10px;font-family:The Seasons,serif;font-size:3rem;transition:all .3s}.aviso{opacity:.8;font-size:1.2rem}.modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal{text-align:center;color:#311955;background:#fff;border-radius:20px;flex-direction:column;gap:15px;width:90%;max-width:350px;padding:25px;font-family:The Seasons,serif;animation:.3s scaleIn;display:flex}.modal button{cursor:pointer;background-color:#a796ca;border:none;border-radius:20px;margin-top:10px;padding:10px 20px;font-family:The Seasons,serif;transition:all .3s;transform:scale(1.4)}.modal button:hover{transform:scale(1.5)}.modal-buttons{justify-content:center;gap:20px;display:flex}.modal-buttons button{margin-top:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.confirmacao-container{overflow-y:auto}.confirmacao-content{padding:20px}.confirmacao-form{gap:15px;padding:20px}.titulo{font-size:3rem!important}.confirmacao-form input{border-radius:15px;padding:12px;font-size:1rem}.radio-group{gap:8px;font-size:1.1rem}.radio-group input[type=radio]{margin-right:10px;transform:scale(1.4)}.btn-enviar{padding:10px;font-size:1.2rem}.aviso{font-size:.8rem}.btn-voltar{padding:6px 12px;font-size:.8rem}.modal{max-width:90%;padding:20px}.modal h2{font-size:1.2rem}.modal h1{font-size:1rem}.modal button{padding:8px 14px;font-size:.9rem;transform:scale(1)}.modal-buttons{flex-direction:column;gap:10px}}.casamento-container{background-image:url(../images/fundo-igreja.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;padding:0;animation:2s forwards fadeIn;overflow:hidden}.fade-in{animation:2s forwards fadeIn}.casamento-content{z-index:1;justify-content:center;align-items:center;height:100%;padding:20px;display:flex;position:relative}.casamento-texto{text-align:center;color:#311955;opacity:0;font-family:The Seasons,serif;animation:2s 1.5s forwards fadeInUp;transform:translateY(20px)}.casamento-texto h1{margin-top:0;margin-bottom:20px;font-size:4rem}.data{letter-spacing:10px;margin-bottom:20px;font-size:4rem}.hora{letter-spacing:10px;margin-top:0;font-size:4rem}.local{margin-bottom:20px;font-size:3rem;line-height:1.6}.info{opacity:.9;font-size:3rem}.casamento-texto h2{letter-spacing:2px}.fade-out{animation:.8s forwards fadeOut}@media (width<=600px){.casamento-container{overflow-y:auto}.casamento-texto h1{margin-bottom:10px;font-size:2rem}.data{letter-spacing:3px;margin-bottom:10px;font-size:1.8rem}.hora{letter-spacing:3px;font-size:1.5rem}.local{margin-bottom:15px;font-size:1.2rem;line-height:1.5}.info{font-size:1.1rem}.casamento-content{padding:15px}.btn-voltar{padding:6px 14px;font-size:.9rem}}.presentes-container{height:100vh;transition:opacity .8s;position:relative;overflow:hidden}.fade-in{opacity:1}.fade-out{opacity:0;pointer-events:none}.presentes-content{flex-direction:column;align-items:center;height:100%;padding-top:80px;display:flex}.titulo{text-align:center;color:#311955;margin:0 0 20px;font-family:The Seasons,serif;font-size:4rem}.presentes-grid{grid-template-columns:repeat(5,1fr);gap:20px;width:90%;height:calc(100vh - 200px);padding-right:10px;animation:.8s fadeIn;display:grid;overflow-y:auto}.presente-card{text-align:center;color:#311955;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;padding:10px;font-family:The Seasons,serif;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.presente-card:hover{transform:translateY(-5px)scale(1.03)}.presente-card img{aspect-ratio:1;object-fit:cover;border-radius:15px;width:100%;margin-bottom:10px}.presente-card h2{margin-bottom:5px;font-size:1.5rem}.preco{color:#a796ca;font-size:.95rem;font-weight:700}.presentes-grid::-webkit-scrollbar{width:8px}.presentes-grid::-webkit-scrollbar-track{background:0 0}.presentes-grid::-webkit-scrollbar-thumb{background:#a796ca99;border-radius:10px}.presentes-grid::-webkit-scrollbar-thumb:hover{background:#a796cae6}.presentes-grid{scrollbar-width:thin;scrollbar-color:#a796ca99 transparent}@media (width<=600px){.presentes-container{overflow-y:auto}.presentes-content{padding-top:80px}.titulo{font-size:2rem}.presentes-grid{grid-template-columns:repeat(2,1fr);gap:12px;height:auto;padding-bottom:40px}.presente-card{gap:4px;padding:10px}.presente-card img{aspect-ratio:1;margin-bottom:5px}.presente-card h2{margin:0;line-height:1.2;font-size:1rem!important}.preco{margin:0;font-size:1rem!important}.btn-voltar{padding:6px 12px;font-size:.8rem}}.btn-voltar{color:#311955;cursor:pointer;z-index:2;background-color:#0000;border:1px solid #31195566;border-radius:20px;padding:8px 18px;font-family:The Seasons,serif;font-size:1rem;transition:all .3s;position:absolute;top:30px;left:30px}.btn-voltar:hover{background-color:#a796ca;transform:translateY(-2px)scale(1.03)}.detalhe-container{color:#311955;gap:40px;height:80vh;padding:10vh 60px 60px;font-family:The Seasons,serif;display:flex}.detalhe-esquerda{flex:.8}.detalhe-direita{flex:1.2}.detalhe-esquerda{text-align:left;flex-direction:column;display:flex}.detalhe-esquerda img{object-fit:cover;border-radius:25px;width:100%;max-width:500px;margin-bottom:20px}.detalhe-esquerda h1{margin-bottom:10px;font-size:3rem}.preco-detalhe{color:#a796ca;font-size:2rem;font-weight:700}.detalhe-direita,.detalhe-direita form{flex-direction:column;gap:20px;display:flex}.descricao{font-size:2.5rem;line-height:1.5}.detalhe-direita textarea{resize:none;border:1px solid #3119554d;border-radius:15px;height:30vh;padding:15px;font-family:The Seasons,serif;font-size:1.5rem}.detalhe-direita input{border:1px solid #3119554d;border-radius:15px;padding:12px;font-family:The Seasons,serif;font-size:2rem}.btn-enviar{cursor:pointer;background-color:#0000;border:1px solid #31195566;border-radius:25px;padding:12px;font-size:3rem;transition:all .3s}.btn-enviar:hover{background-color:#a796ca;transform:translateY(-2px)scale(1.03)}@media (width<=600px){.modal button:hover{transform:none}.modal button:active{transform:scale(.98)}.detalhe-container{flex-direction:column;gap:30px;height:auto;padding:80px 20px 30px;overflow-y:auto}.detalhe-esquerda{text-align:center;align-items:center}.detalhe-esquerda img{border-radius:20px;width:60%;max-width:250px}.detalhe-esquerda h1{margin-top:0;font-size:1.8rem}.preco-detalhe{margin-top:0;margin-bottom:0;padding-bottom:0;font-size:1.8rem!important}.descricao{text-align:center;margin-top:0;margin-bottom:0;font-size:1.2rem}.detalhe-direita form{gap:15px}.detalhe-direita textarea{height:120px;font-size:1rem}.detalhe-direita input{padding:10px;font-size:1rem}.btn-enviar{padding:12px;font-size:1.2rem}.btn-voltar{padding:6px 12px;font-size:.8rem}}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:75vw;padding:30px;display:flex}.modal h2{color:#311955;font-size:2.5rem}.pix-code{word-break:break-all;background:#f5f5f5;border-radius:10px;padding:10px;font-size:.8rem}.btn-copiar,.btn-fechar{cursor:pointer;border:none;border-radius:20px;width:100%;max-width:400px;padding:10px;font-family:The Seasons,serif;font-size:2rem}.btn-copiar{background-color:#a796ca}.btn-fechar{background-color:#0000;border:1px solid #3119554d}body{margin:0;padding:0}
