/* Adaptações do Altzum DS para HTML puro (sem React):
   estados de checkbox/switch via :checked, ícones inline, select com chevron. */
.alt-svg { flex: none; display: inline-block; vertical-align: middle; }
.alt-choice { position: relative; }
.alt-choice input { position: absolute; opacity: 0; width: 0; height: 0; }
.alt-choice__box .alt-svg { opacity: 0; transition: opacity var(--dur-fast) var(--ease-soft); }
.alt-choice input:checked + .alt-choice__box { background: var(--brand); border-color: var(--brand); color: #fff; }
.alt-choice input:checked + .alt-choice__box .alt-svg { opacity: 1; }
.alt-choice input:checked + .alt-switch { background: var(--brand); }
.alt-choice input:checked + .alt-switch .alt-switch__knob { transform: translateX(20px); }
.alt-select-wrap .alt-input { padding-right: 44px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.alt-input--area { height: auto; }
.alt-btn .alt-svg, .alt-iconbtn .alt-svg { pointer-events: none; }