/* Bride Era R14.7.202 · primeira dobra: o planner que se adapta ao seu evento */
#top{--ad-c1:#c48c80;--ad-c2:#7c4740}
#top .ad202-rot{display:inline-block;color:var(--ad-c1);transition:color .5s}
#top .ad202-rot span{display:inline-block;transition:opacity .25s,transform .25s}
#top .ad202-rot.ad202-sai span{opacity:0;transform:translateY(8px)}
.ad202{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px;max-width:620px}
.ad202 button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 14px;border-radius:999px;border:1px solid rgba(124,71,64,.18);background:rgba(255,255,255,.82);color:#2b211e;font:inherit;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s,box-shadow .2s,background .3s,color .3s,border-color .3s}
.ad202 button span{font-size:1.05rem;line-height:1}
.ad202 button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px var(--c2)}
.ad202 button[aria-checked="true"]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 14px 28px -14px var(--c2)}
.ad202 .ad202-mais{display:none}
.ad202.ad202-tudo .ad202-mais{display:inline-flex;animation:ad202In .35s ease both}
.ad202.ad202-tudo .ad202-ver{display:none}
.ad202 .ad202-ver{border-style:dashed;background:transparent;color:#7c4740}
@keyframes ad202In{from{opacity:0;transform:translateY(6px)}}
/* painel de exemplo */
#mockWindow{transition:box-shadow .5s}
#mockWindow .mock-bar{transition:background .5s}
#mockWindow .ad202-cab{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--ad-c1),var(--ad-c2));transition:background .5s}
#mockWindow .ad202-emo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;background:rgba(255,255,255,.2)}
#mockWindow .ad202-cab small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
#mockWindow .ad202-cab b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.15rem;line-height:1.1}
#mockWindow .ad202-cab>div{flex:1;min-width:0}
#mockWindow .ad202-selo{font-style:normal;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.22)}
#mockWindow .mock-countdown b{color:var(--ad-c2);transition:color .5s}
#mockWindow .ad202-menu{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
#mockWindow .ad202-menu span{font-size:.72rem;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--ad-c1) 14%,#fff);color:#3a2b27;white-space:nowrap}
#mockWindow .mock-item.done i{background:var(--ad-c1)!important;border-color:var(--ad-c1)!important}
#mockWindow.ad202-sai .mock-body>*{opacity:.15;transform:translateY(6px)}
#mockWindow .mock-body>*{transition:opacity .25s,transform .25s}
#mockWindow.ad202-entra .ad202-menu span,#mockWindow.ad202-entra .mock-item{animation:ad202In .4s calc(var(--i,0)*.05s) ease both}
@media (max-width:720px){.ad202{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:2px 16px 6px;scrollbar-width:none}.ad202::-webkit-scrollbar{display:none}.ad202 .ad202-mais{display:inline-flex}.ad202 .ad202-ver{display:none}}
#top .ad202-h1 em{white-space:nowrap}
@media (max-width:720px){.ad202{justify-content:flex-start!important}}
#top .ad202{justify-content:center;margin-left:auto;margin-right:auto}
#top .ad202-h1{font-size:clamp(2.3rem,3.9vw,3.5rem)!important;line-height:1.06}
#top .ad202 button{border-radius:999px!important}
/* R14.7.203: exemplos de outras festas e fornecedores (seção de exemplos da landing) */
.ex203-mais{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:28px}
.ex203-mais>div{padding:22px;border-radius:24px;background:#fff;border:1px solid #eee4df;box-shadow:0 20px 44px -36px rgba(60,30,20,.55)}
.ex203-mais b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:1.5rem;color:#221a18}
.ex203-mais small{display:block;color:#7d706b;margin:2px 0 12px}
.ex203-chips{display:flex;flex-wrap:wrap;gap:8px}
.ex203-chips a{padding:8px 13px;border-radius:999px;border:1px solid #eee4df;background:#fffaf6;color:#221a18;text-decoration:none;font-size:.88rem;white-space:nowrap;transition:transform .15s,border-color .15s}
.ex203-chips a:hover{transform:translateY(-1px);border-color:#b07466}
@media(max-width:860px){.ex203-mais{grid-template-columns:1fr}}