:root {
  --papel:#F8F5F0;
  --creme:#f0ebe3;
  --bordo:#681F32;
  --bordo-escuro:#481423;
  --ouro:#C7A56A;
  --ouro-texto:#806332;
  --tinta:#29232A;
  --suave:#756b6e;
  --linha:#ded6cf;
  --ok:#38614a;
  --erro:#9e263d;
  --titulo:"Cormorant Garamond",Georgia,serif;
  --texto:"DM Sans",system-ui,sans-serif}
  * {
    box-sizing:border-box}
    html {
      scroll-behavior:smooth;
      scroll-padding-top:24px}
      body {
        margin:0;
        color:var(--tinta);
        background:var(--papel);
        font:16px/1.6 var(--texto)}
        [hidden] {
          display:none!important}
          img,video {
            display:block;
            max-width:100%}
            a {
              color:var(--bordo);
              text-underline-offset:5px}
              button,input,select,textarea {
                font:inherit}
                button,a,input,select,textarea {
                  -webkit-tap-highlight-color:transparent}
                  button {
                    cursor:pointer}
                    h1,h2,h3,p,figure {
                      margin:0}
                      h1,h2,h3 {
                        font-family:var(--titulo);
                        font-weight:500;
                        line-height:1.05}
                        h2 {
                          font-size:clamp(2.4rem,4.4vw,4.3rem)}
                          h3 {
                            font-size:1.9rem}
                            p+p {
                              margin-top:1rem}
                              p {
                                max-width:65ch}
                                .olho {
                                  font-size:.68rem;
                                  letter-spacing:.21em;
                                  text-transform:uppercase;
                                  font-weight:600;
                                  color:var(--ouro-texto);
                                  margin-bottom:20px}
                                  .botao {
                                    display:inline-flex;
                                    align-items:center;
                                    justify-content:center;
                                    background:var(--bordo);
                                    color:white;
                                    border:1px solid var(--bordo);
                                    text-decoration:none;
                                    padding:15px 26px;
                                    min-height:52px;
                                    font:500 .9rem var(--texto);
                                    border-radius:2px;
                                    transition:background .2s}
                                    .botao:hover {
                                      background:var(--bordo-escuro);
                                      color:white}
                                      .botao.secundario {
                                        background:transparent;
                                        color:var(--bordo)}
                                        .botao:disabled {
                                          opacity:.6;
                                          cursor:wait}
                                          .link {
                                            background:none;
                                            border:0;
                                            color:var(--bordo);
                                            text-decoration:underline;
                                            padding:12px 0;
                                            cursor:pointer}
                                            .largo {
                                              width:100%}
                                              label {
                                                display:block;
                                                font-size:.85rem;
                                                font-weight:500;
                                                margin-bottom:20px}
                                                input,select,textarea {
                                                  display:block;
                                                  width:100%;
                                                  min-height:50px;
                                                  background:#fff;
                                                  border:1px solid #c9bfb7;
                                                  border-radius:2px;
                                                  padding:12px;
                                                  margin-top:8px;
                                                  color:var(--tinta)}
                                                  input[type=radio] {
                                                    width:20px;
                                                    min-height:20px;
                                                    accent-color:var(--bordo)}
                                                    textarea {
                                                      min-height:110px}
                                                      input[type=color] {
                                                        max-width:100px;
                                                        padding:5px}
                                                        input[type=file] {
                                                          max-width:100%}
                                                          :focus-visible {
                                                            outline:2px solid var(--ouro);
                                                            outline-offset:4px}
                                                            .dica,small {
                                                              font-size:.8rem;
                                                              color:var(--suave);
                                                              font-weight:400}
                                                              .dica {
                                                                display:block;
                                                                margin-top:6px}
                                                                .duplo {
                                                                  display:grid;
                                                                  grid-template-columns:1fr 1fr;
                                                                  gap:20px}
                                                                  .alerta {
                                                                    padding:16px;
                                                                    background:#f5e1e3;
                                                                    margin:20px 0;
                                                                    border-left:3px solid var(--erro)}
                                                                    .alerta.ok {
                                                                      background:#e8eee8;
                                                                      border-color:var(--ok)}
                                                                      .alerta.espera {
                                                                        background:#f3ead7;
                                                                        border-color:var(--ouro)}
                                                                        .selo {
                                                                          display:inline-block;
                                                                          border:1px solid var(--linha);
                                                                          padding:4px 9px;
                                                                          font:500 .72rem var(--texto);
                                                                          border-radius:3px}
                                                                          .selo.ok {
                                                                            background:#e8efe9;
                                                                            color:var(--ok)}
                                                                            .selo.espera,.selo.ouro {
                                                                              background:#f2e9d8;
                                                                              color:#725423}
                                                                              .selo.erro {
                                                                                color:var(--erro)}
                                                                                .sr {
                                                                                  position:absolute;
                                                                                  width:1px;
                                                                                  height:1px;
                                                                                  overflow:hidden;
                                                                                  clip:rect(0,0,0,0)}
                                                                                  .invitation-nav {
                                                                                    height:85px;
                                                                                    padding:0 5vw;
                                                                                    display:flex;
                                                                                    align-items:center;
                                                                                    justify-content:space-between;
                                                                                    border-bottom:1px solid var(--linha)}
                                                                                    .invitation-nav>span {
                                                                                      font-size:.7rem;
                                                                                      text-transform:uppercase;
                                                                                      letter-spacing:.18em}
                                                                                      .invitation-nav>a:last-child {
                                                                                        font-size:.8rem}
                                                                                        .wordmark {
                                                                                          font:32px var(--titulo);
                                                                                          text-decoration:none}
                                                                                          .wordmark i {
                                                                                            color:var(--ouro);
                                                                                            font-size:25px}
                                                                                            .editorial-hero {
                                                                                              height:min(900px,calc(100svh - 85px));
                                                                                              min-height:660px;
                                                                                              position:relative;
                                                                                              background:#343035;
                                                                                              color:#fff;
                                                                                              overflow:hidden}
                                                                                              .hero-photo {
                                                                                                width:100%;
                                                                                                height:100%;
                                                                                                object-fit:cover;
                                                                                                object-position:50% 12%}
                                                                                                .hero-shade {
                                                                                                  position:absolute;
                                                                                                  inset:0;
                                                                                                  background:linear-gradient(90deg,rgba(27,14,21,.65),rgba(27,14,21,.05) 85%),linear-gradient(0deg,rgba(27,14,21,.55),transparent 35%)}
                                                                                                  .hero-copy {
                                                                                                    position:absolute;
                                                                                                    left:8vw;
                                                                                                    top:50%;
                                                                                                    transform:translateY(-48%);
                                                                                                    max-width:650px}
                                                                                                    .hero-copy .olho {
                                                                                                      color:#e3caa0}
                                                                                                      .hero-copy h1 {
                                                                                                        font-size:clamp(5.4rem,9.2vw,9rem);
                                                                                                        line-height:.85;
                                                                                                        letter-spacing:-.035em}
                                                                                                        .hero-copy h1 em {
                                                                                                          font-size:.55em;
                                                                                                          display:block;
                                                                                                          font-weight:400;
                                                                                                          color:#dec397;
                                                                                                          margin:12px 0}
                                                                                                          .hero-copy>p:not(.olho) {
                                                                                                            font:1.5rem/1.4 var(--titulo);
                                                                                                            margin-top:30px}
                                                                                                            .hero-button {
                                                                                                              background:var(--papel);
                                                                                                              color:var(--bordo);
                                                                                                              border:0;
                                                                                                              margin-top:30px}
                                                                                                              .hero-foot {
                                                                                                                position:absolute;
                                                                                                                bottom:28px;
                                                                                                                left:8vw;
                                                                                                                right:5vw;
                                                                                                                display:flex;
                                                                                                                justify-content:space-between;
                                                                                                                font-size:.75rem;
                                                                                                                letter-spacing:.04em}
                                                                                                                .event-editorial {
                                                                                                                  max-width:1280px;
                                                                                                                  margin:auto;
                                                                                                                  padding:110px 6vw;
                                                                                                                  display:grid;
                                                                                                                  grid-template-columns:1.2fr 1fr;
                                                                                                                  gap:8vw}
                                                                                                                  .event-editorial h2 {
                                                                                                                    color:var(--bordo)}
                                                                                                                    .event-editorial>div>p {
                                                                                                                      color:var(--suave)}
                                                                                                                      .event-facts {
                                                                                                                        margin:30px 0}
                                                                                                                        .event-facts>div {
                                                                                                                          display:grid;
                                                                                                                          grid-template-columns:75px 1fr;
                                                                                                                          border-top:1px solid var(--linha);
                                                                                                                          padding:18px 0}
                                                                                                                          .event-facts dt {
                                                                                                                            font-size:.7rem;
                                                                                                                            text-transform:uppercase;
                                                                                                                            letter-spacing:.12em;
                                                                                                                            color:var(--ouro-texto)}
                                                                                                                            .event-facts dd {
                                                                                                                              margin:0;
                                                                                                                              font-size:.9rem}
                                                                                                                              .event-links {
                                                                                                                                display:flex;
                                                                                                                                gap:28px;
                                                                                                                                font-size:.82rem}
                                                                                                                                .album-editorial {
                                                                                                                                  background:#eee8df;
                                                                                                                                  padding:80px 6vw 100px}
                                                                                                                                  .album-heading {
                                                                                                                                    max-width:1150px;
                                                                                                                                    margin:0 auto 50px}
                                                                                                                                    .album-heading p:last-child {
                                                                                                                                      margin-top:16px;
                                                                                                                                      color:var(--suave)}

                                                                                                                                                    .rsvp-shell {
                                                                                                                                                      max-width:1150px;
                                                                                                                                                      margin:auto;
                                                                                                                                                      padding:100px 30px}
                                                                                                                                                      .rsvp-intro {
                                                                                                                                                        text-align:center;
                                                                                                                                                        margin-bottom:50px}
                                                                                                                                                        .rsvp-intro p {
                                                                                                                                                          margin:20px auto}
                                                                                                                                                          .rsvp-intro h2 {
                                                                                                                                                            color:var(--bordo)}
                                                                                                                                                            #form-presenca {
                                                                                                                                                              scroll-margin-top:28px;
                                                                                                                                                              max-width:100%}
                                                                                                                                                              .stepper {
                                                                                                                                                                display:flex;
                                                                                                                                                                border-block:1px solid var(--linha);
                                                                                                                                                                padding:22px 0;
                                                                                                                                                                margin-bottom:50px;
                                                                                                                                                                gap:40px;
                                                                                                                                                                justify-content:center;
                                                                                                                                                                color:var(--suave)}
                                                                                                                                                                .stepper span {
                                                                                                                                                                  font-size:.75rem;
                                                                                                                                                                  letter-spacing:.05em}
                                                                                                                                                                  .stepper b {
                                                                                                                                                                    margin-left:12px;
                                                                                                                                                                    font-weight:500}
                                                                                                                                                                    .stepper .active {
                                                                                                                                                                      color:var(--bordo);
                                                                                                                                                                      font-weight:bold}
                                                                                                                                                                      .rsvp-body>.secao>header {
                                                                                                                                                                        margin-bottom:36px}
                                                                                                                                                                        .rsvp-body>.secao>header h2 {
                                                                                                                                                                          font-size:2.7rem;
                                                                                                                                                                          color:var(--bordo)}
                                                                                                                                                                          .rsvp-body>.secao>header p:last-child {
                                                                                                                                                                            margin-top:16px}
                                                                                                                                                                            .rsvp-body>#identificacao {
                                                                                                                                                                              max-width:620px;
                                                                                                                                                                              margin:auto}
                                                                                                                                                                              .contador {
                                                                                                                                                                                display:flex;
                                                                                                                                                                                align-items:center;
                                                                                                                                                                                margin-top:8px;
                                                                                                                                                                                border:1px solid #c9bfb7;
                                                                                                                                                                                background:white}
                                                                                                                                                                                .contador input {
                                                                                                                                                                                  border:0;
                                                                                                                                                                                  text-align:center;
                                                                                                                                                                                  margin:0;
                                                                                                                                                                                  width:60px;
                                                                                                                                                                                  flex:1}
                                                                                                                                                                                  .contador button {
                                                                                                                                                                                    border:0;
                                                                                                                                                                                    background:transparent;
                                                                                                                                                                                    width:44px;
                                                                                                                                                                                    height:48px;
                                                                                                                                                                                    font-size:20px}
                                                                                                                                                                                    .step-actions {
                                                                                                                                                                                      display:flex;
                                                                                                                                                                                      justify-content:space-between;
                                                                                                                                                                                      margin-top:32px}
                                                                                                                                                                                      .atalhos {
                                                                                                                                                                                        display:flex;
                                                                                                                                                                                        gap:24px;
                                                                                                                                                                                        margin:24px 0}
                                                                                                                                                                                        .atalhos a {
                                                                                                                                                                                          font-size:.8rem}
                                                                                                                                                                                          .grupo {
                                                                                                                                                                                            padding:0;
                                                                                                                                                                                            border:0;
                                                                                                                                                                                            margin:30px 0}
                                                                                                                                                                                            .grupo legend {
                                                                                                                                                                                              padding:0;
                                                                                                                                                                                              margin-bottom:14px}
                                                                                                                                                                                              .cartoes {
                                                                                                                                                                                                display:grid;
                                                                                                                                                                                                grid-template-columns:repeat(3,minmax(0,1fr));
                                                                                                                                                                                                gap:28px;
                                                                                                                                                                                                margin-top:24px}
                                                                                                                                                                                                .cartao {
                                                                                                                                                                                                  position:relative;
                                                                                                                                                                                                  cursor:pointer;
                                                                                                                                                                                                  margin:0;
                                                                                                                                                                                                  border-bottom:1px solid var(--linha);
                                                                                                                                                                                                  padding-bottom:20px}
                                                                                                                                                                                                  .cartao>input {
                                                                                                                                                                                                    position:absolute;
                                                                                                                                                                                                    right:12px;
                                                                                                                                                                                                    top:12px;
                                                                                                                                                                                                    z-index:1;
                                                                                                                                                                                                    margin:0}
                                                                                                                                                                                                    .cartao .corpo {
                                                                                                                                                                                                      display:block}
                                                                                                                                                                                                      .cartao .foto {
                                                                                                                                                                                                        display:block;
                                                                                                                                                                                                        aspect-ratio:1;
                                                                                                                                                                                                        background:#eae3da;
                                                                                                                                                                                                        margin-bottom:16px}
                                                                                                                                                                                                        .cartao .foto:empty {
                                                                                                                                                                                                          background:linear-gradient(135deg,#e9e2d9,#f4f0ea)}
                                                                                                                                                                                                          .cartao .foto img {
                                                                                                                                                                                                            width:100%;
                                                                                                                                                                                                            height:100%;
                                                                                                                                                                                                            object-fit:contain}
                                                                                                                                                                                                            .cartao .nome {
                                                                                                                                                                                                              display:block;
                                                                                                                                                                                                              font:1.5rem/1.15 var(--titulo)}
                                                                                                                                                                                                              .cartao .info {
                                                                                                                                                                                                                display:block}
                                                                                                                                                                                                                .cartao small {
                                                                                                                                                                                                                  display:block;
                                                                                                                                                                                                                  margin-top:8px}
                                                                                                                                                                                                                  .cartao .preco {
                                                                                                                                                                                                                    display:block;
                                                                                                                                                                                                                    color:var(--bordo);
                                                                                                                                                                                                                    margin-bottom:10px}
                                                                                                                                                                                                                    .cartao .preco small {
                                                                                                                                                                                                                      display:inline;
                                                                                                                                                                                                                      margin-left:10px}
                                                                                                                                                                                                                      .cartao .estado {
                                                                                                                                                                                                                        display:block;
                                                                                                                                                                                                                        font-size:.7rem;
                                                                                                                                                                                                                        margin-top:14px;
                                                                                                                                                                                                                        color:var(--suave)}
                                                                                                                                                                                                                        .cartao .sim,.marca {
                                                                                                                                                                                                                          display:none}
                                                                                                                                                                                                                          .cartao:has(input:checked) {
                                                                                                                                                                                                                            border-bottom:3px solid var(--bordo)}
                                                                                                                                                                                                                            .cartao:has(input:checked) .nao {
                                                                                                                                                                                                                              display:none}
                                                                                                                                                                                                                              .cartao:has(input:checked) .sim {
                                                                                                                                                                                                                                display:inline;
                                                                                                                                                                                                                                color:var(--bordo)}
                                                                                                                                                                                                                                .cartao.reservado {
                                                                                                                                                                                                                                  opacity:.5;
                                                                                                                                                                                                                                  cursor:default}
                                                                                                                                                                                                                                  .paleta {
                                                                                                                                                                                                                                    border-block:1px solid var(--linha);
                                                                                                                                                                                                                                    padding:18px 0;
                                                                                                                                                                                                                                    margin-top:20px}
                                                                                                                                                                                                                                    .paleta ul {
                                                                                                                                                                                                                                      display:flex;
                                                                                                                                                                                                                                      gap:20px;
                                                                                                                                                                                                                                      list-style:none;
                                                                                                                                                                                                                                      padding:0;
                                                                                                                                                                                                                                      flex-wrap:wrap;
                                                                                                                                                                                                                                      font-size:.75rem}
                                                                                                                                                                                                                                      .amostra {
                                                                                                                                                                                                                                        display:inline-block;
                                                                                                                                                                                                                                        width:18px;
                                                                                                                                                                                                                                        height:18px;
                                                                                                                                                                                                                                        border-radius:50%;
                                                                                                                                                                                                                                        background:var(--amostra);
                                                                                                                                                                                                                                        border:1px solid #b6aaa0;
                                                                                                                                                                                                                                        vertical-align:middle;
                                                                                                                                                                                                                                        margin-right:6px}
                                                                                                                                                                                                                                        .paleta .olho {
                                                                                                                                                                                                                                          margin:0}
                                                                                                                                                                                                                                          .paleta .link {
                                                                                                                                                                                                                                            font-size:.75rem}
                                                                                                                                                                                                                                            .dados {
                                                                                                                                                                                                                                              display:grid;
                                                                                                                                                                                                                                              grid-template-columns:1fr 1fr;
                                                                                                                                                                                                                                              gap:50px}
                                                                                                                                                                                                                                              .resumo {
                                                                                                                                                                                                                                                border-left:2px solid var(--ouro);
                                                                                                                                                                                                                                                padding:0 28px}
                                                                                                                                                                                                                                                .resumo .linha {
                                                                                                                                                                                                                                                  display:flex;
                                                                                                                                                                                                                                                  align-items:center;
                                                                                                                                                                                                                                                  gap:20px;
                                                                                                                                                                                                                                                  margin-bottom:24px}
                                                                                                                                                                                                                                                  .resumo img {
                                                                                                                                                                                                                                                    width:100px;
                                                                                                                                                                                                                                                    height:100px;
                                                                                                                                                                                                                                                    object-fit:contain}
                                                                                                                                                                                                                                                    .resumo .nome {
                                                                                                                                                                                                                                                      font:1.8rem var(--titulo)}
                                                                                                                                                                                                                                                      .resumo .preco {
                                                                                                                                                                                                                                                        color:var(--bordo)}
                                                                                                                                                                                                                                                        .resumo .regra {
                                                                                                                                                                                                                                                          font-size:.9rem}
                                                                                                                                                                                                                                                          .dados .campos .botao {
                                                                                                                                                                                                                                                            margin-top:20px}
                                                                                                                                                                                                                                                            #dados header [data-revisao] {
                                                                                                                                                                                                                                                              font-size:1.1rem}
                                                                                                                                                                                                                                                              .invitation-footer {
                                                                                                                                                                                                                                                                background:var(--bordo);
                                                                                                                                                                                                                                                                color:#eadfd9;
                                                                                                                                                                                                                                                                padding:60px 24px;
                                                                                                                                                                                                                                                                text-align:center}
                                                                                                                                                                                                                                                                .invitation-footer>span {
                                                                                                                                                                                                                                                                  font:4rem var(--titulo)}
                                                                                                                                                                                                                                                                  .invitation-footer p {
                                                                                                                                                                                                                                                                    margin:20px auto}
                                                                                                                                                                                                                                                                    .invitation-footer small {
                                                                                                                                                                                                                                                                      color:#d7c4bc}
                                                                                                                                                                                                                                                                      .pagina {
                                                                                                                                                                                                                                                                        max-width:1100px;
                                                                                                                                                                                                                                                                        margin:auto;
                                                                                                                                                                                                                                                                        padding:0 24px}
                                                                                                                                                                                                                                                                        .secao {
                                                                                                                                                                                                                                                                          padding:35px 0}
                                                                                                                                                                                                                                                                          .caixas {
                                                                                                                                                                                                                                                                            display:grid;
                                                                                                                                                                                                                                                                            grid-template-columns:1fr 1fr;
                                                                                                                                                                                                                                                                            gap:32px;
                                                                                                                                                                                                                                                                            margin:30px 0}
                                                                                                                                                                                                                                                                            .caixa {
                                                                                                                                                                                                                                                                              border:1px solid var(--linha);
                                                                                                                                                                                                                                                                              padding:28px}
                                                                                                                                                                                                                                                                              .caixa h3 {
                                                                                                                                                                                                                                                                                margin-bottom:20px}
                                                                                                                                                                                                                                                                                #recuperar {
                                                                                                                                                                                                                                                                                  padding:70px 0}
                                                                                                                                                                                                                                                                                  #recuperar h2 {
                                                                                                                                                                                                                                                                                    margin-bottom:20px}
                                                                                                                                                                                                                                                                                    .topo {
                                                                                                                                                                                                                                                                                      display:flex;
                                                                                                                                                                                                                                                                                      justify-content:space-between;
                                                                                                                                                                                                                                                                                      align-items:center;
                                                                                                                                                                                                                                                                                      padding:24px 0;
                                                                                                                                                                                                                                                                                      border-bottom:1px solid var(--linha)}
                                                                                                                                                                                                                                                                                      .monograma {
                                                                                                                                                                                                                                                                                        font:2rem var(--titulo)}
                                                                                                                                                                                                                                                                                        .cartaz {
                                                                                                                                                                                                                                                                                          max-width:720px;
                                                                                                                                                                                                                                                                                          margin:70px auto}
                                                                                                                                                                                                                                                                                          .cartaz h1 {
                                                                                                                                                                                                                                                                                            font-size:3.8rem;
                                                                                                                                                                                                                                                                                            color:var(--bordo);
                                                                                                                                                                                                                                                                                            margin:28px 0}
                                                                                                                                                                                                                                                                                            .lista-dados {
                                                                                                                                                                                                                                                                                              list-style:none;
                                                                                                                                                                                                                                                                                              padding:0;
                                                                                                                                                                                                                                                                                              margin:35px 0}
                                                                                                                                                                                                                                                                                              .lista-dados li {
                                                                                                                                                                                                                                                                                                display:flex;
                                                                                                                                                                                                                                                                                                justify-content:space-between;
                                                                                                                                                                                                                                                                                                gap:24px;
                                                                                                                                                                                                                                                                                                border-bottom:1px solid var(--linha);
                                                                                                                                                                                                                                                                                                padding:16px 0}
                                                                                                                                                                                                                                                                                                .lista-dados li span:last-child {
                                                                                                                                                                                                                                                                                                  text-align:right}
                                                                                                                                                                                                                                                                                                  .leva {
                                                                                                                                                                                                                                                                                                    display:flex;
                                                                                                                                                                                                                                                                                                    align-items:center;
                                                                                                                                                                                                                                                                                                    gap:20px;
                                                                                                                                                                                                                                                                                                    margin-top:24px}
                                                                                                                                                                                                                                                                                                    .pix {
                                                                                                                                                                                                                                                                                                      border:1px solid var(--linha);
                                                                                                                                                                                                                                                                                                      padding:28px;
                                                                                                                                                                                                                                                                                                      margin:32px 0}
                                                                                                                                                                                                                                                                                                      .valor {
                                                                                                                                                                                                                                                                                                        font:3rem var(--titulo);
                                                                                                                                                                                                                                                                                                        margin:15px 0}
                                                                                                                                                                                                                                                                                                        .qr {
                                                                                                                                                                                                                                                                                                          margin:24px auto}
                                                                                                                                                                                                                                                                                                          .codigo {
                                                                                                                                                                                                                                                                                                            font-family:monospace}
                                                                                                                                                                                                                                                                                                            .pix .botao {
                                                                                                                                                                                                                                                                                                              margin-top:15px}
                                                                                                                                                                                                                                                                                                              .selo-ok {
                                                                                                                                                                                                                                                                                                                width:70px;
                                                                                                                                                                                                                                                                                                                color:var(--ouro)}
                                                                                                                                                                                                                                                                                                                .selo-ok svg {
                                                                                                                                                                                                                                                                                                                  fill:none;
                                                                                                                                                                                                                                                                                                                  stroke:currentColor;
                                                                                                                                                                                                                                                                                                                  stroke-width:2}
                                                                                                                                                                                                                                                                                                                  .filete {
                                                                                                                                                                                                                                                                                                                    height:1px;
                                                                                                                                                                                                                                                                                                                    background:var(--linha);
                                                                                                                                                                                                                                                                                                                    margin:30px 0}
                                                                                                                                                                                                                                                                                                                    .rodape {
                                                                                                                                                                                                                                                                                                                      padding:30px;
                                                                                                                                                                                                                                                                                                                      text-align:center}

                                                                                                                                                                                                                                                                                                                                .login {
                                                                                                                                                                                                                                                                                                                                  max-width:440px;
                                                                                                                                                                                                                                                                                                                                  margin:15vh auto;
                                                                                                                                                                                                                                                                                                                                  padding:28px}
                                                                                                                                                                                                                                                                                                                                  @media(max-width:700px) {
                                                                                                                                                                                                                                                                                                                                    .invitation-nav {
                                                                                                                                                                                                                                                                                                                                      height:68px;
                                                                                                                                                                                                                                                                                                                                      padding:0 22px}
                                                                                                                                                                                                                                                                                                                                      .invitation-nav>span {
                                                                                                                                                                                                                                                                                                                                        display:none}
                                                                                                                                                                                                                                                                                                                                        .editorial-hero {
                                                                                                                                                                                                                                                                                                                                          height:calc(92svh - 68px);
                                                                                                                                                                                                                                                                                                                                          min-height:600px}
                                                                                                                                                                                                                                                                                                                                          .hero-photo {
                                                                                                                                                                                                                                                                                                                                            object-position:54% 25%}
                                                                                                                                                                                                                                                                                                                                            .hero-shade {
                                                                                                                                                                                                                                                                                                                                              background:linear-gradient(0deg,rgba(25,12,19,.85),rgba(25,12,19,.08) 85%)}
                                                                                                                                                                                                                                                                                                                                              .hero-copy {
                                                                                                                                                                                                                                                                                                                                                left:7vw;
                                                                                                                                                                                                                                                                                                                                                top:auto;
                                                                                                                                                                                                                                                                                                                                                bottom:100px;
                                                                                                                                                                                                                                                                                                                                                transform:none}
                                                                                                                                                                                                                                                                                                                                                .hero-copy h1 {
                                                                                                                                                                                                                                                                                                                                                  font-size:5.8rem}
                                                                                                                                                                                                                                                                                                                                                  .hero-copy>p:not(.olho) {
                                                                                                                                                                                                                                                                                                                                                    font-size:1.25rem;
                                                                                                                                                                                                                                                                                                                                                    margin-top:20px}
                                                                                                                                                                                                                                                                                                                                                    .hero-copy .olho {
                                                                                                                                                                                                                                                                                                                                                      margin-bottom:24px}
                                                                                                                                                                                                                                                                                                                                                      .hero-foot {
                                                                                                                                                                                                                                                                                                                                                        left:7vw;
                                                                                                                                                                                                                                                                                                                                                        bottom:25px;
                                                                                                                                                                                                                                                                                                                                                        flex-direction:column;
                                                                                                                                                                                                                                                                                                                                                        gap:8px;
                                                                                                                                                                                                                                                                                                                                                        font-size:.7rem}
                                                                                                                                                                                                                                                                                                                                                        .event-editorial {
                                                                                                                                                                                                                                                                                                                                                          padding:70px 25px;
                                                                                                                                                                                                                                                                                                                                                          grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                          gap:32px}
                                                                                                                                                                                                                                                                                                                                                          .event-editorial h2 {
                                                                                                                                                                                                                                                                                                                                                            font-size:2.9rem}
                                                                                                                                                                                                                                                                                                                                                            .album-editorial {
                                                                                                                                                                                                                                                                                                                                                              padding:55px 22px}

                                                                                                                                                                                                                                                                                                                                                                        .rsvp-shell {
                                                                                                                                                                                                                                                                                                                                                                          padding:60px 22px}
                                                                                                                                                                                                                                                                                                                                                                          .rsvp-intro {
                                                                                                                                                                                                                                                                                                                                                                            margin-bottom:30px}
                                                                                                                                                                                                                                                                                                                                                                            .stepper {
                                                                                                                                                                                                                                                                                                                                                                              gap:18px;
                                                                                                                                                                                                                                                                                                                                                                              justify-content:space-between;
                                                                                                                                                                                                                                                                                                                                                                              padding:18px 0;
                                                                                                                                                                                                                                                                                                                                                                              margin-bottom:30px}
                                                                                                                                                                                                                                                                                                                                                                              .stepper b {
                                                                                                                                                                                                                                                                                                                                                                                margin-left:4px;
                                                                                                                                                                                                                                                                                                                                                                                font-size:.68rem}
                                                                                                                                                                                                                                                                                                                                                                                .duplo {
                                                                                                                                                                                                                                                                                                                                                                                  gap:12px}
                                                                                                                                                                                                                                                                                                                                                                                  .cartoes {
                                                                                                                                                                                                                                                                                                                                                                                    grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                                                                                                                                                                                                                                                                                                    gap:24px 14px}
                                                                                                                                                                                                                                                                                                                                                                                    .cartao .nome {
                                                                                                                                                                                                                                                                                                                                                                                      font-size:1.3rem}
                                                                                                                                                                                                                                                                                                                                                                                      .dados,.caixas {
                                                                                                                                                                                                                                                                                                                                                                                        grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                                                        gap:24px}
                                                                                                                                                                                                                                                                                                                                                                                        .resumo {
                                                                                                                                                                                                                                                                                                                                                                                          padding-left:20px}
                                                                                                                                                                                                                                                                                                                                                                                          .rsvp-body>.secao>header h2 {
                                                                                                                                                                                                                                                                                                                                                                                            font-size:2.4rem}
                                                                                                                                                                                                                                                                                                                                                                                            .event-facts>div {
                                                                                                                                                                                                                                                                                                                                                                                              grid-template-columns:65px 1fr}
                                                                                                                                                                                                                                                                                                                                                                                              .cartaz h1 {
                                                                                                                                                                                                                                                                                                                                                                                                font-size:3rem}
                                                                                                                                                                                                                                                                                                                                                                                                .lista-dados li {
                                                                                                                                                                                                                                                                                                                                                                                                  font-size:.9rem}
                                                                                                                                                                                                                                                                                                                                                                                                  .step-actions .botao {
                                                                                                                                                                                                                                                                                                                                                                                                    padding-inline:18px}
                                                                                                                                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                                                                                                                                  @media(prefers-reduced-motion:reduce) {
                                                                                                                                                                                                                                                                                                                                                                                                    html {
                                                                                                                                                                                                                                                                                                                                                                                                      scroll-behavior:auto}
                                                                                                                                                                                                                                                                                                                                                                                                      * {
                                                                                                                                                                                                                                                                                                                                                                                                        animation:none!important;
                                                                                                                                                                                                                                                                                                                                                                                                        transition:none!important}
                                                                                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                                                                                      @media(prefers-reduced-motion:no-preference) {
                                                                                                                                                                                                                                                                                                                                                                                                        .hero-copy {
                                                                                                                                                                                                                                                                                                                                                                                                          animation:reveal 1s ease-out}
                                                                                                                                                                                                                                                                                                                                                                                                          .rsvp-body>.secao {
                                                                                                                                                                                                                                                                                                                                                                                                            animation:reveal .35s ease-out}
                                                                                                                                                                                                                                                                                                                                                                                                            @keyframes reveal {
                                                                                                                                                                                                                                                                                                                                                                                                              from {
                                                                                                                                                                                                                                                                                                                                                                                                                opacity:0}
                                                                                                                                                                                                                                                                                                                                                                                                                to {
                                                                                                                                                                                                                                                                                                                                                                                                                  opacity:1}
                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                              }

/* Galeria: cada fotografia conserva a proporção do arquivo de origem. */
.photo-composition {
  display: block;
  columns: 2 320px;
  column-gap: 24px;
  max-width: 1040px;
  margin: 0 auto;
}
.photo-composition figure {
  break-inside: avoid;
  margin: 0 0 24px;
  overflow: visible;
}
.photo-composition img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-inline: auto;
}
.abrir-foto {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: zoom-in;
}
.abrir-foto:focus-visible {
  outline: 2px solid var(--bordo);
  outline-offset: 5px;
}
.film-editorial {
  max-width: 720px;
  margin: 40px auto 0;
  padding-top: 32px;
  border-top: 1px solid #c7a56a70;
  display: grid;
  grid-template-columns: minmax(0,1fr) 160px;
  gap: 48px;
  align-items: center;
}
.film-copy .olho { margin-bottom: 14px; }
.film-copy h3 { font-size: 2.4rem; color: var(--bordo); line-height: 1.1; }
.film-copy > p:last-child { margin-top: 18px; color: var(--suave); font-size: .9rem; }
.film-cover {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #241a21;
  color: white;
  cursor: pointer;
}
.film-cover > img { display: block; width: 100%; height: auto; object-fit: contain; }
.film-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 45%,#241a21b3);
  pointer-events: none;
}
.film-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid #ffffffb3;
  border-radius: 50%;
  background: #301d2ab3;
  z-index: 1;
}
.film-play svg { width: 22px; height: 22px; fill: currentColor; margin-left: 2px; }
.film-cover-label {
  position: absolute;
  bottom: 15px;
  left: 8px;
  right: 8px;
  z-index: 1;
  font: 500 .65rem var(--texto);
  text-align: center;
}
.film-cover:hover .film-play { background: var(--bordo); }
body:has(#album[open],#filme[open]) { overflow: hidden; }
#album,#filme {
  padding: 18px;
  border: 1px solid #59444d;
  border-radius: 6px;
  background: #221a20;
  color: #f8f5f0;
  width: fit-content;
  max-width: calc(100vw - 32px);
  max-height: calc(100svh - 32px);
  overflow: auto;
}
#album::backdrop,#filme::backdrop { background: #1b1319ed; }
.media-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 12px;
  font: 400 .75rem var(--texto);
  color: #d9c9c0;
}
.media-toolbar h2 { font: 500 .9rem var(--texto); color: inherit; }
.media-toolbar button,#album nav button {
  background: transparent;
  border: 1px solid #8a777f;
  border-radius: 3px;
  padding: 10px 14px;
  min-height: 42px;
  color: #f8f5f0;
  font: 500 .75rem var(--texto);
  cursor: pointer;
}
#album > img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(90vw,1100px);
  max-height: 74svh;
  object-fit: contain;
  margin: 0 auto;
}
.media-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 14px;
}
.media-caption p { font-size: .75rem; color: #d9c9c0; }
#album nav { display: flex; gap: 10px; flex-shrink: 0; }
#filme { min-width: min(420px,calc(100vw - 32px)); }
#filme video {
  display: block;
  width: auto;
  height: auto;
  max-width: min(90vw,1000px);
  max-height: 74svh;
  object-fit: contain;
  margin: 0 auto;
  background: #161116;
}
#filme [data-film-status] { font-size: .8rem; padding: 14px 0 0; max-width: 50ch; }
@media (max-width:700px) {
  .photo-composition { columns: 1; }
  .photo-composition figure { margin-bottom: 20px; }
  .film-editorial { grid-template-columns: minmax(0,1fr) 110px; gap: 22px; padding-top: 26px; margin-top: 24px; }
  .film-copy .olho { font-size: .6rem; margin-bottom: 12px; }
  .film-copy h3 { font-size: 1.7rem; }
  .film-copy > p:last-child { font-size: .78rem; line-height: 1.6; margin-top: 14px; }
  .film-play { width: 44px; height: 44px; }
  .film-cover-label { font-size: .55rem; bottom: 12px; }
  #album,#filme { padding: 12px; max-width: calc(100vw - 20px); max-height: calc(100svh - 20px); }
  #album > img,#filme video { max-width: calc(100vw - 46px); max-height: 68svh; }
  .media-toolbar { gap: 14px; }
  .media-toolbar h2 { font-size: .78rem; max-width: 19ch; line-height: 1.5; }
  .media-caption { flex-direction: column; align-items: stretch; gap: 12px; }
  .media-caption p { font-size: .7rem; }
  #album nav { justify-content: space-between; }
}