ion-input{
    @apply text-right;
}

ion-item{
    &::part(native){
        @apply transition-all ease-in-out duration-300;
    }
}

ion-card{
    border-width: 1px 1px 2px 1px !important;
    
    border-color      : color-mix(in srgb, var(--ion-color-dark)   50%, transparent 50%);
	border-right-color: color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
	border-top-color  : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
	border-left-color : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
    
    @apply border-solid transition-all;
    &.submitted.invalid{
        border-color : color-mix(in srgb, var(--ion-color-danger) 50%, transparent 50%) !important;
    }
    
    &:not(.required){

    }
}

ion-text{
    &.required{
        &::after {
            content: "*";
            color: var(--ion-color-danger);
            vertical-align: text-bottom;
            font-size: small;
        }
    }
    &:not(.required)::after{ 
        content: var(--input-opcional-label, "(Opcional)");
        color: var(--ion-color-medium);
        vertical-align: text-bottom;
        font-size: small;
    }
}