/* Baraem — paediatrics: cheerful, bubbly, rounded */
:root { --_r: 24px; }
.topbar { background: #155E75; }
.topbar .i { color: #FDE68A; }
.header { box-shadow: none; border-bottom: 3px dashed rgba(var(--_a-rgb), .35); }
.nav a { border-radius: 999px; }
.nav a[aria-current=page] { background: var(--_a); color: #fff; }
.btn { border-radius: 999px; }
.btn-book { background: var(--_a); border-color: var(--_a); color: #422006; box-shadow: 0 8px 0 -2px rgba(var(--_a-rgb), .35); }
.hero-kids { background: radial-gradient(700px 400px at 90% 10%, rgba(var(--_a-rgb), .18), transparent 60%), radial-gradient(600px 400px at 0% 100%, rgba(var(--_p-rgb), .16), transparent 60%), #F5FEFF; }
.hero-bub { position: absolute; border-radius: 50%; pointer-events: none; animation: kid-float 7s ease-in-out infinite; }
.hero-bub.b1 { width: 90px; height: 90px; top: 12%; inset-inline-start: 46%; background: rgba(var(--_a-rgb), .25); }
.hero-bub.b2 { width: 40px; height: 40px; bottom: 22%; inset-inline-start: 6%; background: rgba(236, 72, 153, .22); animation-delay: -2s; }
.hero-bub.b3 { width: 22px; height: 22px; top: 8%; inset-inline-end: 4%; background: rgba(var(--_p-rgb), .3); animation-delay: -4s; }
@keyframes kid-float { 50% { transform: translateY(-18px) scale(1.06); } }
.hero-kids .hero-media img { border-radius: 46% 54% 40% 60% / 50% 42% 58% 50%; box-shadow: none; background: #fff; }
.hero-kids .hero-media::before { border-radius: 50%; background: rgba(var(--_a-rgb), .2); }
.hero-kids h1 .hl, .hero-kids h1 .rot { color: var(--_p); }
.hero .badge { border-radius: 999px; }
.card { border-radius: 26px; border-width: 2px; border-color: #E6F6F9; }
.card:hover { border-color: rgba(var(--_a-rgb), .5); }
.doc-ph { border-radius: 0 0 40% 40% / 0 0 14% 14%; }
.sub { color: var(--_a); }
.hl { background: linear-gradient(transparent 60%, rgba(var(--_a-rgb), .45) 60%); }
.sec-soft { background: #F0FDFF; }
.sec-tool { background: linear-gradient(180deg, #F0FDFF, #FFFBEB); }
.tl-vac li { border-radius: 18px; }
.tl-vac li .tl-age { border-radius: 14px; background: var(--_a); color: #422006; }
.tl-vac li:nth-child(3n+2) .tl-age { background: var(--_p); color: #fff; }
.tl-vac li:nth-child(3n) .tl-age { background: #BE185D; color: #fff; }
.footer { background: #083344; }
@media (prefers-reduced-motion: reduce) { .hero-bub { animation: none; } }