/* The home reuses the exact /servicos card markup and typography. */
#tratamentos{background:#f9fbfd}
#tratamentos>div.container>header{max-width:760px;margin-inline:auto;text-align:center}
#tratamentos>div.container>header>p:last-child{margin-inline:auto;color:#53657e;line-height:1.7}
#tratamentos [role="region"][aria-label^="Cards de tratamentos"]{max-width:1336px;margin-inline:auto;scroll-padding-inline:16px}
#tratamentos .hori-catalog-card{height:100%}
#tratamentos .hori-treatment-featured-badge{position:absolute;top:14px;right:14px;z-index:2;padding:4px 9px;border:1px solid #d2e1ef;border-radius:999px;background:#fff;color:#005c9f;font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 1px 3px #00000010}
@media(max-width:639px){#tratamentos [role="region"][aria-label^="Cards de tratamentos"]>a{flex-basis:100%}}
@media(min-width:1024px){#tratamentos .sm\:grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){#tratamentos .sm\:grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#tratamentos a[href="/servicos"]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #171717;border-radius:6px;background:#171717;color:#fff;font:500 14px/1.4 Inter,Arial,sans-serif;text-decoration:none;box-shadow:none;transition:background-color .2s ease}
#tratamentos a[href="/servicos"]:hover{background:#303030;border-color:#303030;color:#fff}
#tratamentos a[href="/servicos"]:focus-visible{outline:2px solid #005c9f;outline-offset:4px}

