.ui-campo{gap:var(--espacio-1);min-width:0;display:grid}.ui-campo__etiqueta{color:var(--color-texto);font-size:var(--tamano-s);font-weight:620;line-height:1.3}.ui-campo__marca{color:var(--color-error);margin-inline-start:.15em}.ui-campo__opcional{color:var(--color-texto-suave);margin-inline-start:.35em;font-weight:450}.ui-campo__ayuda{color:var(--color-texto-suave);font-size:var(--tamano-s);line-height:1.4}.ui-campo__grupo{min-width:0;border:1.5px solid var(--color-borde-fuerte);border-radius:var(--radio-m);background-color:var(--color-superficie);transition:border-color var(--transicion), box-shadow var(--transicion);align-items:stretch;margin-block-start:var(--espacio-1);display:flex;position:relative}@media (hover:hover){.ui-campo__grupo:hover{border-color:var(--color-texto-suave)}}.ui-campo__grupo:focus-within{border-color:var(--color-foco);outline:3px solid var(--color-foco);outline-offset:1px}.ui-campo__control{width:100%;min-width:0;min-height:48px;padding:var(--espacio-2) var(--espacio-3);border-radius:inherit;color:var(--color-texto);font-size:max(16px, var(--tamano-m));background:0 0;border:0;flex:1;line-height:1.4}.ui-campo__control:focus-visible{outline:none}.ui-campo__control::placeholder{color:var(--color-texto-suave);opacity:1}.ui-campo__control[type=search]{-webkit-appearance:none;appearance:none}.ui-campo__control[type=search]::-webkit-search-cancel-button,.ui-campo__control[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ui-campo__limpiar{width:var(--altura-toque);height:var(--altura-toque);border-radius:var(--radio-s);color:var(--color-texto-suave);cursor:pointer;touch-action:manipulation;transition:background-color var(--transicion), color var(--transicion);background:0 0;border:0;flex:none;align-self:center;place-items:center;margin-inline-end:2px;padding:0;display:grid}@media (hover:hover){.ui-campo__limpiar:hover{background-color:var(--color-superficie-alt);color:var(--color-texto)}}.ui-campo__limpiar:focus-visible{outline:3px solid var(--color-foco);outline-offset:-3px}.ui-campo__grupo:has(.ui-campo__control:placeholder-shown) .ui-campo__limpiar,.ui-campo__grupo:has(:disabled,[readonly]) .ui-campo__limpiar{display:none}.ui-campo__control--area{min-height:96px;padding-block:var(--espacio-3);field-sizing:content}.ui-campo__control--select{appearance:none;cursor:pointer;padding-inline-end:calc(var(--espacio-3) + 28px)}.ui-campo__flecha{inset-inline-end:var(--espacio-3);color:var(--color-texto-suave);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.ui-campo__afijo{padding-inline:var(--espacio-3);color:var(--color-texto-suave);white-space:nowrap;align-items:center;font-weight:560;display:flex}.ui-campo__afijo:first-child{padding-inline-end:0}.ui-campo__afijo:last-child{padding-inline-start:0}.ui-campo__control:disabled{cursor:not-allowed}.ui-campo__grupo:has(:disabled){opacity:.55;background-color:var(--color-superficie-alt)}.ui-campo__error{align-items:flex-start;gap:var(--espacio-1);color:var(--color-error);font-size:var(--tamano-s);font-weight:560;line-height:1.4;display:flex}.ui-campo__error .ui-icono{margin-block-start:.1em}.ui-campo__error:has(.ui-campo__error-texto:empty){display:none}.ui-campo--invalido .ui-campo__grupo,.ui-campo__grupo:has([aria-invalid=true]){border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.ui-campo--invalido .ui-campo__grupo:focus-within,.ui-campo__grupo:has([aria-invalid=true]):focus-within{border-color:var(--color-error);box-shadow:none;outline:3px solid var(--color-error);outline-offset:0}.ui-campo__grupo:has(.ui-campo__limpiar:focus-visible){outline:none}.ui-campo--casilla{column-gap:var(--espacio-3);grid-template-columns:auto 1fr;align-items:center}.ui-campo--casilla>.ui-campo__etiqueta{min-height:var(--altura-toque);font-size:var(--tamano-m);cursor:pointer;align-items:center;font-weight:500;display:flex}.ui-campo--casilla>.ui-campo__ayuda,.ui-campo--casilla>.ui-campo__error{grid-column:2}.ui-campo__casilla{width:22px;height:22px;accent-color:var(--color-marca);cursor:pointer;margin:0}.ui-campo__casilla[aria-invalid=true]{outline:2px solid var(--color-error);outline-offset:2px}.ui-campo__casilla[aria-invalid=true]:focus-visible{outline-width:3px}
