/* Convite Chá de Cozinha — Igor & Laís
   Todos os estilos ficam dentro de .cdc-wrap para não afetar o resto do site/tema. */

.cdc-wrap{
  --cdc-bg: #FBF3EC;
  --cdc-card: #FFFFFF;
  --cdc-ink: #4A3B32;
  --cdc-ink-soft: #8C7A6D;
  --cdc-clay: #B9714F;
  --cdc-clay-soft: #E3C3AE;
  --cdc-sage: #8FA07E;
  --cdc-sage-soft: #D9E2D0;
  --cdc-max: 440px;

  display:flex;
  justify-content:center;
  background:#EFE2D3;
  padding: 24px 12px;
  font-family:'Jost', sans-serif;
  color: var(--cdc-ink);
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  line-height:normal;
}
.cdc-wrap *{ box-sizing:border-box; }
.cdc-wrap .cdc-page{
  width:100%;
  max-width: var(--cdc-max);
  background: var(--cdc-bg);
  position:relative;
  box-shadow: 0 0 70px rgba(74,59,50,0.22);
  overflow:hidden;
  border-radius: 6px;
}
.cdc-wrap .cdc-script{ font-family:'Great Vibes', cursive; }
.cdc-wrap .cdc-serif{ font-family:'Playfair Display', serif; }

.cdc-wrap .cdc-content{ padding-bottom: 40px; }

.cdc-wrap .cdc-hero-photo{
  width:100%;
  height: 300px;
  position:relative;
  overflow:hidden;
}
.cdc-wrap .cdc-hero-photo img{
  width:100%; height:100%;
  object-fit:cover;
  object-position:50% 22%;
  display:block;
  margin:0;
}
.cdc-wrap .cdc-hero-photo::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(251,243,236,0) 60%, var(--cdc-bg) 100%);
}
.cdc-wrap .cdc-hero-caption{
  text-align:center;
  padding: 22px 26px 30px;
}
.cdc-wrap .cdc-kitchen-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  margin-bottom: 16px;
}
.cdc-wrap .cdc-cha-title{
  font-family:'Playfair Display', serif;
  font-weight:600;
  font-size: 19px;
  letter-spacing: 0.14em;
  color: var(--cdc-clay);
}
.cdc-wrap .cdc-hero-caption .cdc-script{ font-size:46px; color:var(--cdc-ink); display:block; margin-bottom:6px; }
.cdc-wrap .cdc-hero-caption .cdc-date{ font-size:12px; letter-spacing:0.22em; color:var(--cdc-clay); }

.cdc-wrap .cdc-card{
  background: var(--cdc-card);
  margin: 0 20px 20px;
  border-radius: 22px;
  padding: 34px 26px;
  position:relative;
  text-align:center;
  box-shadow: 0 6px 24px rgba(74,59,50,0.06);
}
.cdc-wrap .cdc-card .cdc-corner{
  position:absolute;
  top: 14px; left: 14px;
  opacity: 0.9;
}
.cdc-wrap .cdc-card .cdc-corner.cdc-br{
  top:auto; left:auto; bottom:14px; right:14px;
  transform: rotate(180deg);
}

.cdc-wrap .cdc-eyebrow{
  font-size:11px;
  letter-spacing:0.28em;
  color: var(--cdc-sage);
  margin-bottom: 10px;
  text-transform:lowercase;
  display:block;
}
.cdc-wrap .cdc-eyebrow::first-letter{ text-transform:uppercase; }

.cdc-wrap .cdc-convite p{
  font-size:14.5px;
  line-height:1.85;
  color:var(--cdc-ink-soft);
  max-width:300px;
  margin:0 auto;
}

.cdc-wrap .cdc-local .cdc-info{
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-top: 6px;
}
.cdc-wrap .cdc-info-row{ display:flex; flex-direction:column; gap:3px; }
.cdc-wrap .cdc-info-row .cdc-k{ font-size:11px; letter-spacing:0.2em; color:var(--cdc-clay); }
.cdc-wrap .cdc-info-row .cdc-v{ font-family:'Playfair Display', serif; font-size:19px; color:var(--cdc-ink); font-weight:500; }
.cdc-wrap .cdc-info-row .cdc-v.cdc-small{ font-size:15.5px; font-weight:400; line-height:1.5; }

.cdc-wrap .cdc-rsvp p{
  font-size:14px;
  line-height:1.8;
  color:var(--cdc-ink-soft);
  max-width:280px;
  margin:0 auto 22px;
}
.cdc-wrap .cdc-rsvp-title{
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-weight:500;
  font-size:24px;
  color:var(--cdc-ink);
  margin: 4px 0 14px;
}
.cdc-wrap .cdc-rsvp-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  background: var(--cdc-clay);
  color:#fff;
  font-family:'Jost', sans-serif;
  font-size:13px;
  letter-spacing:0.04em;
  padding: 13px 28px;
  border-radius:999px;
  box-shadow: 0 8px 20px rgba(185,113,79,0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cdc-wrap .cdc-rsvp-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(185,113,79,0.34);
}
.cdc-wrap .cdc-rsvp-btn::before{ content:"💬"; }

.cdc-wrap .cdc-lista{ text-align:left; }
.cdc-wrap .cdc-lista .cdc-eyebrow,
.cdc-wrap .cdc-lista h2,
.cdc-wrap .cdc-lista .cdc-havan-wrap{ text-align:center; }
.cdc-wrap .cdc-lista h2{
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-weight:500;
  font-size:21px;
  margin-bottom: 16px;
  color:var(--cdc-ink);
}
.cdc-wrap .cdc-havan-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin: 0 auto 34px;
  text-decoration:none;
  background: transparent;
  border: 1px solid var(--cdc-clay);
  color: var(--cdc-clay);
  font-family:'Jost', sans-serif;
  font-size:12.5px;
  letter-spacing:0.06em;
  padding: 11px 24px;
  border-radius:999px;
  transition: background 0.2s ease, color 0.2s ease;
}
.cdc-wrap .cdc-havan-btn:hover{ background: var(--cdc-clay); color:#fff; }
.cdc-wrap .cdc-categoria{ margin-bottom: 30px; }
.cdc-wrap .cdc-categoria:last-child{ margin-bottom:0; }
.cdc-wrap .cdc-categoria-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.cdc-wrap .cdc-categoria-head .cdc-dot{ width:6px; height:6px; border-radius:50%; background:var(--cdc-clay); flex:0 0 auto; }
.cdc-wrap .cdc-categoria-head h3{
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-weight:500;
  font-size:16.5px;
  color:var(--cdc-ink);
  margin:0;
}
.cdc-wrap .cdc-itens{ font-size:13.5px; line-height:2; color:var(--cdc-ink-soft); padding-left:16px; margin:0; list-style:none; }
.cdc-wrap .cdc-itens span{ display:block; }

.cdc-wrap .cdc-footer{
  text-align:center;
  padding: 20px 34px 50px;
}
.cdc-wrap .cdc-footer .cdc-script{ font-size:34px; color:var(--cdc-clay); display:block; margin-bottom:10px; }
.cdc-wrap .cdc-footer p{ font-size:13px; color:var(--cdc-ink-soft); line-height:1.7; max-width:260px; margin: 0 auto; }