/* Sem JavaScript os rótulos originais ficam fora dos campos, como antes. */
.campo-flutuante { position:relative; width:100%; min-width:0; }
.campo-flutuante > .campo-controle { display:block; box-sizing:border-box; width:100%; min-height:52px; padding:15px 16px; font-size:15px; line-height:1.45; }
.campo-flutuante > textarea.campo-controle { min-height:80px; padding-top:18px; }
.form-group .campo-flutuante > textarea.campo-controle { min-height:120px; }
.admin-form-group .campo-flutuante > textarea.campo-controle { min-height:78px; }
.campo-flutuante > .campo-rotulo { position:absolute; z-index:1; top:15px; left:10px; right:10px; width:fit-content; max-width:calc(100% - 20px); margin:0; color:var(--clr-muted,var(--a-muted,#6b6b6b)); font-size:14px; font-weight:400; line-height:20px; letter-spacing:0; text-transform:none; white-space:nowrap; cursor:text; transform-origin:left center; transition:top .2s ease,transform .2s ease,font-size .2s ease,color .2s ease; }
.campo-rotulo-texto { display:block; overflow:hidden; text-overflow:ellipsis; padding:0 6px; background:transparent; }
.campo-flutuante:not(:focus-within) > .campo-controle::placeholder { color:transparent; opacity:0; }
.campo-flutuante:focus-within > .campo-rotulo,.campo-flutuante.tem-valor > .campo-rotulo { top:0; transform:translateY(-50%); font-size:11px; font-weight:500; color:var(--clr-dark,var(--a-dark,#111)); pointer-events:none; }
.campo-flutuante:focus-within > .campo-rotulo .campo-rotulo-texto,.campo-flutuante.tem-valor > .campo-rotulo .campo-rotulo-texto { background:var(--campo-fundo,#fff); }
@supports selector(:has(*)) {
  .campo-flutuante:has(> .campo-controle:not(:placeholder-shown)) > .campo-rotulo { top:0; transform:translateY(-50%); font-size:11px; font-weight:500; color:var(--clr-dark,var(--a-dark,#111)); pointer-events:none; }
  .campo-flutuante:has(> .campo-controle:not(:placeholder-shown)) > .campo-rotulo .campo-rotulo-texto { background:var(--campo-fundo,#fff); }
}
.campo-flutuante:has(> .campo-controle:disabled) > .campo-rotulo { cursor:default; opacity:.65; }
@media(prefers-reduced-motion:reduce) { .campo-flutuante > .campo-rotulo { transition:none; } }
.campo-flutuante > .campo-controle:disabled { cursor:not-allowed; opacity:.6; }