.callout{column-gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border:1px solid var(--line);border-radius:var(--r-card);font-size:var(--fs-15);grid-template-columns:16px minmax(0,1fr);line-height:1.55;display:grid}.callout__icon{margin-top:.2em}.callout__body{gap:var(--sp-6);min-width:0;color:var(--text-2);display:grid}.callout__label{color:var(--text);font-weight:600}.callout--aviso{border-color:color-mix(in srgb, var(--warn) 38%, transparent);background:var(--warn-soft)}.callout--aviso .callout__icon{color:var(--warn)}.callout--info{border-color:var(--accent-line);background:var(--accent-soft)}.callout--info .callout__icon{color:var(--accent)}.callout--ok{border-color:color-mix(in srgb, var(--ok) 38%, transparent);background:var(--ok-soft)}.callout--ok .callout__icon{color:var(--ok)}.callout--erro{border-color:color-mix(in srgb, var(--danger) 42%, transparent);background:var(--danger-soft)}.callout--erro .callout__icon{color:var(--danger)}