/* Ações Milão: superfícies definidas, sem CTAs em formato de sublinhado. */
:root{--action-radius:3px;--action-height:50px}
body .button,body .text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--action-height);max-width:100%;padding:14px 24px;border:1px solid var(--olive);border-radius:var(--action-radius);font:500 12px/1.5 var(--sans);letter-spacing:.015em;text-align:center;text-decoration:none;transition:background-color .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease);transform:none}
body .button{background:var(--olive);color:white}
body .button:hover{background:var(--deep);border-color:var(--deep);transform:none;box-shadow:0 3px 10px #27332212}
body .text-link{background:transparent;color:var(--olive);border-color:#9ca68f}
body .text-link:hover{background:var(--olive);border-color:var(--olive);color:white}
body .button.light{background:var(--ivory);border-color:var(--ivory);color:var(--deep)}
body .button.light:hover{background:#e3d7be;border-color:#e3d7be;color:var(--deep)}
body .button.compact{min-height:44px;padding:11px 20px;font-size:12px}
body .dark .text-link,body .protocol-grid article:first-child .text-link{background:transparent;color:var(--ivory);border:1px solid #c9d0bd}
body .dark .text-link:hover,body .protocol-grid article:first-child .text-link:hover{background:var(--ivory);border-color:var(--ivory);color:var(--deep)}
body .experience-intro .text-link,body .body-copy .text-link,body .protocol-bottom .text-link,body .hero-copy .text-link{font-size:12px}
body .hero .actions{gap:14px;align-items:stretch}
body .hero-copy .button{font-size:12px;padding-inline:24px}
body .treatment-card .text-link{min-height:46px;font-size:12px;padding:12px 21px}
body .concern-list>button>i{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;max-width:100%;padding:11px 17px;margin-top:17px;border:1px solid #9ca68f;border-radius:var(--action-radius);font:500 12px/1.4 var(--sans);color:var(--olive);background:transparent;transition:color .22s,background-color .22s,border-color .22s}
body .concern-list>button:hover>i,body .concern-list>button:focus-visible>i{background:var(--olive);border-color:var(--olive);color:white}
body .concern-bottom{align-items:center}
body .concern-bottom .text-link{min-height:44px;font-size:12px;padding:11px 18px}
body .segmented{gap:10px;border:0;padding:0;background:transparent;border-radius:0}
body .segmented button{border:1px solid #b6beac;border-radius:var(--action-radius);min-height:46px;padding:12px 21px;background:transparent;color:var(--olive);font-size:12px}
body .segmented button.selected{background:var(--olive);border:1px solid var(--olive);color:white}
body .segmented button:not(.selected):hover{background:#e6eadd;border-color:var(--olive)}
body .rail-controls button{border-radius:var(--action-radius);border-color:#9ca68f;font-size:12px;min-height:44px;padding:11px 17px}
body .rail-controls button:not(:disabled):hover{background:var(--olive);border-color:var(--olive);color:white}
body .footer-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #adb79d;border-radius:var(--action-radius);color:var(--ivory);font-size:12px;margin-bottom:17px;transition:background .22s,color .22s}
body .footer-link:hover{background:var(--ivory);color:var(--deep)}
#contact-dialog #dialog-done{display:inline-flex;min-height:44px;padding:11px 19px;border:1px solid #9ca68f;border-radius:var(--action-radius);background:transparent;color:var(--olive);font-size:12px;margin-top:12px}
#contact-dialog #dialog-done:hover{background:var(--olive);color:white;border-color:var(--olive)}
body :is(.button,.text-link,.footer-link):active{box-shadow:inset 0 0 0 1px currentColor}
body :is(.button,.text-link,.footer-link):focus-visible,body .segmented button:focus-visible{outline:2px solid var(--gold-text);outline-offset:4px}
body button:disabled{opacity:.55;box-shadow:none;transform:none;cursor:not-allowed}
@media(max-width:600px){body .hero .actions{width:100%;flex-direction:column;gap:11px;align-items:stretch}body .hero .actions>.button,body .hero .actions>.text-link{width:100%;font-size:12px;min-height:48px}body .button,body .text-link{font-size:12px;padding:13px 20px;min-height:48px}body .header-cta{border-radius:var(--action-radius)}body .experience-intro .text-link,body .body-copy .text-link,body .protocol-bottom .text-link{font-size:12px}body .concern-list>button>i{font-size:12px;padding:10px 12px;min-height:44px;width:100%}body .concern-list[data-active-category="rosto"]>button:first-child>i{width:auto}body .segmented{gap:8px}body .segmented button{font-size:12px;flex:1;padding:11px 13px}body .concern-bottom{align-items:flex-start;flex-direction:column;gap:14px}body .concern-bottom>span{max-width:none}body .conversation-actions{align-items:stretch}body .conversation-actions>.button,body .conversation-actions>.text-link{width:100%}}
@media(prefers-reduced-motion:reduce){body .button,body .text-link,body .concern-list>button>i{transition:none}}
/* A navegação por categorias tem uma superfície compartilhada, distinta dos CTAs. */
body .segmented{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;width:min(100%,520px);gap:0;padding:6px;background:#eef0e8;border:1px solid #d9dece;border-radius:6px;margin-bottom:36px}
body .segmented::before{content:"";position:absolute;z-index:-1;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);background:#fff;border-radius:3px;box-shadow:0 2px 7px #27332212;border-bottom:2px solid var(--gold);transition:transform .32s var(--ease)}
body .segmented[data-active="corpo"]::before{transform:translateX(100%)}
body .segmented button,body .segmented button.selected{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;width:100%;min-height:54px;padding:14px 20px;border:0;border-radius:3px;background:transparent;color:#67715f;font:500 14px/1.4 var(--sans);cursor:pointer;transition:color .2s}
body .segmented button.selected{color:var(--deep);font-weight:600}
body .segmented button:not(.selected):hover{background:#53604c09;border:0;color:var(--deep)}
body .segmented button:focus-visible{outline:2px solid var(--gold-text);outline-offset:-3px}
@media(max-width:600px){body .segmented{margin-bottom:25px}body .segmented button,body .segmented button.selected{min-height:52px;padding:12px 8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body .segmented::before,body .segmented button{transition:none}}