/* Ceria: cerah dan membulat, untuk acara anak & syukuran keluarga. */
.tpl-ceria .sec{padding:3rem 0}
.tpl-ceria .sec + .sec{border-top:3px dotted color-mix(in srgb,var(--color-accent) 60%,transparent)}
.tpl-ceria .sec__title{font-weight:700}
.tpl-ceria .sec-cover--bubble{min-height:85vh;display:grid;place-content:center;justify-items:center;gap:.25rem}
.tpl-ceria .balloons{display:flex;gap:.5rem;align-items:flex-end;color:var(--color-accent)}
.tpl-ceria .balloons svg:last-child{color:var(--color-primary)}
.tpl-ceria .cover__photo{width:11rem;height:11rem;object-fit:cover;border-radius:50%;border:6px solid var(--color-accent)}
.tpl-ceria .cover__names{font-size:clamp(2.5rem,13vw,4rem);font-weight:700;color:var(--color-primary)}
.tpl-ceria .cover__date{display:inline-block;padding:.35rem 1rem;border-radius:999px;background:var(--color-accent);color:var(--color-text);font-weight:600}
.tpl-ceria .btn{border-radius:1rem;box-shadow:0 4px 0 color-mix(in srgb,var(--color-primary) 60%,#000)}
.tpl-ceria .btn:active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--color-primary) 60%,#000)}
.tpl-ceria .btn--ghost{box-shadow:none}
.tpl-ceria .event,.tpl-ceria .gift,.tpl-ceria .wish{border-radius:1.25rem;background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg));border:0}
.tpl-ceria .countdown div{border-radius:1rem;background:var(--color-accent);color:var(--color-text)}
.tpl-ceria .gate{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--color-accent) 35%,var(--color-bg)),var(--color-bg) 60%)}
.tpl-ceria .person__photo{border:5px solid var(--color-accent)}